html:has(.am360-dashboard-page),
body.am360-dashboard-page {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: #f3f4f6;
}

.am360-free-builder {
    display: grid;
    gap: 18px;
}

.am360-builder-advice {
    display: grid;
    gap: 4px;
    padding: 14px 16px;
    border: 1px solid rgba(17, 24, 39, .12);
    background: rgba(246, 248, 250, .86);
    color: #111827;
}

.am360-builder-advice strong {
    font-size: 13px;
    font-weight: 900;
    text-transform: uppercase;
}

.am360-builder-advice span {
    color: #667085;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;
}

.am360-builder-workbench {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.am360-builder-sidebar {
    position: sticky;
    top: 16px;
    display: grid;
    gap: 14px;
    max-height: calc(100vh - 120px);
    overflow: auto;
    padding: 10px;
    border: 1px solid rgba(17, 24, 39, .1);
    background: rgba(255, 255, 255, .92);
}

.am360-builder-sidebar__hero {
    display: grid;
    gap: 8px;
    padding: 12px;
    background: #111827;
    color: #fff;
}

.am360-builder-sidebar__hero span {
    color: rgba(255, 255, 255, .62);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.am360-builder-sidebar__hero strong {
    font-size: 22px;
    font-weight: 900;
    line-height: 1;
}

.am360-builder-sidebar__hero--compact {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
}

.am360-builder-sidebar__hero--compact strong {
    font-size: 18px;
}

.am360-builder-sidebar__hero--compact span {
    letter-spacing: 0;
    text-transform: none;
}

.am360-builder-progress {
    height: 5px;
    background: rgba(255, 255, 255, .16);
    overflow: hidden;
}

.am360-builder-progress i {
    display: block;
    height: 100%;
    background: #fff;
}

.am360-builder-sidebar__section {
    display: grid;
    gap: 9px;
}

.am360-builder-sidebar__section > span,
.am360-builder-sidebar__toggle span {
    color: #667085;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.am360-builder-sidebar__toggle {
    display: flex;
    width: 100%;
    min-height: 28px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0;
    border: 0;
    background: transparent;
    text-align: left;
    cursor: pointer;
}

.am360-builder-sidebar__toggle b {
    display: inline-flex;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(17, 24, 39, .12);
    color: #111827;
    font-size: 15px;
    font-weight: 900;
}

.am360-builder-sidebar__body {
    display: grid;
    gap: 10px;
}

.am360-builder-sidebar__section.is-collapsed .am360-builder-sidebar__body {
    display: none;
}

.am360-insert-position {
    display: grid;
    gap: 6px;
    color: #667085;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.am360-insert-position select {
    width: 100%;
    min-height: 42px;
    border: 1px solid rgba(17, 24, 39, .14);
    background: #fff;
    color: #111827;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: none;
}

.am360-builder-outline,
.am360-block-library {
    display: grid;
    gap: 6px;
}

.am360-builder-outline button,
.am360-block-library button {
    display: grid;
    gap: 2px;
    width: 100%;
    min-height: 46px;
    padding: 8px 10px;
    border: 1px solid rgba(42, 91, 215, .16);
    background: #f5f8ff;
    color: #1d2939;
    text-align: left;
}

.am360-builder-outline button {
    grid-template-columns: 30px minmax(0, 1fr);
    align-items: center;
}

.am360-builder-outline button b {
    display: inline-flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    background: #e8efff;
    color: #2452b8;
    font-size: 11px;
    font-weight: 900;
}

.am360-builder-outline button span {
    display: grid;
    gap: 2px;
}

.am360-builder-outline button:hover,
.am360-block-library button:hover,
.am360-builder-outline button.is-active {
    border-color: rgba(42, 91, 215, .36);
    background: #edf3ff;
}

.am360-builder-outline button.is-active {
    border-color: #2452b8;
    background: #2452b8;
    color: #fff;
    box-shadow: 0 8px 18px rgba(36, 82, 184, .18);
}

.am360-builder-outline button.is-active b {
    background: #fff;
    color: #2452b8;
}

.am360-builder-outline button.is-active strong,
.am360-builder-outline button.is-active small {
    color: #fff;
}

.am360-builder-outline strong,
.am360-block-library strong {
    font-size: 12px;
    font-weight: 900;
}

.am360-builder-outline small,
.am360-block-library small {
    color: #667085;
    font-size: 10px;
    font-weight: 700;
}

.am360-block-library button {
    grid-template-columns: 24px minmax(0, 1fr);
    align-items: center;
    column-gap: 9px;
    border-color: rgba(17, 24, 39, .16);
    background: linear-gradient(180deg, #fff, #f7f9fc);
}

.am360-block-library button span {
    grid-row: span 2;
    display: inline-flex;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    background: #111827;
    color: #fff;
    font-size: 15px;
    font-weight: 900;
}

.am360-builder-playbook ol {
    margin: 0;
    padding-left: 18px;
    color: #475467;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.55;
}

.am360-builder-workarea {
    min-width: 0;
    overflow: hidden;
}

.am360-builder-workbench.is-thankyou {
    grid-template-columns: 1fr;
}

.am360-builder-workbench.is-thankyou .am360-builder-sidebar {
    display: none;
}

.am360-builder-workbench[data-builder-focus] [data-builder-focus-panel] {
    display: none;
}

.am360-builder-workbench[data-builder-focus="hero"] [data-builder-focus-panel="hero"],
.am360-builder-workbench[data-builder-focus="objective"] [data-builder-focus-panel="objective"],
.am360-builder-workbench[data-builder-focus="program"] [data-builder-focus-panel="program"],
.am360-builder-workbench[data-builder-focus="venue"] [data-builder-focus-panel="venue"],
.am360-builder-workbench[data-builder-focus="stats"] [data-builder-focus-panel="stats"],
.am360-builder-workbench[data-builder-focus="free"] [data-builder-focus-panel="free"],
.am360-builder-workbench[data-builder-focus="faq"] [data-builder-focus-panel="faq"],
.am360-builder-workbench[data-builder-focus="reservation"] [data-builder-focus-panel="reservation"] {
    display: grid;
}

.am360-free-sections,
.am360-free-section,
.am360-free-subblock {
    display: grid;
    gap: 14px;
}

.am360-free-section {
    padding: 16px;
    border: 1px solid rgba(17, 24, 39, .12);
    background: #fff;
}

.am360-free-section__head,
.am360-free-subblock__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}

.am360-free-section__head {
    align-items: flex-start;
}

.am360-free-section__head strong,
.am360-free-subblock__head strong {
    color: #111827;
    font-size: 14px;
    font-weight: 900;
}

.am360-free-section__head > div:first-child {
    display: grid;
    gap: 3px;
}

.am360-free-section__head span {
    color: #667085;
    font-size: 12px;
    font-weight: 800;
}

.am360-free-section__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 6px;
    min-width: 0;
    max-width: 100%;
}

.am360-free-section__actions .am360-secondary-btn {
    min-width: 0;
}

.am360-free-section-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.am360-free-section-tabs button {
    min-height: 38px;
    max-width: 100%;
    padding: 0 12px;
    border: 1px solid rgba(17, 24, 39, .12);
    background: #fff;
    color: #475467;
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.am360-free-section-tabs button.is-active {
    border-color: #111827;
    background: #111827;
    color: #fff;
}

.am360-free-section:not(.is-active) {
    display: none;
}

.am360-free-subblock {
    padding-top: 14px;
    border-top: 1px solid rgba(17, 24, 39, .08);
}

.am360-builder-mini-row {
    display: grid;
    grid-template-columns: minmax(120px, .8fr) minmax(180px, 1.4fr) auto;
    gap: 10px;
    align-items: end;
    padding: 10px 0;
    border-bottom: 1px solid rgba(17, 24, 39, .08);
}

.am360-builder-mini-row:last-child {
    border-bottom: 0;
}

.am360-swiper-settings {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.am360-dash.is-builder-mode .am360-live-builder__editor .am360-swiper-settings,
.am360-dash.is-builder-mode .am360-live-builder__editor .am360-section-style-grid {
    grid-template-columns: minmax(0, 1fr) !important;
}

.am360-dash.is-builder-mode .am360-live-builder__editor .am360-builder-mini-row {
    grid-template-columns: minmax(0, 1fr) auto;
}

.am360-dash.is-builder-mode .am360-live-builder__editor .am360-builder-mini-row label:first-child {
    grid-column: 1 / -1;
}

.am360-section-style-grid {
    grid-template-columns: minmax(0, 1fr);
}

.am360-section-style-grid input[type="color"] {
    min-height: 42px;
    padding: 4px;
}

.am360-section-style-grid .am360-wide {
    grid-column: 1 / -1;
}

.am360-dash.is-night-mode .am360-builder-advice,
.am360-dash.is-night-mode .am360-builder-sidebar,
.am360-dash.is-night-mode .am360-builder-outline button,
.am360-dash.is-night-mode .am360-block-library button,
.am360-dash.is-night-mode .am360-insert-position select,
.am360-dash.is-night-mode .am360-free-section,
.am360-dash.is-night-mode .am360-free-section-tabs button,
.am360-dash.is-night-mode .am360-faq-tabs button,
.am360-dash.is-night-mode .am360-builder-sidebar__toggle b {
    border-color: rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .04);
}

.am360-dash.is-night-mode .am360-builder-outline button.is-active,
.am360-dash.is-night-mode .am360-free-section-tabs button.is-active,
.am360-dash.is-night-mode .am360-faq-tabs button.is-active {
    border-color: #fff;
    background: #fff;
    color: #111827;
}

.am360-dash.is-night-mode .am360-builder-outline button.is-active strong,
.am360-dash.is-night-mode .am360-builder-outline button.is-active small {
    color: #111827;
}

.am360-dash.is-night-mode .am360-builder-advice strong,
.am360-dash.is-night-mode .am360-builder-outline strong,
.am360-dash.is-night-mode .am360-block-library strong,
.am360-dash.is-night-mode .am360-free-section__head strong,
.am360-dash.is-night-mode .am360-free-subblock__head strong {
    color: #fff;
}

.am360-dash.is-night-mode .am360-builder-sidebar__hero,
.am360-dash.is-night-mode .am360-builder-outline button.is-active b,
.am360-dash.is-night-mode .am360-block-library button span {
    background: #fff;
    color: #111827;
}

.am360-dash.is-night-mode .am360-builder-progress {
    background: rgba(17, 24, 39, .18);
}

.am360-dash.is-night-mode .am360-builder-progress i {
    background: #111827;
}

.am360-dash.is-night-mode .am360-builder-outline button b {
    background: rgba(255, 255, 255, .08);
    color: #aab4c2;
}

.am360-dash.is-night-mode .am360-builder-playbook ol,
.am360-dash.is-night-mode .am360-builder-outline small,
.am360-dash.is-night-mode .am360-block-library small,
.am360-dash.is-night-mode .am360-insert-position,
.am360-dash.is-night-mode .am360-free-section__head span {
    color: #aab4c2;
}

@media (max-width: 760px) {
    .am360-builder-workbench {
        grid-template-columns: 1fr;
    }

    .am360-builder-sidebar {
        position: relative;
        top: auto;
        max-height: none;
    }

    .am360-builder-mini-row,
    .am360-swiper-settings {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 1279px) and (min-width: 721px) {
    .am360-dash.is-builder-mode {
        grid-template-columns: 500px minmax(0, 1fr);
    }

    .am360-dash.is-builder-mode .am360-live-builder__editor,
    .am360-dash.is-builder-mode .am360-email-builder__editor {
        width: 500px;
    }

    .am360-dash.is-builder-mode .am360-live-preview__stage {
        padding-left: 500px;
    }

    .am360-builder-workbench {
        grid-template-columns: 1fr;
    }

    .am360-builder-sidebar {
        position: relative;
        top: auto;
        max-height: none;
    }
}

/* Cohesive dark mode layer. Kept at the end so it wins over panel-specific rules. */
html:has(.am360-dash.is-night-mode),
body:has(.am360-dash.is-night-mode) {
    background: #080b12;
}

.am360-dash.is-night-mode {
    background: #080b12;
    color: #eef2f7;
}

.am360-dash.is-night-mode .am360-dash__main {
    background: #0b0f17;
}

.am360-dash.is-night-mode .am360-dash__nav,
.am360-dash.is-night-mode .am360-dash__topbar,
.am360-dash.is-night-mode .am360-dash__top,
.am360-dash.is-night-mode .am360-exec-head,
.am360-dash.is-night-mode .am360-hub-head,
.am360-dash.is-night-mode .am360-stats article,
.am360-dash.is-night-mode .am360-settings-form,
.am360-dash.is-night-mode .am360-table-wrap,
.am360-dash.is-night-mode .am360-help,
.am360-dash.is-night-mode .am360-kpi-section,
.am360-dash.is-night-mode .am360-chart-card,
.am360-dash.is-night-mode .am360-export-bar,
.am360-dash.is-night-mode .am360-action-grid button,
.am360-dash.is-night-mode .am360-crm-snapshot article,
.am360-dash.is-night-mode .am360-funnel-explain,
.am360-dash.is-night-mode .am360-funnel-step,
.am360-dash.is-night-mode .am360-crm-filters,
.am360-dash.is-night-mode .am360-builder-block,
.am360-dash.is-night-mode .am360-form-section,
.am360-dash.is-night-mode .am360-section-card,
.am360-dash.is-night-mode .am360-story-panel,
.am360-dash.is-night-mode .am360-story-preview,
.am360-dash.is-night-mode .am360-thanks,
.am360-dash.is-night-mode .am360-tour-card,
.am360-dash.is-night-mode .am360-help-faq details,
.am360-dash.is-night-mode .am360-sumup-error,
.am360-dash.is-night-mode .am360-pixel-row,
.am360-dash.is-night-mode .am360-product-row,
.am360-dash.is-night-mode .am360-faq-row,
.am360-dash.is-night-mode .am360-privacy-output {
    background: #111827;
    border-color: rgba(148, 163, 184, 0.18);
    color: #eef2f7;
    box-shadow: none;
}

.am360-dash.is-night-mode .am360-dash__nav {
    background: #0f172a;
    box-shadow: inset -1px 0 0 rgba(148, 163, 184, 0.14);
}

.am360-dash.is-night-mode .am360-dash__brand,
.am360-dash.is-night-mode .am360-table th,
.am360-dash.is-night-mode .am360-table td,
.am360-dash.is-night-mode .am360-builder-block__head,
.am360-dash.is-night-mode .am360-form-section,
.am360-dash.is-night-mode .am360-topbar-actions,
.am360-dash.is-night-mode .am360-topbar-actions button {
    border-color: rgba(148, 163, 184, 0.18);
}

.am360-dash.is-night-mode h1,
.am360-dash.is-night-mode h2,
.am360-dash.is-night-mode h3,
.am360-dash.is-night-mode h4,
.am360-dash.is-night-mode strong,
.am360-dash.is-night-mode .am360-dash__brand strong,
.am360-dash.is-night-mode .am360-dash__user strong,
.am360-dash.is-night-mode .am360-table,
.am360-dash.is-night-mode .am360-action-grid button,
.am360-dash.is-night-mode .am360-funnel-step {
    color: #f8fafc;
}

.am360-dash.is-night-mode p,
.am360-dash.is-night-mode span,
.am360-dash.is-night-mode small,
.am360-dash.is-night-mode label,
.am360-dash.is-night-mode .am360-webhook,
.am360-dash.is-night-mode .am360-stats span,
.am360-dash.is-night-mode .am360-stats small,
.am360-dash.is-night-mode .am360-kpi-section p,
.am360-dash.is-night-mode .am360-action-grid span,
.am360-dash.is-night-mode .am360-funnel-explain p,
.am360-dash.is-night-mode .am360-funnel-step p,
.am360-dash.is-night-mode .am360-story-panel label,
.am360-dash.is-night-mode .am360-builder-note {
    color: #cbd5e1;
}

.am360-dash.is-night-mode .am360-nav-group > span,
.am360-dash.is-night-mode .am360-exec-head p,
.am360-dash.is-night-mode .am360-hub-head p,
.am360-dash.is-night-mode .am360-kpi-section span,
.am360-dash.is-night-mode .am360-crm-snapshot span {
    color: #94a3b8;
}

.am360-dash.is-night-mode .am360-dash__nav button {
    color: #cbd5e1;
}

.am360-dash.is-night-mode .am360-dash__nav button.is-active,
.am360-dash.is-night-mode .am360-dash__nav button:hover,
.am360-dash.is-night-mode .am360-action-grid button:hover,
.am360-dash.is-night-mode .am360-funnel-step:hover,
.am360-dash.is-night-mode .am360-topbar-actions button:hover {
    background: #1e293b;
    color: #ffffff;
}

.am360-dash.is-night-mode input,
.am360-dash.is-night-mode textarea,
.am360-dash.is-night-mode select,
.am360-dash.is-night-mode .am360-global-search,
.am360-dash.is-night-mode .am360-theme-toggle,
.am360-dash.is-night-mode .am360-dash__user a,
.am360-dash.is-night-mode .am360-secondary-btn,
.am360-dash.is-night-mode .am360-settings-form button,
.am360-dash.is-night-mode .am360-note-badge,
.am360-dash.is-night-mode .am360-row-save,
.am360-dash.is-night-mode .am360-row-delete {
    border-color: rgba(148, 163, 184, 0.22);
    background: #020617;
    color: #f8fafc;
}

.am360-dash.is-night-mode input::placeholder,
.am360-dash.is-night-mode textarea::placeholder {
    color: #64748b;
}

.am360-dash.is-night-mode input[type="checkbox"] {
    accent-color: #f8fafc;
}

.am360-dash.is-night-mode .am360-menu-badge,
.am360-dash.is-night-mode .am360-dash__avatar,
.am360-dash.is-night-mode .am360-funnel-step > span,
.am360-dash.is-night-mode .am360-builder-mode-head .am360-builder-save,
.am360-dash.is-night-mode .am360-primary-action {
    background: #f8fafc !important;
    color: #111827 !important;
}

.am360-dash.is-night-mode mark {
    background: #1e293b;
    color: #f8fafc;
}

.am360-dash.is-night-mode .am360-test-badge,
.am360-dash.is-night-mode .am360-hub-head > span {
    border-color: rgba(148, 163, 184, 0.24);
    background: rgba(148, 163, 184, 0.12);
    color: #e2e8f0;
}

.am360-dash.is-night-mode .am360-builder-switch,
.am360-dash.is-night-mode .am360-section-tabs,
.am360-dash.is-night-mode .am360-preview-devices {
    border-color: rgba(148, 163, 184, 0.22);
    background: #020617;
}

.am360-dash.is-night-mode .am360-builder-switch button,
.am360-dash.is-night-mode .am360-section-tabs button,
.am360-dash.is-night-mode .am360-preview-devices button {
    color: #cbd5e1 !important;
}

.am360-dash.is-night-mode .am360-builder-switch button.is-active,
.am360-dash.is-night-mode .am360-section-tabs button.is-active,
.am360-dash.is-night-mode .am360-preview-devices button.is-active {
    background: #f8fafc !important;
    color: #111827 !important;
}

.am360-dash.is-night-mode .am360-email-render {
    background: #0b0f17 !important;
}

.am360-dash.is-night-mode .am360-email-render__canvas {
    background: #f3f4f6 !important;
}

.am360-dash.is-night-mode .am360-email-render__message {
    background: #ffffff !important;
    color: #111827 !important;
    border: 0;
}

.am360-dash.is-night-mode .am360-email-render__body,
.am360-dash.is-night-mode .am360-email-render__body p,
.am360-dash.is-night-mode .am360-email-render__brand {
    color: #111827 !important;
}

.am360-dash.is-night-mode .am360-live-preview,
.am360-dash.is-night-mode .am360-live-preview__stage,
.am360-dash.is-night-mode .am360-email-preview-live {
    background: #0b0f17;
}

.am360-dash.is-night-mode .am360-live-preview__bar,
.am360-dash.is-night-mode.is-builder-mode .am360-email-preview-live .am360-live-preview__bar {
    background: rgba(15, 23, 42, 0.94);
    border-color: rgba(148, 163, 184, 0.22);
}

body:has(.am360-dash.is-night-mode) .am360-confirm-modal,
body:has(.am360-dash.is-night-mode) .am360-toast,
body:has(.am360-dash.is-night-mode) .am360-tour-card {
    background: #111827;
    border-color: rgba(148, 163, 184, 0.18);
    color: #f8fafc;
}

body:has(.am360-dash.is-night-mode) .am360-confirm-modal p,
body:has(.am360-dash.is-night-mode) .am360-toast p,
body:has(.am360-dash.is-night-mode) .am360-tour-card p {
    color: #cbd5e1;
}

body.am360-dashboard-page #wpadminbar {
    display: none;
}

html:has(body.am360-dashboard-page) {
    margin-top: 0 !important;
}

.am360-dash {
    width: 100vw;
    min-height: 100vh;
    height: 100vh;
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
    overflow: hidden;
    background: #f3f4f6;
    color: #151515;
    border: 0;
    box-shadow: none;
    font-family: Arial, Helvetica, sans-serif;
}

.am360-dash__loading,
.am360-dash__error {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    padding: 28px;
}

.am360-dash-loading {
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    min-height: 100vh;
    display: grid;
    place-items: center;
    position: relative;
    padding: 28px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    animation: am360OnboardingIn 0.48s ease both;
}

.am360-dash-loading__glow {
    position: absolute;
    width: min(72vw, 760px);
    aspect-ratio: 1;
    border-radius: 999px;
    background:
        radial-gradient(circle, rgba(17, 24, 39, 0.12), transparent 58%),
        radial-gradient(circle at 72% 28%, rgba(17, 24, 39, 0.1), transparent 42%);
    filter: blur(8px);
    animation: am360OnboardingGlow 5.2s ease-in-out infinite alternate;
}

.am360-dash-loading__card {
    position: relative;
    z-index: 1;
    width: min(860px, 100%);
    padding: clamp(24px, 4vw, 54px) 0;
    color: #111827;
    text-align: center;
    animation: am360OnboardingCard 0.58s cubic-bezier(.2,.8,.2,1) both;
}

.am360-dash-loading__card p {
    margin: 0 0 14px;
    color: #4b5563;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.34em;
    text-transform: uppercase;
}

.am360-dash-loading__card h2 {
    margin: 0;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(38px, 6.2vw, 84px);
    font-weight: 400;
    line-height: 0.92;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.am360-dash-loading__card > span {
    display: block;
    max-width: 560px;
    margin: 24px auto 0;
    color: #4b5563;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: clamp(15px, 1.8vw, 19px);
    font-weight: 500;
    line-height: 1.7;
}

.am360-dash-loading__steps {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 32px;
}

.am360-dash-loading__steps i {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: #374151;
    animation: am360OnboardingPulse 0.85s ease-in-out infinite alternate;
}

.am360-dash-loading__steps i:nth-child(2) {
    animation-delay: 0.14s;
}

.am360-dash-loading__steps i:nth-child(3) {
    animation-delay: 0.28s;
}

#am360-landing-dashboard.is-night-mode .am360-dash-loading {
    background: rgba(8, 11, 18, 0.72);
    color: #f8fafc;
}

#am360-landing-dashboard.is-night-mode .am360-dash-loading__glow {
    background:
        radial-gradient(circle, rgba(248, 250, 252, 0.12), transparent 58%),
        radial-gradient(circle at 72% 28%, rgba(148, 163, 184, 0.14), transparent 42%);
}

#am360-landing-dashboard.is-night-mode .am360-dash-loading__card {
    color: #f8fafc;
}

#am360-landing-dashboard.is-night-mode .am360-dash-loading__card p,
#am360-landing-dashboard.is-night-mode .am360-dash-loading__card > span {
    color: #cbd5e1;
}

#am360-landing-dashboard.is-night-mode .am360-dash-loading__steps i {
    background: #f8fafc;
}

.am360-dash__nav {
    min-height: 100vh;
    padding: 18px 14px;
    background: #ffffff;
    color: #111827;
    border-right: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 10px 0 32px rgba(15, 23, 42, 0.04);
    overflow-y: auto;
}

.am360-dash__brand {
    display: grid;
    gap: 8px;
    padding: 4px 8px 20px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.am360-dash__brand strong {
    font-family: Georgia, 'Times New Roman', serif;
    letter-spacing: 0.22em;
    font-size: 20px;
}

.am360-dash__brand span {
    color: #4b5563;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    font-size: 12px;
}

.am360-dash__logo {
    display: block;
    width: auto;
    max-width: 190px;
    max-height: 58px;
    object-fit: contain;
}

.am360-dash__nav button {
    display: flex;
    width: 100%;
    min-height: 44px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 0 12px;
    margin: 4px 0;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: #4b5563;
    cursor: pointer;
    text-align: left;
    font-weight: 700;
}

.am360-nav-group {
    display: grid;
    gap: 3px;
    margin: 0 0 16px;
}

.am360-mobile-nav-tools {
    display: none;
}

.am360-nav-group > span {
    display: block;
    padding: 10px 10px 4px;
    color: #4b5563;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.am360-menu-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: #111827;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}

.am360-test-badge {
    display: inline-flex;
    margin-left: 8px;
    padding: 3px 7px;
    border: 1px solid rgba(17, 24, 39, 0.14);
    background: rgba(17, 24, 39, 0.06);
    color: #374151;
    font-size: 10px;
    font-style: normal;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    vertical-align: middle;
}

.am360-source-badge {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: 0 10px;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 999px;
    background: #f8fafc;
    color: #111827;
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.am360-source-badge.is-instagram {
    background: #fdf2f8;
    color: #9d174d;
}

.am360-source-badge.is-facebook {
    background: #eff6ff;
    color: #1d4ed8;
}

.am360-source-badge.is-google,
.am360-source-badge.is-google_ads {
    background: #ecfdf5;
    color: #047857;
}

.am360-source-badge.is-tiktok,
.am360-source-badge.is-direct,
.am360-source-badge.is-landing {
    background: #f1f5f9;
    color: #334155;
}

.am360-empty-note {
    margin: 0;
    color: #64748b;
    font-weight: 700;
    line-height: 1.5;
}

.am360-dash__nav button.is-active,
.am360-dash__nav button:hover {
    background: rgba(17, 24, 39, 0.07);
    color: #111827;
}

.am360-dash__main {
    min-width: 0;
    max-height: 100vh;
    overflow: auto;
    padding: 28px;
}

.am360-dash__top {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: start;
    margin-bottom: 24px;
    padding: 18px 22px;
    background: #ffffff;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 8px;
}

.am360-dash__top p {
    margin: 0 0 6px;
    color: #4b5563;
    text-transform: uppercase;
    letter-spacing: 0.18em;
    font-size: 12px;
    font-weight: 700;
}

.am360-dash__top h2 {
    margin: 0;
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 400;
    font-size: clamp(28px, 3.4vw, 46px);
}

.am360-dash__top > span {
    padding: 10px 14px;
    border-radius: 999px;
    background: #111;
    color: #f3f4f6;
    font-weight: 700;
}

.am360-panel {
    display: none;
}

.am360-panel.is-visible {
    display: block;
}

.am360-stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

.am360-stats article,
.am360-settings-form,
.am360-table-wrap,
.am360-help {
    background: #ffffff;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 8px;
}

.am360-stats article {
    padding: 20px;
}

.am360-stats--business article {
    min-height: 132px;
}

.am360-stats span {
    display: block;
    color: #766e65;
    font-size: 13px;
}

.am360-stats strong {
    display: block;
    margin-top: 8px;
    font-size: clamp(28px, 4vw, 44px);
    font-family: Georgia, 'Times New Roman', serif;
    font-weight: 400;
}

.am360-stats small {
    display: block;
    margin-top: 10px;
    color: #8a8178;
    font-size: 12px;
    line-height: 1.45;
}

.am360-exec-head,
.am360-hub-head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    align-items: flex-start;
    margin-bottom: 18px;
    padding: 22px;
    background: #ffffff;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 8px;
}

.am360-exec-head p,
.am360-hub-head p {
    margin: 0 0 8px;
    color: #4b5563;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.am360-exec-head h2,
.am360-hub-head h2 {
    margin: 0;
    max-width: 760px;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(30px, 4vw, 52px);
    font-weight: 400;
    line-height: 0.98;
}

.am360-exec-head button,
.am360-hub-head button {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid rgba(17, 17, 17, 0.14);
    border-radius: 0;
    background: #111827;
    color: #fff;
    cursor: pointer;
    font-weight: 800;
}

.am360-hub-head > span {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    padding: 0 14px;
    border: 1px solid rgba(17, 17, 17, 0.1);
    background: rgba(17, 24, 39, 0.06);
    color: #374151;
    font-weight: 800;
}

.am360-business-grid,
.am360-action-grid,
.am360-crm-snapshot,
.am360-funnel-steps {
    display: grid;
    gap: 14px;
    margin-top: 14px;
}

.am360-business-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.am360-kpi-section,
.am360-action-grid button,
.am360-crm-snapshot article,
.am360-funnel-explain,
.am360-funnel-step {
    background: #ffffff;
    border: 1px solid rgba(17, 17, 17, 0.08);
    border-radius: 8px;
}

.am360-kpi-section {
    padding: 22px;
}

.am360-kpi-section span,
.am360-crm-snapshot span {
    display: block;
    color: #8a8178;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.am360-kpi-section h3,
.am360-crm-snapshot strong {
    display: block;
    margin: 10px 0;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(28px, 3.4vw, 46px);
    font-weight: 400;
}

.am360-kpi-section p {
    min-height: 62px;
    margin: 0 0 18px;
    color: #5f6673;
    line-height: 1.55;
}

.am360-kpi-section button,
.am360-action-grid button,
.am360-funnel-step {
    cursor: pointer;
}

.am360-kpi-section button {
    min-height: 40px;
    padding: 0 14px;
    border: 1px solid rgba(17, 17, 17, 0.14);
    border-radius: 0;
    background: transparent;
    color: #111827;
    font-weight: 800;
}

.am360-action-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.am360-action-grid button {
    display: grid;
    gap: 10px;
    min-height: 136px;
    padding: 22px;
    border-radius: 8px;
    text-align: left;
    color: #111827;
}

.am360-action-grid button:hover,
.am360-funnel-step:hover {
    border-color: rgba(17, 24, 39, 0.24);
    background: #f3f4f6;
}

.am360-action-grid strong {
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 26px;
    font-weight: 400;
}

.am360-action-grid span {
    color: #5f6673;
    line-height: 1.5;
}

.am360-action-grid .am360-menu-badge {
    width: max-content;
    color: #fff;
    line-height: 1;
}

.am360-crm-snapshot {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.am360-crm-snapshot article {
    padding: 18px;
}

.am360-funnel-explain {
    margin-bottom: 14px;
    padding: 20px 22px;
}

.am360-funnel-explain strong {
    display: block;
    margin-bottom: 8px;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 26px;
    font-weight: 400;
}

.am360-funnel-explain p {
    margin: 0;
    color: #5f6673;
    line-height: 1.6;
}

.am360-funnel-steps {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.am360-funnel-step {
    display: grid;
    min-height: 210px;
    padding: 18px;
    border-radius: 8px;
    text-align: left;
    color: #111827;
}

.am360-funnel-step > span {
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #111827;
    color: #f3f4f6;
    font-weight: 900;
}

.am360-funnel-step strong {
    align-self: end;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 24px;
    font-weight: 400;
}

.am360-funnel-step p {
    margin: 0;
    color: #5f6673;
    line-height: 1.5;
}

.am360-funnel-step b {
    color: #4b5563;
}

.am360-table-wrap {
    overflow: auto;
}

.am360-table {
    width: 100%;
    border-collapse: collapse;
}

.am360-table th,
.am360-table td {
    padding: 14px 16px;
    border-bottom: 1px solid rgba(17, 17, 17, 0.08);
    text-align: left;
    vertical-align: middle;
}

.am360-table th {
    color: #766e65;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.am360-table td span {
    display: block;
    margin-top: 3px;
    color: #766e65;
    font-size: 13px;
}

.am360-table td:has(.am360-source-badge) {
    text-align: center;
    vertical-align: middle;
}

.am360-table td:has(.am360-source-badge) .am360-source-badge {
    justify-content: center;
}

.am360-table mark {
    padding: 5px 8px;
    border-radius: 999px;
    background: #eee8df;
}

.am360-table mark.is-paid {
    background: #d9f7df;
}

.am360-settings-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    padding: 22px;
}

.am360-settings-form label {
    display: grid;
    gap: 7px;
    color: #766e65;
    font-weight: 700;
}

.am360-settings-form input,
.am360-settings-form select {
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid rgba(17, 17, 17, 0.14);
    border-radius: 6px;
    background: #fff;
    font: inherit;
}

.am360-settings-form input[type="color"] {
    min-height: 46px;
    padding: 5px;
}

.am360-settings-form textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid rgba(17, 17, 17, 0.14);
    border-radius: 6px;
    resize: vertical;
    font: inherit;
    line-height: 1.5;
}

.am360-check,
.am360-wide,
.am360-form-section,
.am360-webhook,
.am360-settings-form button,
.am360-settings-form [data-save-status] {
    grid-column: 1 / -1;
}

.am360-form-section {
    padding: 10px 0 2px;
    border-top: 1px solid rgba(17, 17, 17, 0.08);
}

.am360-form-section:first-child {
    padding-top: 0;
    border-top: 0;
}

.am360-form-section h3 {
    margin: 0 0 6px;
    color: #111827;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 26px;
    font-weight: 400;
}

.am360-form-section p {
    max-width: 850px;
    margin: 0;
    color: #766e65;
    line-height: 1.6;
}

.am360-products-builder {
    grid-column: 1 / -1;
    display: grid;
    gap: 14px;
}

.am360-product-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    padding: 16px;
    border: 1px solid rgba(159, 103, 45, 0.2);
    border-radius: 8px;
    background: #f9fafb;
}

.am360-secondary-btn {
    background: #ffffff !important;
    color: #111827 !important;
    border: 1px solid rgba(17, 17, 17, 0.14) !important;
}

.am360-primary-action {
    background: #11100f !important;
    color: #f9fafb !important;
    border-color: rgba(17, 24, 39, 0.16) !important;
    box-shadow: 0 10px 24px rgba(17, 16, 15, 0.14) !important;
}

.am360-primary-action:hover {
    background: #1f1b16 !important;
    border-color: rgba(17, 24, 39, 0.28) !important;
}

.am360-check {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.am360-check input {
    flex: 0 0 auto;
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    margin: 0;
    padding: 0 !important;
    border-radius: 4px !important;
    accent-color: #111827;
}

.am360-check span {
    min-width: 0;
    color: #475569;
    line-height: 1.25;
}

.am360-webhook {
    margin: 0;
    color: #766e65;
}

.am360-webhook--error {
    color: #9f1239;
}

.am360-webhook code {
    color: #111;
}

.am360-sumup-error {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 14px;
    border: 1px solid rgba(159, 18, 57, 0.22);
    border-radius: 12px;
    background: rgba(255, 241, 242, 0.72);
    color: #111827;
}

.am360-sumup-error h5 {
    margin: 0;
    color: #9f1239;
    font-size: 13px;
    font-weight: 900;
}

.am360-sumup-error table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 13px;
}

.am360-sumup-error th,
.am360-sumup-error td {
    padding: 9px 10px;
    border-top: 1px solid rgba(159, 18, 57, 0.12);
    vertical-align: top;
    text-align: left;
}

.am360-sumup-error th {
    width: 160px;
    color: #64748b;
    font-weight: 800;
}

.am360-sumup-error td {
    color: #111827;
    overflow-wrap: anywhere;
}

.am360-settings-form button {
    display: inline-flex;
    width: auto;
    max-width: max-content;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    min-height: 46px;
    border: 0;
    border-radius: 6px;
    background: #111;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

.am360-help {
    display: grid;
    gap: 18px;
    padding: 24px;
}

.am360-help article {
    padding: 18px 0 0;
    border-top: 1px solid rgba(17, 17, 17, 0.08);
}

.am360-help h4 {
    margin: 0 0 8px;
    color: #111827;
    font-size: 18px;
}

.am360-help p {
    max-width: 900px;
    margin: 0;
    color: #766e65;
    line-height: 1.7;
}

.am360-help code {
    padding: 2px 6px;
    border-radius: 5px;
    background: #f1eee8;
    color: #111827;
}

.am360-help-faq {
    display: grid;
    gap: 10px;
}

.am360-help-faq details {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 12px;
    background: #fff;
    overflow: hidden;
}

.am360-help-faq summary {
    padding: 14px 16px;
    color: #111827;
    cursor: pointer;
    font-weight: 900;
}

.am360-help-faq details[open] summary {
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.am360-help-faq details p {
    padding: 14px 16px;
}

.am360-thanks {
    position: relative;
    display: grid;
    min-height: min(720px, calc(100vh - 130px));
    align-content: center;
    justify-items: center;
    overflow: hidden;
    padding: clamp(36px, 7vw, 86px);
    border: 1px solid rgba(17, 24, 39, 0.18);
    border-radius: 24px;
    background:
        linear-gradient(125deg, rgba(17, 24, 39, 0.06), transparent 42%),
        #080808;
    color: #f9fafb;
    text-align: center;
    box-shadow: 0 22px 70px rgba(15, 23, 42, 0.18);
}

.am360-thanks::before {
    content: "";
    position: absolute;
    inset: 22px;
    border: 1px solid rgba(17, 24, 39, 0.2);
    pointer-events: none;
}

.am360-thanks::after {
    content: "";
    position: absolute;
    top: -18%;
    right: 28%;
    width: 1px;
    height: 136%;
    transform: rotate(15deg);
    background: rgba(255, 255, 255, 0.16);
}

.am360-thanks > * {
    position: relative;
    z-index: 1;
}

.am360-thanks__badge {
    margin-bottom: 24px;
    color: #374151;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.28em;
    text-transform: uppercase;
}

.am360-thanks h3 {
    width: min(100%, 820px);
    margin: 0;
    color: #fff;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(42px, 7vw, 88px);
    font-weight: 500;
    line-height: 0.98;
}

.am360-thanks p {
    width: min(100%, 760px);
    margin: 24px 0 0;
    color: rgba(248, 244, 237, 0.78);
    font-size: clamp(17px, 2vw, 22px);
    line-height: 1.65;
}

.am360-thanks .am360-thanks__signature {
    margin-top: 34px;
    color: #374151;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(28px, 4vw, 46px);
    line-height: 1.1;
}

.am360-thanks__contacts {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-top: 28px;
}

.am360-thanks__contacts a {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 0 18px;
    border: 1px solid rgba(17, 24, 39, 0.26);
    background: rgba(255, 255, 255, 0.04);
    color: #f9fafb;
    text-decoration: none;
    font-size: 13px;
    font-weight: 900;
    letter-spacing: 0.08em;
}

/* Interface dashboard inspiree TakeCareYou */
body.am360-dashboard-page {
    background:
        radial-gradient(circle at 12% 8%, rgba(17, 24, 39, 0.08), transparent 28%),
        #f4f1ec;
}

.am360-dash {
    grid-template-columns: 270px minmax(0, 1fr);
    background: #f4f1ec;
    color: #0f172a;
}

.am360-dash__nav {
    padding: 18px 14px;
    background: #11100f;
    color: #f9fafb;
    border-right: 1px solid rgba(17, 24, 39, 0.12);
    box-shadow: 14px 0 36px rgba(15, 23, 42, 0.12);
}

.am360-dash__brand {
    padding: 8px 10px 22px;
    border-bottom-color: rgba(17, 24, 39, 0.12);
}

.am360-dash__brand strong {
    color: #ffffff;
}

.am360-dash__brand span {
    color: #f3f4f6;
}

.am360-dash__nav button {
    min-height: 42px;
    padding: 0 12px;
    border-radius: 999px;
    color: rgba(248, 244, 237, 0.72);
    font-size: 14px;
    transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

.am360-dash__nav button.is-active,
.am360-dash__nav button:hover {
    background: rgba(17, 24, 39, 0.08);
    color: #ffffff;
}

.am360-dash__nav button:hover {
    transform: translateX(2px);
}

.am360-menu-badge {
    background: #dc2626;
    color: #fff;
}

.am360-dash__main {
    padding: clamp(18px, 2.5vw, 34px);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0)),
        #f4f1ec;
}

.am360-dash__top,
.am360-stats article,
.am360-settings-form,
.am360-table-wrap,
.am360-help,
.am360-builder-block {
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background: rgba(255, 253, 249, 0.88);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.am360-dash__top {
    align-items: center;
    padding: 18px 22px;
}

.am360-dash__top h2 {
    font-size: clamp(28px, 3vw, 40px);
}

.am360-dash__top > span {
    background: #11100f;
}

.am360-settings-form {
    gap: 18px;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
}

.am360-section-card,
.am360-settings-form > label,
.am360-settings-form > .am360-check,
.am360-settings-form > .am360-webhook,
.am360-products-builder,
.am360-settings-form > button,
.am360-settings-form > [data-save-status] {
    grid-column: 1 / -1;
}

.am360-section-card {
    padding: 20px 22px;
    border-top: 0;
    border-radius: 18px;
    background: rgba(255, 253, 249, 0.88);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
}

.am360-form-section h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 21px;
    font-weight: 800;
}

.am360-settings-form label {
    color: #475569;
    font-size: 13px;
}

.am360-settings-form input,
.am360-settings-form select,
.am360-settings-form textarea {
    width: 100%;
    box-sizing: border-box;
    border-color: rgba(15, 23, 42, 0.12);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.78);
}

.am360-settings-form select {
    height: 46px;
    min-height: 46px;
    padding: 0 42px 0 14px;
}

.am360-settings-form input:focus,
.am360-settings-form select:focus,
.am360-settings-form textarea:focus {
    outline: 2px solid rgba(17, 24, 39, 0.16);
    border-color: rgba(17, 24, 39, 0.36);
}

.am360-product-row {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    padding: 16px;
    border-color: rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background: rgba(255, 253, 249, 0.86);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
}

.am360-product-row label:nth-child(2),
.am360-product-row .am360-wide {
    grid-column: span 2;
}

.am360-product-row .am360-product-active {
    grid-column: 1 / -1;
    justify-self: start;
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.7);
}

.am360-pixel-row {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
    padding: 16px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background: rgba(255, 253, 249, 0.86);
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.05);
}

.am360-pixel-row .am360-wide {
    min-width: 0;
}

.am360-pixel-active {
    justify-self: start;
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.7);
}

.am360-builder-block {
    grid-column: 1 / -1;
    display: grid;
    gap: 16px;
    padding: 18px;
}

.am360-builder-block__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.am360-builder-block__head h4 {
    margin: 0;
    color: #111827;
    font-size: 18px;
    font-weight: 800;
}

.am360-builder-block__head p {
    max-width: 760px;
    margin: 4px 0 0;
    color: #64748b;
    line-height: 1.55;
}

.am360-builder-block__head span {
    flex: 0 0 auto;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(17, 24, 39, 0.08);
    color: #8a5a24;
    font-size: 12px;
    font-weight: 800;
}

.am360-block-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.am360-media-field {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    align-items: end;
}

.am360-media-field button {
    min-height: 46px;
    padding: 0 16px;
    white-space: nowrap;
}

.am360-products-builder {
    grid-column: 1 / -1;
    display: grid;
    gap: 16px;
    padding: 18px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 18px;
    background: rgba(255, 253, 249, 0.88);
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.06);
}

.am360-products-list {
    display: grid;
    gap: 14px;
}

.am360-builder-switch {
    grid-column: 1 / -1;
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(100%, 520px);
    min-height: 52px;
    padding: 5px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 999px;
    background: #f2f0eb;
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.06), 0 12px 30px rgba(15, 23, 42, 0.05);
}

.am360-builder-switch > span {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 0;
    width: calc(50% - 5px);
    height: calc(100% - 10px);
    border-radius: 999px;
    background: #111827;
    box-shadow: 0 10px 22px rgba(17, 24, 39, 0.16);
    transition: transform 0.22s ease;
}

.am360-builder-switch.is-thankyou > span {
    transform: translateX(100%);
}

.am360-builder-switch button {
    display: flex;
    position: relative;
    z-index: 1;
    grid-column: auto !important;
    width: 100% !important;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border: 0;
    border-radius: 999px;
    background: transparent !important;
    box-shadow: none !important;
    color: #64748b;
    text-align: center;
    cursor: pointer;
    font-weight: 900;
    transition: color 0.18s ease;
}

.am360-builder-switch button.is-active {
    color: #fff !important;
}

.am360-builder-pane {
    grid-column: 1 / -1;
    display: none;
    gap: 16px;
}

.am360-builder-pane.is-visible {
    display: grid;
}

.am360-block-grid .am360-wide,
.am360-block-grid .am360-check,
.am360-block-grid .am360-webhook {
    grid-column: 1 / -1;
}

.am360-settings-form button {
    border-radius: 14px;
    background: #11100f;
}

.am360-secondary-btn {
    border-radius: 14px !important;
    background: rgba(255, 253, 249, 0.86) !important;
}

.am360-table-wrap {
    border-radius: 18px;
}

.am360-privacy-tools,
.am360-privacy-log {
    margin-top: 18px;
}

.am360-privacy-tools label {
    display: grid;
    gap: 8px;
    color: #475569;
    font-size: 13px;
    font-weight: 800;
}

.am360-privacy-tools input,
.am360-privacy-tools textarea {
    width: 100%;
    min-height: 48px;
    box-sizing: border-box;
    padding: 0 16px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.78);
    color: #111827;
    font: inherit;
    font-weight: 700;
    box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.03);
}

.am360-privacy-tools textarea {
    min-height: 110px;
    padding: 14px 16px;
    resize: vertical;
    line-height: 1.5;
}

.am360-privacy-tools input:focus,
.am360-privacy-tools textarea:focus {
    outline: 2px solid rgba(17, 24, 39, 0.16);
    border-color: rgba(17, 24, 39, 0.36);
}

.am360-privacy-actions {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.am360-privacy-actions button {
    min-height: 48px;
    border: 0;
    border-radius: 14px;
    background: #11100f;
    color: #fff;
    cursor: pointer;
    font-weight: 800;
}

.am360-privacy-actions .am360-secondary-btn {
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
    background: rgba(255, 253, 249, 0.86) !important;
    color: #111827 !important;
}

.am360-email-preview {
    display: grid;
    place-items: center;
    min-height: 220px;
    padding: 28px;
    border-radius: 18px;
    border: 1px dashed rgba(15, 23, 42, 0.18);
}

.am360-email-preview > div {
    width: min(100%, 520px);
    padding: 30px;
    border-radius: 18px;
    text-align: center;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}

.am360-email-preview img {
    display: inline-block;
    max-width: 180px;
    max-height: 78px;
    object-fit: contain;
}

.am360-email-preview strong {
    display: block;
    color: #111827;
    letter-spacing: 0.18em;
    font-family: Georgia, 'Times New Roman', serif;
}

.am360-email-preview p {
    margin: 18px 0 0;
    color: #64748b;
}

.am360-email-builder {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(360px, 0.8fr);
    gap: 18px;
    align-items: start;
}

.am360-email-builder__editor {
    min-width: 0;
}

.am360-email-preview-live {
    position: sticky;
    top: 20px;
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 8px;
    background: #111827;
}

.am360-email-render {
    min-height: 560px;
    padding: 18px;
    background: #f3f4f6;
}

.am360-email-render__meta {
    margin-bottom: 14px;
    padding: 14px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: #fff;
}

.am360-email-render.is-desktop .am360-email-render__meta,
.am360-email-render.is-desktop .am360-email-render__message {
    width: min(600px, 100%);
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
}

.am360-email-render.is-tablet .am360-email-render__meta,
.am360-email-render.is-tablet .am360-email-render__message {
    width: min(768px, 100%);
}

.am360-email-render.is-mobile .am360-email-render__meta,
.am360-email-render.is-mobile .am360-email-render__message {
    width: min(390px, 100%);
}

.am360-email-render.is-mobile .am360-email-render__message {
    padding: 28px 22px;
}

.am360-email-render__meta span {
    display: block;
    margin-bottom: 6px;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

.am360-email-render__meta strong {
    display: block;
    color: #111827;
    font-size: 15px;
    line-height: 1.4;
}

.am360-email-render__canvas {
    min-height: 420px;
    padding: 34px 18px;
}

.am360-email-render__message {
    width: 100%;
    margin: 0 auto;
    padding: 34px 30px;
    border-radius: 18px;
    box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}

.am360-email-render__logo {
    margin-bottom: 24px;
    text-align: center;
}

.am360-email-render__logo img {
    display: inline-block;
    max-width: 180px;
    max-height: 80px;
    object-fit: contain;
}

.am360-email-render__brand {
    margin-bottom: 24px;
    text-align: center;
    font-family: Georgia, 'Times New Roman', serif;
    letter-spacing: 0.18em;
    color: #111827;
}

.am360-email-render__body {
    color: #111827;
    font-size: 16px;
    line-height: 1.7;
}

.am360-email-render__body p {
    margin: 0 0 16px;
}

.am360-privacy-output {
    grid-column: 1 / -1;
    min-height: 90px;
    max-height: 280px;
    margin: 0;
    padding: 14px;
    overflow: auto;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 14px;
    background: #11100f;
    color: #f9fafb;
    white-space: pre-wrap;
}

@media (max-width: 900px) {
    .am360-dash {
        grid-template-columns: 1fr;
    }

    .am360-dash__nav {
        min-height: auto;
        display: flex;
        gap: 8px;
        overflow-x: auto;
        border-right: 0;
        border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    }

    .am360-dash__brand {
        min-width: 190px;
        margin-bottom: 0;
        border-bottom: 0;
        border-right: 1px solid rgba(15, 23, 42, 0.08);
    }

    .am360-nav-group {
        min-width: max-content;
        display: flex;
        align-items: center;
        gap: 8px;
        margin: 0;
    }

    .am360-nav-group > span {
        color: #f3f4f6;
        padding: 0 4px;
    }

    .am360-dash__nav button {
        width: auto;
        white-space: nowrap;
    }

    .am360-stats,
    .am360-business-grid,
    .am360-action-grid,
    .am360-crm-snapshot,
    .am360-funnel-steps,
    .am360-email-builder,
    .am360-settings-form,
    .am360-product-row,
    .am360-pixel-row,
    .am360-block-grid,
    .am360-media-field {
        grid-template-columns: 1fr;
    }

    .am360-dash__nav {
        background: rgba(17, 16, 15, 0.96);
    }

    .am360-dash__nav button {
        color: rgba(255, 253, 249, 0.74);
    }

    .am360-dash__nav button.is-active,
    .am360-dash__nav button:hover {
        background: rgba(255, 255, 255, 0.12);
        color: #ffffff;
    }

    .am360-dash__nav button:hover {
        transform: none;
    }

    .am360-exec-head,
    .am360-hub-head {
        display: grid;
    }

    .am360-privacy-actions {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .am360-analytics-card {
        min-height: auto !important;
    }

    .am360-analytics-chart svg {
        height: 220px !important;
    }

    .am360-analytics-axis {
        overflow: hidden !important;
        font-size: 10px !important;
    }

    .am360-chart-head {
        display: grid !important;
    }

    .am360-chart-tools {
        justify-items: start !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    .am360-chart-tools .am360-chart-legend {
        justify-content: flex-start !important;
    }

    .am360-donut-chart {
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        text-align: center !important;
    }

    .am360-ranked-bars > div {
        grid-template-columns: 28px minmax(0, 1fr) 42px !important;
    }

    .am360-ranked-bars i {
        grid-column: 1 / -1 !important;
    }

    .am360-chart-data-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .am360-chart-canvas,
    .am360-chart-canvas--large,
    .am360-chart-canvas--wide {
        min-height: 230px !important;
    }
}

.am360-dash.is-night-mode .am360-analytics-gridlines line {
    stroke: rgba(148, 163, 184, 0.18);
}

.am360-dash.is-night-mode .am360-analytics-chart polyline.is-total {
    stroke: #f8fafc;
}

.am360-dash.is-night-mode .am360-analytics-chart polyline.is-paid {
    stroke: #22c55e;
}

.am360-dash.is-night-mode .am360-analytics-chart rect.is-total {
    fill: rgba(248, 250, 252, 0.16);
}

.am360-dash.is-night-mode .am360-analytics-chart circle {
    fill: #111827;
    stroke: #22c55e;
}

.am360-dash.is-night-mode .am360-analytics-axis {
    color: #94a3b8;
}

.am360-dash.is-night-mode .am360-chart-switch {
    border-color: rgba(148, 163, 184, 0.22);
    background: #020617;
}

.am360-dash.is-night-mode .am360-chart-switch button {
    border-right-color: rgba(148, 163, 184, 0.18);
    color: #cbd5e1;
}

.am360-dash.is-night-mode .am360-chart-switch button.is-active {
    background: #f8fafc;
    color: #111827;
}

.am360-dash.is-night-mode .am360-donut-chart .is-track,
.am360-dash.is-night-mode .am360-ranked-bars i {
    stroke: #1e293b;
    background: #1e293b;
}

.am360-dash.is-night-mode .am360-donut-chart strong,
.am360-dash.is-night-mode .am360-ranked-bars strong,
.am360-dash.is-night-mode .am360-ranked-bars em,
.am360-dash.is-night-mode .am360-chart-data-grid strong {
    color: #f8fafc;
}

.am360-dash.is-night-mode .am360-chart-data-grid article {
    border-color: rgba(148, 163, 184, 0.18);
    background: #020617;
}

.am360-dash.is-night-mode .am360-chart-data-grid span,
.am360-dash.is-night-mode .am360-donut-chart span {
    color: #94a3b8;
}

.am360-login-screen {
    min-height: 100vh;
    display: grid;
    place-items: center;
    padding: 24px;
    background:
        linear-gradient(120deg, rgba(8, 8, 8, 0.82), rgba(8, 8, 8, 0.52)),
        #080808;
    color: #111;
}

.am360-login-card {
    width: min(100%, 430px);
    padding: 30px;
    border: 1px solid rgba(17, 24, 39, 0.2);
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

.am360-login-brand {
    display: grid;
    justify-items: center;
    gap: 8px;
    margin-bottom: 22px;
    color: #111;
    text-transform: uppercase;
}

.am360-login-brand strong {
    font-family: Georgia, 'Times New Roman', serif;
    letter-spacing: 0.22em;
    font-size: 26px;
}

.am360-login-brand span {
    color: #4b5563;
    letter-spacing: 0.42em;
    font-size: 12px;
}

.am360-login-card h1 {
    margin: 0 0 20px;
    text-align: center;
    font-size: 22px;
}

.am360-login-card label {
    display: block;
    margin-bottom: 6px;
    font-weight: 700;
}

.am360-login-card input[type="text"],
.am360-login-card input[type="password"] {
    width: 100%;
    min-height: 46px;
    padding: 0 12px;
    border: 1px solid rgba(17, 17, 17, 0.16);
    border-radius: 8px;
}

.am360-login-card .button-primary {
    width: 100%;
    min-height: 46px;
    border: 0;
    border-radius: 8px;
    background: #111;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

.am360-login-lost {
    margin: 14px 0 0;
    text-align: center;
}

.am360-login-lost a {
    color: #111;
}

/* Dashboard V2 aligne sur l'interface TakeCareYou */
body.am360-dashboard-page {
    background: #f3f4f6 !important;
}

.am360-dash,
.am360-dash *,
.am360-dash *::before,
.am360-dash *::after {
    box-sizing: border-box;
}

.am360-dash {
    width: 100%;
    min-height: 100vh;
    height: 100vh;
    grid-template-columns: 280px minmax(0, 1fr);
    background: #f3f4f6;
    color: #111827;
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif;
}

.am360-dash__nav {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 100vh;
    padding: 18px 14px;
    overflow-x: hidden;
    overflow-y: auto;
    background: #ffffff !important;
    color: #111827 !important;
    border-right: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 10px 0 32px rgba(15, 23, 42, 0.04);
}

.am360-nav-story {
    margin-top: auto !important;
}

.am360-dash__brand {
    display: flex;
    flex-direction: column;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 0 0 18px;
    padding: 0 4px 14px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    text-align: center;
}

.am360-dash__brand strong {
    color: #111827 !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: 800;
    letter-spacing: 0;
}

.am360-dash__brand span {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    color: #111827 !important;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0;
    text-overflow: ellipsis;
    text-transform: none;
    white-space: nowrap;
}

.am360-dash__logo {
    max-width: 150px;
    max-height: 75px;
}

.am360-dash__nav button {
    width: 100%;
    min-height: 42px;
    justify-content: flex-start;
    gap: 12px;
    padding: 11px 12px;
    margin: 0 0 4px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: #374151 !important;
    box-shadow: none;
    font-size: 14px;
    font-weight: 650;
    transform: none !important;
}

.am360-nav-icon {
    flex: 0 0 auto;
    width: 18px;
    height: 18px;
    color: currentColor;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.am360-dash__nav button:hover {
    background: #f4f1ea;
    color: #111827 !important;
}

.am360-dash__nav button.is-active {
    background: #111827 !important;
    color: #fff !important;
    box-shadow: 0 8px 20px rgba(17, 24, 39, 0.16);
}

.am360-dash__nav button > span:not(.am360-menu-badge) {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.am360-menu-badge {
    flex: 0 0 auto;
    margin-left: auto;
    background: #dc2626;
}

.am360-dash__main {
    min-width: 0;
    max-width: 100%;
    height: 100vh;
    max-height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    background: #f3f4f6;
}

.am360-dash__topbar {
    display: flex;
    min-height: 58px;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 0 18px; 
    /* 8px */
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-top: 0;
    border-right: 0;
    border-radius: 0;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.am360-dash__menu-toggle {
    display: inline-flex;
    width: 38px;
    height: 38px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 10px;
    background: #fff;
    color: #111827;
    font-size: 18px;
    cursor: pointer;
}

.am360-dash__topbar-title {
    display: grid;
    gap: 2px;
    min-width: 0;
}

.am360-dash__topbar-title strong {
    color: #111827;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.1;
}

.am360-dash__topbar-title span {
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

.am360-global-search {
    display: inline-flex;
    flex: 0 1 min(34vw, 520px);
    max-width: 560px;
    min-width: 220px;
    height: 44px;
    align-items: center;
    gap: 12px;
    padding: 0 12px 0 14px;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 14px;
    background: #fff;
    color: #64748b;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

.am360-global-search .am360-nav-icon {
    width: 21px;
    height: 21px;
    flex: 0 0 auto;
    color: #64748b;
}

.am360-global-search input {
    min-width: 0;
    flex: 1;
    border: 0;
    outline: 0;
    background: transparent;
    color: #111827;
    font-size: 15px;
    font-weight: 700;
}

.am360-global-search input::placeholder {
    color: #8b929e;
}

.am360-global-search kbd {
    flex: 0 0 auto;
    padding: 5px 10px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 10px;
    background: #f8fafc;
    color: #64748b;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 800;
}

.am360-topbar-actions {
    display: inline-flex;
    min-width: 0;
    align-self: stretch;
    align-items: stretch;
    margin-left: auto;
    border-left: 1px solid rgba(15, 23, 42, 0.08);
}

.am360-topbar-actions:empty {
    display: none;
}

.am360-topbar-actions:empty + .am360-dash__user {
    margin-left: auto;
}

.am360-topbar-actions button {
    display: inline-flex;
    min-height: 58px;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    border: 0;
    border-right: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 0;
    background: transparent;
    color: #111827;
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
    cursor: pointer;
}

.am360-topbar-actions button:hover {
    background: rgba(15, 23, 42, 0.04);
}

.am360-save-status-hidden {
    display: none !important;
}

.am360-dash__user {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 10px;
    margin-left: 0;
}

.am360-dash__avatar {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #111827;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
}

.am360-dash__user strong {
    max-width: 180px;
    overflow: hidden;
    color: #111827;
    font-size: 14px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.am360-dash__user a {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    padding: 0 11px;
    border: 1px solid rgba(15, 23, 42, 0.14);
    border-radius: 10px;
    background: #fff;
    color: #111827;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
}

.am360-theme-toggle {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 7px;
    padding: 0 11px;
    border: 1px solid rgba(15, 23, 42, 0.14);
    border-radius: 10px;
    background: #fff;
    color: #111827;
    cursor: pointer;
    font-size: 13px;
    font-weight: 800;
}

.am360-theme-toggle .am360-nav-icon {
    width: 16px;
    height: 16px;
}

.am360-dash__user a:hover {
    background: #f4f1ea;
}

.am360-dash.is-night-mode {
    background: #0b0f17;
    color: #f9fafb;
}

.am360-dash.is-night-mode .am360-dash__nav,
.am360-dash.is-night-mode .am360-dash__topbar,
.am360-dash.is-night-mode .am360-dash__top,
.am360-dash.is-night-mode .am360-exec-head,
.am360-dash.is-night-mode .am360-hub-head,
.am360-dash.is-night-mode .am360-stats article,
.am360-dash.is-night-mode .am360-settings-form,
.am360-dash.is-night-mode .am360-table-wrap,
.am360-dash.is-night-mode .am360-help,
.am360-dash.is-night-mode .am360-kpi-section,
.am360-dash.is-night-mode .am360-action-grid button,
.am360-dash.is-night-mode .am360-crm-snapshot article,
.am360-dash.is-night-mode .am360-funnel-explain,
.am360-dash.is-night-mode .am360-funnel-step,
.am360-dash.is-night-mode .am360-builder-block,
.am360-dash.is-night-mode .am360-form-section,
.am360-dash.is-night-mode .am360-email-preview-live,
.am360-dash.is-night-mode .am360-story-panel,
.am360-dash.is-night-mode .am360-thanks {
    background: #111827;
    border-color: rgba(249, 250, 251, 0.1);
    color: #f9fafb;
    box-shadow: none;
}

.am360-dash.is-night-mode .am360-dash__main {
    background: #0b0f17;
}

.am360-dash.is-night-mode .am360-dash__brand,
.am360-dash.is-night-mode .am360-topbar-actions,
.am360-dash.is-night-mode .am360-topbar-actions button,
.am360-dash.is-night-mode .am360-table th,
.am360-dash.is-night-mode .am360-table td,
.am360-dash.is-night-mode .am360-builder-block__head,
.am360-dash.is-night-mode .am360-form-section {
    border-color: rgba(249, 250, 251, 0.1);
}

.am360-dash.is-night-mode .am360-dash__brand span,
.am360-dash.is-night-mode .am360-nav-group > span,
.am360-dash.is-night-mode .am360-stats span,
.am360-dash.is-night-mode .am360-stats small,
.am360-dash.is-night-mode .am360-exec-head p,
.am360-dash.is-night-mode .am360-hub-head p,
.am360-dash.is-night-mode .am360-kpi-section span,
.am360-dash.is-night-mode .am360-kpi-section p,
.am360-dash.is-night-mode .am360-action-grid span,
.am360-dash.is-night-mode .am360-crm-snapshot span,
.am360-dash.is-night-mode .am360-funnel-explain p,
.am360-dash.is-night-mode .am360-funnel-step p,
.am360-dash.is-night-mode label,
.am360-dash.is-night-mode .am360-webhook,
.am360-dash.is-night-mode .am360-global-search kbd {
    color: #cbd5e1;
}

.am360-dash.is-night-mode .am360-dash__nav button,
.am360-dash.is-night-mode .am360-topbar-actions button,
.am360-dash.is-night-mode .am360-dash__user strong,
.am360-dash.is-night-mode .am360-dash__user a,
.am360-dash.is-night-mode .am360-theme-toggle,
.am360-dash.is-night-mode .am360-kpi-section button,
.am360-dash.is-night-mode .am360-table,
.am360-dash.is-night-mode .am360-action-grid button,
.am360-dash.is-night-mode .am360-funnel-step {
    color: #f9fafb;
}

.am360-dash.is-night-mode .am360-dash__nav button.is-active,
.am360-dash.is-night-mode .am360-dash__nav button:hover,
.am360-dash.is-night-mode .am360-topbar-actions button:hover,
.am360-dash.is-night-mode .am360-action-grid button:hover,
.am360-dash.is-night-mode .am360-funnel-step:hover {
    background: rgba(249, 250, 251, 0.08);
    color: #fff;
}

.am360-dash.is-night-mode input,
.am360-dash.is-night-mode textarea,
.am360-dash.is-night-mode select,
.am360-dash.is-night-mode .am360-global-search,
.am360-dash.is-night-mode .am360-theme-toggle,
.am360-dash.is-night-mode .am360-dash__user a,
.am360-dash.is-night-mode .am360-email-render__meta {
    border-color: rgba(249, 250, 251, 0.12);
    background: #0b0f17;
    color: #f9fafb;
}

.am360-dash.is-night-mode input::placeholder,
.am360-dash.is-night-mode textarea::placeholder {
    color: #94a3b8;
}

.am360-dash.is-night-mode .am360-email-render {
    background: #0b0f17 !important;
}

.am360-dash.is-night-mode .am360-email-render__message {
    border: 1px solid rgba(249, 250, 251, 0.1);
}

.am360-dash.is-night-mode .am360-email-render__canvas {
    background: #f3f4f6;
}

@media (min-width: 901px) {
    .am360-dash__menu-toggle {
        display: none;
    }
}

/* Final CRM mobile card lock. */
@media (max-width: 900px) {
    [data-panel-content="prospects"] .am360-table-wrap,
    [data-panel-content="inscriptions"] .am360-table-wrap,
    [data-panel-content="payment_followups"] .am360-table-wrap {
        overflow: visible !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    [data-panel-content="prospects"] .am360-table,
    [data-panel-content="inscriptions"] .am360-table,
    [data-panel-content="payment_followups"] .am360-table,
    [data-panel-content="prospects"] .am360-table tbody,
    [data-panel-content="inscriptions"] .am360-table tbody,
    [data-panel-content="payment_followups"] .am360-table tbody {
        display: grid !important;
        width: 100% !important;
        gap: 12px !important;
    }

    [data-panel-content="prospects"] .am360-table thead,
    [data-panel-content="inscriptions"] .am360-table thead,
    [data-panel-content="payment_followups"] .am360-table thead {
        display: none !important;
    }

    [data-panel-content="prospects"] .am360-table tr,
    [data-panel-content="inscriptions"] .am360-table tr,
    [data-panel-content="payment_followups"] .am360-table tr {
        display: grid !important;
        grid-template-columns: 1fr !important;
        padding: 14px !important;
        border: 1px solid rgba(15, 23, 42, 0.08) !important;
        border-radius: 0 !important;
        background: #fff !important;
        box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06) !important;
    }

    [data-panel-content="prospects"] .am360-table td,
    [data-panel-content="inscriptions"] .am360-table td,
    [data-panel-content="payment_followups"] .am360-table td {
        display: grid !important;
        grid-template-columns: minmax(86px, 34%) minmax(0, 1fr) !important;
        gap: 10px !important;
        align-items: center !important;
        padding: 10px 0 !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
        text-align: left !important;
    }

    [data-panel-content="prospects"] .am360-table td > :not(:first-child),
    [data-panel-content="inscriptions"] .am360-table td > :not(:first-child),
    [data-panel-content="payment_followups"] .am360-table td > :not(:first-child) {
        justify-self: center !important;
        text-align: center !important;
    }

    [data-panel-content="prospects"] .am360-table td::before,
    [data-panel-content="inscriptions"] .am360-table td::before,
    [data-panel-content="payment_followups"] .am360-table td::before {
        justify-self: start !important;
        text-align: left !important;
    }

    [data-panel-content="prospects"] .am360-table td::before,
    [data-panel-content="inscriptions"] .am360-table td::before,
    [data-panel-content="payment_followups"] .am360-table td::before {
        content: attr(data-label) !important;
        color: #64748b !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase !important;
    }

    [data-panel-content="prospects"] .am360-table td[data-label="Contact"],
    [data-panel-content="inscriptions"] .am360-table td[data-label="Contact"],
    [data-panel-content="payment_followups"] .am360-table td[data-label="Contact"] {
        grid-template-columns: 1fr !important;
        padding-top: 0 !important;
        text-align: left !important;
    }

    [data-panel-content="prospects"] .am360-table td[data-label="Contact"] > *,
    [data-panel-content="inscriptions"] .am360-table td[data-label="Contact"] > *,
    [data-panel-content="payment_followups"] .am360-table td[data-label="Contact"] > * {
        justify-self: start !important;
        text-align: left !important;
    }

    [data-panel-content="prospects"] .am360-table td[data-label="Contact"]::before,
    [data-panel-content="inscriptions"] .am360-table td[data-label="Contact"]::before,
    [data-panel-content="payment_followups"] .am360-table td[data-label="Contact"]::before {
        display: none !important;
    }

    [data-panel-content="prospects"] .am360-table td:last-child,
    [data-panel-content="inscriptions"] .am360-table td:last-child,
    [data-panel-content="payment_followups"] .am360-table td:last-child {
        border-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
}

/* CRM mobile: table rows become single-column contact cards. */
@media (max-width: 900px) {
    [data-panel-content="prospects"] .am360-table-wrap,
    [data-panel-content="inscriptions"] .am360-table-wrap,
    [data-panel-content="payment_followups"] .am360-table-wrap {
        overflow: visible !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    [data-panel-content="prospects"] .am360-table,
    [data-panel-content="inscriptions"] .am360-table,
    [data-panel-content="payment_followups"] .am360-table,
    [data-panel-content="prospects"] .am360-table tbody,
    [data-panel-content="inscriptions"] .am360-table tbody,
    [data-panel-content="payment_followups"] .am360-table tbody {
        display: grid !important;
        width: 100% !important;
        gap: 12px !important;
        border-collapse: separate !important;
    }

    [data-panel-content="prospects"] .am360-table thead,
    [data-panel-content="inscriptions"] .am360-table thead,
    [data-panel-content="payment_followups"] .am360-table thead {
        display: none !important;
    }

    [data-panel-content="prospects"] .am360-table tr,
    [data-panel-content="inscriptions"] .am360-table tr,
    [data-panel-content="payment_followups"] .am360-table tr {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 0 !important;
        padding: 14px !important;
        border: 1px solid rgba(15, 23, 42, 0.08) !important;
        border-radius: 0 !important;
        background: #fff !important;
        box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06) !important;
    }

    [data-panel-content="prospects"] .am360-table td,
    [data-panel-content="inscriptions"] .am360-table td,
    [data-panel-content="payment_followups"] .am360-table td {
        display: grid !important;
        grid-template-columns: minmax(86px, 34%) minmax(0, 1fr) !important;
        gap: 10px !important;
        align-items: center !important;
        min-width: 0 !important;
        padding: 10px 0 !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
        text-align: left !important;
    }

    [data-panel-content="prospects"] .am360-table td:last-child,
    [data-panel-content="inscriptions"] .am360-table td:last-child,
    [data-panel-content="payment_followups"] .am360-table td:last-child {
        border-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    [data-panel-content="prospects"] .am360-table td::before,
    [data-panel-content="inscriptions"] .am360-table td::before,
    [data-panel-content="payment_followups"] .am360-table td::before {
        content: attr(data-label) !important;
        color: #64748b !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase !important;
    }

    [data-panel-content="prospects"] .am360-table td[data-label="Contact"],
    [data-panel-content="inscriptions"] .am360-table td[data-label="Contact"],
    [data-panel-content="payment_followups"] .am360-table td[data-label="Contact"] {
        grid-template-columns: 1fr !important;
        gap: 6px !important;
        padding-top: 0 !important;
    }

    [data-panel-content="prospects"] .am360-table td[data-label="Contact"]::before,
    [data-panel-content="inscriptions"] .am360-table td[data-label="Contact"]::before,
    [data-panel-content="payment_followups"] .am360-table td[data-label="Contact"]::before {
        display: none !important;
    }

    [data-panel-content="prospects"] .am360-table td[data-label="Contact"] strong,
    [data-panel-content="inscriptions"] .am360-table td[data-label="Contact"] strong,
    [data-panel-content="payment_followups"] .am360-table td[data-label="Contact"] strong {
        color: #111827 !important;
        font-size: 17px !important;
        line-height: 1.25 !important;
    }

    [data-panel-content="prospects"] .am360-table td span,
    [data-panel-content="inscriptions"] .am360-table td span,
    [data-panel-content="payment_followups"] .am360-table td span {
        min-width: 0 !important;
        overflow-wrap: anywhere !important;
    }

    [data-panel-content="prospects"] .am360-row-actions,
    [data-panel-content="inscriptions"] .am360-row-actions,
    [data-panel-content="payment_followups"] .am360-row-actions {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 8px !important;
        width: 100% !important;
    }

    [data-panel-content="prospects"] .am360-row-actions > *,
    [data-panel-content="inscriptions"] .am360-row-actions > *,
    [data-panel-content="payment_followups"] .am360-row-actions > * {
        width: 100% !important;
        border-radius: 0 !important;
    }

    .am360-dash.is-night-mode [data-panel-content="prospects"] .am360-table tr,
    .am360-dash.is-night-mode [data-panel-content="inscriptions"] .am360-table tr,
    .am360-dash.is-night-mode [data-panel-content="payment_followups"] .am360-table tr {
        border-color: rgba(148, 163, 184, 0.18) !important;
        background: #111827 !important;
        box-shadow: none !important;
    }

    .am360-dash.is-night-mode [data-panel-content="prospects"] .am360-table td,
    .am360-dash.is-night-mode [data-panel-content="inscriptions"] .am360-table td,
    .am360-dash.is-night-mode [data-panel-content="payment_followups"] .am360-table td {
        border-bottom-color: rgba(148, 163, 184, 0.18) !important;
        color: #f8fafc !important;
    }

    .am360-dash.is-night-mode [data-panel-content="prospects"] .am360-table td::before,
    .am360-dash.is-night-mode [data-panel-content="inscriptions"] .am360-table td::before,
    .am360-dash.is-night-mode [data-panel-content="payment_followups"] .am360-table td::before {
        color: #94a3b8 !important;
    }

    .am360-dash.is-night-mode [data-panel-content="prospects"] .am360-table td[data-label="Contact"] strong,
    .am360-dash.is-night-mode [data-panel-content="inscriptions"] .am360-table td[data-label="Contact"] strong,
    .am360-dash.is-night-mode [data-panel-content="payment_followups"] .am360-table td[data-label="Contact"] strong {
        color: #f8fafc !important;
    }
}

.am360-dash__top {
    min-width: 0;
    min-height: 58px;
    margin: 24px 22px 28px;
    padding: 8px 18px;
    align-items: center;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.04);
}

.am360-dash__top > div {
    min-width: 0;
}

.am360-dash__top p {
    margin: 0 0 3px;
    color: #6b7280;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
}

.am360-dash__top h2 {
    max-width: 100%;
    overflow: hidden;
    color: #111827;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 19px;
    font-weight: 800;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.am360-dash__top > span {
    flex: 0 0 auto;
    background: #111827;
    color: #fff;
}

.am360-panel {
    min-width: 0;
    max-width: 100%;
    padding: 18px 22px 32px;
}

.am360-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.am360-charts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 12px;
}

.am360-chart-card {
    min-width: 0;
    padding: 18px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(15, 23, 42, 0.06);
}

.am360-chart-card--wide {
    grid-column: 1 / -1;
}

.am360-chart-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

.am360-chart-tools {
    display: grid;
    justify-items: end;
    gap: 10px;
    min-width: max-content;
}

.am360-chart-head h3,
.am360-export-bar h3 {
    margin: 0;
    color: #111827;
    font-size: 18px;
    font-weight: 800;
}

.am360-chart-head span,
.am360-export-bar p {
    margin: 0;
    color: #64748b;
    font-size: 13px;
    font-weight: 700;
}

.am360-progress-row {
    display: grid;
    gap: 8px;
    margin-top: 12px;
}

.am360-progress-row > div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    color: #475569;
    font-size: 13px;
    font-weight: 800;
}

.am360-progress-row i {
    display: block;
    height: 10px;
    overflow: hidden;
    border-radius: 999px;
    background: #f1f5f9;
}

.am360-progress-row b {
    display: block;
    height: 100%;
    min-width: 6px;
    border-radius: inherit;
    background: #111827;
}

.am360-chart-legend {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: -6px 0 14px;
}

.am360-chart-tools .am360-chart-legend {
    justify-content: flex-end;
    margin: 0;
}

.am360-chart-legend span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
}

.am360-chart-legend i {
    width: 10px;
    height: 10px;
    border-radius: 999px;
}

.am360-chart-legend .is-prospect {
    background: #374151;
}

.am360-chart-legend .is-inscription {
    background: #111827;
}

.am360-bar-chart {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 10px;
    min-height: 210px;
    align-items: end;
}

.am360-bar-item {
    display: grid;
    grid-template-rows: minmax(130px, 1fr) auto;
    gap: 8px;
    min-width: 0;
    text-align: center;
}

.am360-bar-item strong {
    position: relative;
    align-self: end;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 100%;
    overflow: hidden;
    border-radius: 12px 12px 4px 4px;
    background: #eef2f7;
}

.am360-bar-item strong b {
    display: block;
    width: 100%;
    min-height: 0;
}

.am360-bar-item strong b.is-prospect {
    background: #374151;
}

.am360-bar-item strong b.is-inscription {
    background: #111827;
}

.am360-bar-item strong span {
    position: absolute;
    top: -22px;
    left: 50%;
    transform: translateX(-50%);
    color: #111827;
    font-size: 12px;
    font-weight: 800;
}

.am360-bar-item em {
    overflow: hidden;
    color: #64748b;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.am360-analytics-grid {
    display: grid;
    gap: 12px;
    margin-top: 12px;
}

.am360-analytics-card {
    min-height: 360px;
}

.am360-analytics-chart {
    display: grid;
    gap: 10px;
}

.am360-analytics-chart svg {
    display: block;
    width: 100%;
    height: 260px;
    overflow: visible;
}

.am360-analytics-gridlines line {
    stroke: rgba(15, 23, 42, 0.09);
    stroke-width: 1;
}

.am360-analytics-chart polyline {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 4;
}

.am360-analytics-chart polyline.is-total {
    stroke: #111827;
}

.am360-analytics-chart polyline.is-paid {
    stroke: #16a34a;
}

.am360-analytics-chart rect.is-total {
    fill: rgba(17, 24, 39, 0.12);
}

.am360-analytics-chart circle {
    fill: #fff;
    stroke: #16a34a;
    stroke-width: 2;
}

.am360-chart-legend .is-paid {
    background: #16a34a;
}

.am360-chart-legend .is-revenue {
    background: #111827;
}

.am360-revenue-table {
    display: grid;
    gap: 8px;
    margin-top: 12px;
}

.am360-revenue-range {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
}

.am360-revenue-range label {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    gap: 7px;
    padding: 0 10px;
    border: 1px solid rgba(15, 23, 42, 0.1);
    background: #ffffff;
    color: #64748b;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.am360-revenue-range input {
    min-width: 126px;
    border: 0;
    outline: 0;
    background: transparent;
    color: #111827;
    font-size: 12px;
    font-weight: 900;
}

.am360-revenue-table div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 12px;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.am360-revenue-table span,
.am360-revenue-table em {
    color: #64748b;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
}

.am360-revenue-table strong {
    color: #111827;
    font-size: 15px;
    font-weight: 900;
}

.am360-dash.is-night-mode .am360-chart-legend .is-revenue {
    background: #f8fafc;
}

.am360-dash.is-night-mode .am360-revenue-table div {
    border-bottom-color: rgba(148, 163, 184, 0.18);
}

.am360-dash.is-night-mode .am360-revenue-range label {
    border-color: rgba(148, 163, 184, 0.22);
    background: rgba(15, 23, 42, 0.92);
    color: #cbd5e1;
}

.am360-dash.is-night-mode .am360-revenue-range input {
    color: #f8fafc;
}

.am360-dash.is-night-mode .am360-revenue-table strong {
    color: #f8fafc;
}

.am360-dash.is-night-mode .am360-revenue-table span,
.am360-dash.is-night-mode .am360-revenue-table em {
    color: #cbd5e1;
}

.am360-ad-table {
    display: grid;
    gap: 0;
    overflow-x: auto;
}

.am360-ad-table > div {
    display: grid;
    grid-template-columns: minmax(170px, 1.5fr) repeat(8, minmax(86px, .75fr));
    gap: 10px;
    align-items: center;
    min-width: 980px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.am360-ad-table .is-head {
    color: #64748b;
    font-size: 11px;
    font-weight: 900;
    text-transform: uppercase;
}

.am360-ad-table strong {
    display: block;
    color: #111827;
    font-size: 13px;
    font-weight: 900;
}

.am360-ad-table em {
    display: block;
    color: #64748b;
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
}

.am360-ad-table .is-profitable,
.am360-ad-table .is-unprofitable {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    font-size: 12px;
    font-weight: 900;
}

.am360-ad-table .is-profitable {
    background: #dcfce7;
    color: #166534;
}

.am360-ad-table .is-unprofitable {
    background: #fee2e2;
    color: #991b1b;
}

.am360-dash.is-night-mode .am360-ad-table > div {
    border-bottom-color: rgba(148, 163, 184, 0.18);
}

.am360-dash.is-night-mode .am360-ad-table strong {
    color: #f8fafc;
}

.am360-dash.is-night-mode .am360-ad-table em,
.am360-dash.is-night-mode .am360-ad-table .is-head {
    color: #cbd5e1;
}

.am360-analytics-axis {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
}

.am360-chart-switch {
    display: inline-grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    overflow: hidden;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 0;
    background: #f8fafc;
    width: max-content;
}

.am360-chart-switch button {
    min-height: 32px;
    min-width: 94px;
    padding: 0 14px;
    border: 0;
    border-right: 1px solid rgba(15, 23, 42, 0.08);
    background: transparent;
    color: #64748b;
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
}

.am360-chart-switch button:last-child {
    border-right: 0;
}

.am360-chart-switch button.is-active {
    background: #111827;
    color: #fff;
}

.am360-chart-view {
    min-height: 170px;
}

.am360-chart-canvas {
    position: relative;
    width: 100%;
    min-height: 260px;
}

.am360-chart-canvas--large {
    min-height: 310px;
}

.am360-chart-canvas--wide {
    min-height: 280px;
}

.am360-chart-canvas canvas {
    width: 100% !important;
    height: 100% !important;
    min-height: inherit;
}

.am360-chart-fallback {
    display: none;
    margin: 0;
    padding: 18px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: #f8fafc;
    color: #64748b;
    font-weight: 800;
}

.am360-chart-canvas:not(.is-ready) .am360-chart-fallback {
    display: block;
}

.am360-chart-canvas:not(.is-ready) canvas {
    display: none !important;
}

.am360-donut-chart {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
}

.am360-donut-chart svg {
    width: 150px;
    height: 150px;
    transform: rotate(-90deg);
}

.am360-donut-chart circle {
    fill: none;
    stroke-width: 15;
}

.am360-donut-chart .is-track {
    stroke: #eef2f7;
}

.am360-donut-chart .is-primary {
    stroke: #111827;
}

.am360-donut-chart .is-secondary {
    stroke: #64748b;
}

.am360-donut-chart .is-tertiary {
    stroke: #16a34a;
}

.am360-donut-chart strong {
    display: block;
    color: #111827;
    font-size: 34px;
    font-weight: 900;
}

.am360-donut-chart span {
    color: #64748b;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.am360-ranked-bars {
    display: grid;
    gap: 12px;
}

.am360-ranked-bars > div {
    display: grid;
    grid-template-columns: 28px minmax(90px, 0.35fr) minmax(0, 1fr) 38px;
    align-items: center;
    gap: 10px;
}

.am360-ranked-bars span {
    display: inline-flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    background: #111827;
    color: #fff;
    font-size: 11px;
    font-weight: 900;
}

.am360-ranked-bars strong,
.am360-ranked-bars em {
    color: #111827;
    font-size: 13px;
    font-style: normal;
    font-weight: 900;
}

.am360-ranked-bars i {
    display: block;
    height: 10px;
    overflow: hidden;
    background: #eef2f7;
}

.am360-ranked-bars b {
    display: block;
    height: 100%;
    background: #111827;
}

.am360-chart-data-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.am360-chart-data-grid article {
    padding: 14px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    background: #f8fafc;
}

.am360-chart-data-grid span {
    display: block;
    color: #64748b;
    font-size: 12px;
    font-weight: 900;
}

.am360-chart-data-grid strong {
    display: block;
    margin-top: 8px;
    color: #111827;
    font-size: 26px;
    font-weight: 900;
}

.am360-story-layout {
    display: grid;
    grid-template-columns: minmax(280px, 420px) minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.am360-story-preview,
.am360-story-panel {
    padding: 18px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(15, 23, 42, 0.06);
}

.am360-story-preview {
    display: grid;
    place-items: center;
}

.am360-story-frame {
    position: relative;
    width: min(100%, 340px);
    aspect-ratio: 9 / 16;
    overflow: hidden;
    padding: 28px;
    border-radius: 28px;
    background:
        linear-gradient(125deg, rgba(17, 24, 39, 0.08), rgba(255, 255, 255, 0.04) 42%, transparent 68%),
        #080808;
    color: #f9fafb;
    box-shadow: inset 0 0 0 1px rgba(17, 24, 39, 0.16);
}

.am360-story-border {
    position: absolute;
    inset: 14px;
    border: 1px solid rgba(17, 24, 39, 0.24);
    pointer-events: none;
}

.am360-story-shape {
    position: absolute;
    top: -8%;
    right: 20%;
    width: 1px;
    height: 116%;
    transform: rotate(14deg);
    background: rgba(255, 255, 255, 0.16);
}

.am360-story-logo-slot,
.am360-story-frame p,
.am360-story-frame span,
.am360-story-frame h3,
.am360-story-frame ul,
.am360-story-frame b,
.am360-story-number {
    position: relative;
    z-index: 1;
}

.am360-story-logo-slot {
    display: flex;
    width: 100%;
}

.am360-story-logo-slot.is-left {
    justify-content: flex-start;
    text-align: left;
}

.am360-story-logo-slot.is-center {
    justify-content: center;
    text-align: center;
}

.am360-story-logo-slot.is-right {
    justify-content: flex-end;
    text-align: right;
}

.am360-story-frame p {
    margin: 0;
    max-width: 220px;
    font-family: Georgia, 'Times New Roman', serif;
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.22em;
    line-height: 1.25;
}

.am360-story-logo {
    position: relative;
    z-index: 1;
    display: block;
    width: auto;
    max-height: 84px;
    object-fit: contain;
}

.am360-story-frame span {
    display: block;
    margin-top: 44px;
    color: #374151;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.26em;
}

.am360-story-frame h3 {
    margin: 14px 0 0;
    max-width: 260px;
    font-family: inherit;
    font-size: clamp(34px, 8vw, 48px);
    font-weight: 500;
    line-height: 0.95;
}

.am360-story-number {
    margin-top: 34px;
}

.am360-story-number strong {
    display: block;
    color: #374151;
    font-family: inherit;
    font-size: 82px;
    font-weight: 500;
    line-height: 0.9;
}

.am360-story-number small {
    display: block;
    max-width: 210px;
    margin-top: 8px;
    color: #f9fafb;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.14em;
    line-height: 1.35;
    text-transform: uppercase;
}

.am360-story-frame ul {
    display: grid;
    gap: 10px;
    margin: 32px 0 0;
    padding: 0;
    list-style: none;
}

.am360-story-frame li {
    padding-top: 10px;
    border-top: 1px solid rgba(17, 24, 39, 0.16);
    color: #f9fafb;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.am360-story-frame b {
    display: flex;
    width: fit-content;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    margin: 26px auto 0;
    padding: 0 18px;
    background: #374151;
    color: #080808;
    font-size: 12px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.am360-story-frame b.is-hidden {
    display: none;
}

.am360-story-panel {
    display: grid;
    gap: 16px;
}

.am360-story-settings {
    display: grid;
    gap: 14px;
    padding: 16px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    background: #f8fafc;
}

.am360-story-settings label {
    display: grid;
    gap: 8px;
    color: #475569;
    font-size: 13px;
    font-weight: 800;
}

.am360-story-settings input,
.am360-story-settings select {
    width: 100%;
    min-height: 48px;
    box-sizing: border-box;
    padding: 0 16px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.86);
    color: #111827;
    font: inherit;
    font-weight: 700;
    box-shadow: inset 0 1px 0 rgba(15, 23, 42, 0.03);
}

.am360-story-settings input[type="range"] {
    min-height: 48px;
    padding: 0;
    accent-color: #111827;
    background: transparent;
    box-shadow: none;
}

.am360-story-settings input:focus,
.am360-story-settings select:focus {
    outline: 2px solid rgba(17, 24, 39, 0.16);
    border-color: rgba(17, 24, 39, 0.36);
}

.am360-story-settings button[type="submit"] {
    min-height: 46px;
    border: 0;
    border-radius: 14px;
    background: #111827;
    color: #fff;
    cursor: pointer;
    font-weight: 800;
}

.am360-story-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.am360-story-stats article {
    padding: 14px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 14px;
    background: #f8fafc;
}

.am360-story-stats span {
    display: block;
    color: #64748b;
    font-size: 12px;
    font-weight: 800;
}

.am360-story-stats strong {
    display: block;
    margin-top: 4px;
    color: #111827;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: 34px;
    font-weight: 500;
}

.am360-story-panel textarea {
    width: 100%;
    min-height: 180px;
    padding: 14px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 14px;
    background: #fff;
    color: #111827;
    font: inherit;
    resize: vertical;
}

.am360-story-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.am360-story-actions button {
    min-height: 44px;
    padding: 0 18px;
    border: 0;
    border-radius: 999px;
    background: #111827;
    color: #fff;
    cursor: pointer;
    font-weight: 800;
}

.am360-story-actions .am360-secondary-btn {
    border: 1px solid rgba(15, 23, 42, 0.12);
    background: #fff;
    color: #111827;
}

.am360-export-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 12px;
    padding: 16px 18px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 14px 38px rgba(15, 23, 42, 0.06);
}

.am360-export-bar > div:first-child {
    min-width: 0;
}

.am360-export-bar > div:last-child {
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
}

.am360-export-bar button {
    min-height: 38px;
    padding: 0 14px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 999px;
    background: #fff;
    color: #111827;
    font-weight: 800;
    cursor: pointer;
}

.am360-export-bar button:hover,
.am360-export-bar button:disabled {
    background: #111827;
    color: #fff;
}

.am360-crm-filters {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 12px;
    padding: 14px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 16px;
    background: #fff;
}

.am360-crm-filters label {
    display: block;
    color: #64748b;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.am360-crm-filters select {
    width: 100%;
    min-height: 42px;
    margin-top: 8px;
    padding: 0 12px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 12px;
    background: #f8fafc;
    color: #111827;
    font: inherit;
    font-weight: 800;
}

.am360-lead-status,
.am360-lead-note {
    width: 100%;
    min-width: 180px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 12px;
    background: #fff;
    color: #111827;
    font: inherit;
}

.am360-lead-status {
    min-height: 38px;
    padding: 0 10px;
}

.am360-lead-note {
    min-width: 260px;
    padding: 10px;
    resize: vertical;
}

.am360-row-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 0;
}

.am360-note-badge,
.am360-row-link,
.am360-row-save,
.am360-row-delete {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 12px;
    border: 0;
    border-radius: 999px;
    background: #111827;
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.am360-note-badge {
    border: 1px solid rgba(15, 23, 42, 0.1);
    background: #f8fafc;
    color: #111827;
}

.am360-note-badge.is-empty {
    cursor: default;
    opacity: 0.64;
}

.am360-row-link {
    text-decoration: none;
}

.am360-row-delete {
    background: #fee2e2;
    color: #991b1b;
}

.am360-row-save:disabled,
.am360-row-delete:disabled {
    opacity: 0.65;
    cursor: default;
}

.am360-row-status {
    display: inline-block;
    margin-left: 8px;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
}

.am360-resume-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    margin: 14px auto 0;
    padding: 0 16px;
    border-radius: 999px;
    background: #111827;
    color: #fff;
    font-weight: 900;
    text-decoration: none;
}

.am360-modal-overlay {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: grid;
    place-items: center;
    padding: 24px;
    background: rgba(17, 24, 39, 0.28);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.am360-confirm-modal {
    width: min(100%, 420px);
    padding: 26px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 20px;
    background: #fff;
    color: #111827;
    text-align: center;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.22);
}

.am360-confirm-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    margin-bottom: 16px;
    border-radius: 18px;
    background: #ecfdf5;
    color: #047857;
}

.am360-modal-overlay.is-error .am360-confirm-icon {
    background: #fef2f2;
    color: #dc2626;
}

.am360-modal-overlay.is-warning .am360-confirm-icon {
    background: #fffbeb;
    color: #b45309;
}

.am360-confirm-icon svg {
    width: 30px;
    height: 30px;
}

.am360-confirm-modal h3 {
    margin: 0;
    color: #111827;
    font-size: 22px;
    font-weight: 800;
    line-height: 1.2;
}

.am360-confirm-modal p {
    margin: 10px 0 20px;
    color: #64748b;
    font-size: 15px;
    line-height: 1.55;
}

.am360-modal-actions {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.am360-confirm-modal button {
    min-width: 130px;
    min-height: 42px;
    border: 0;
    border-radius: 999px;
    background: #111827;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

.am360-confirm-modal .am360-modal-cancel {
    border: 1px solid rgba(15, 23, 42, 0.14);
    background: #fff;
    color: #111827;
}

.am360-lead-modal {
    width: min(100%, 560px);
    text-align: left;
}

.am360-lead-modal h3 {
    text-align: center;
}

.am360-lead-modal__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 14px;
    margin: 18px 0 22px;
}

.am360-lead-modal__grid label {
    display: grid;
    gap: 7px;
    color: #475569;
    font-size: 13px;
    font-weight: 800;
}

.am360-lead-modal__grid input,
.am360-lead-modal__grid select,
.am360-lead-modal__grid textarea {
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 12px;
    background: #fff;
    color: #111827;
    font: inherit;
}

.am360-modal-overlay.is-crm-edit {
    align-items: center !important;
    justify-items: center !important;
    overflow: auto !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.am360-modal-overlay.is-crm-edit *,
.am360-modal-overlay.is-crm-edit *::before,
.am360-modal-overlay.is-crm-edit *::after {
    box-sizing: border-box !important;
}

.am360-modal-overlay.is-crm-edit .am360-lead-modal {
    width: min(92vw, 560px) !important;
    max-height: 92vh !important;
    overflow: auto !important;
    padding: 24px !important;
    border-radius: 18px !important;
    background: #fff !important;
    color: #111827 !important;
    text-align: left !important;
    font-family: Arial, Helvetica, sans-serif !important;
}

.am360-modal-overlay.is-crm-edit .am360-lead-modal h3 {
    margin: 0 0 18px !important;
    color: #111827 !important;
    text-align: center !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}

.am360-modal-overlay.is-crm-edit .am360-lead-modal__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    margin: 0 0 18px !important;
}

.am360-modal-overlay.is-crm-edit .am360-lead-modal__grid label {
    display: grid !important;
    gap: 7px !important;
    margin: 0 !important;
    color: #475569 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.am360-modal-overlay.is-crm-edit .am360-lead-modal__grid input,
.am360-modal-overlay.is-crm-edit .am360-lead-modal__grid select,
.am360-modal-overlay.is-crm-edit .am360-lead-modal__grid textarea {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(15, 23, 42, 0.12) !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #111827 !important;
    box-shadow: none !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

.am360-modal-overlay.is-crm-edit .am360-lead-modal__grid textarea {
    min-height: 112px !important;
    resize: vertical !important;
}

.am360-modal-overlay.is-crm-edit .am360-lead-modal__grid .am360-wide {
    grid-column: 1 / -1 !important;
}

.am360-modal-overlay.is-crm-edit .am360-modal-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-top: 12px !important;
}

.am360-modal-overlay.is-crm-edit .am360-modal-actions button {
    width: auto !important;
    min-width: 130px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border-radius: 999px !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

@media (max-width: 640px) {
    .am360-modal-overlay.is-crm-edit .am360-lead-modal__grid {
        grid-template-columns: 1fr !important;
    }
}

.am360-tour-launch {
    min-height: 40px;
    padding: 0 16px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 999px;
    background: #fff;
    color: #111827;
    font-weight: 800;
    cursor: pointer;
}

.am360-tour-card button {
    width: fit-content;
}

.am360-tour-overlay {
    position: fixed;
    inset: 0;
    z-index: 100000;
    pointer-events: auto;
}

.am360-tour-dim {
    position: absolute;
    inset: 0;
    background: rgba(15, 23, 42, 0.54);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
    pointer-events: auto;
}

.am360-tour-spotlight {
    position: fixed;
    z-index: 1;
    border: 2px solid #374151;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.08);
    box-shadow: 0 0 0 9999px rgba(15, 23, 42, 0.34), 0 18px 60px rgba(0, 0, 0, 0.28);
    pointer-events: none;
    transition: all 0.18s ease;
}

.am360-tour-popover {
    position: fixed;
    z-index: 2;
    padding: 20px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 22px;
    background: #fff;
    color: #111827;
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.28);
    pointer-events: auto;
}

.am360-tour-popover * {
    pointer-events: auto;
}

.am360-tour-popover > span {
    display: inline-flex;
    margin-bottom: 10px;
    color: #9a6a32;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.am360-tour-popover h3 {
    margin: 0;
    color: #111827;
    font-size: 22px;
    font-weight: 900;
}

.am360-tour-popover p {
    margin: 10px 0 18px;
    color: #64748b;
    font-size: 15px;
    line-height: 1.55;
}

.am360-tour-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.am360-tour-actions div {
    display: flex;
    gap: 8px;
}

.am360-tour-actions button {
    min-height: 38px;
    padding: 0 14px;
    border: 0;
    border-radius: 999px;
    background: #111827;
    color: #fff;
    font-weight: 800;
    cursor: pointer;
}

.am360-tour-actions button:disabled {
    cursor: not-allowed;
    opacity: 0.45;
}

.am360-tour-actions .am360-tour-skip {
    border: 1px solid rgba(15, 23, 42, 0.12);
    background: #fff;
    color: #475569;
}

.am360-onboarding {
    position: fixed;
    inset: 0;
    z-index: 120000;
    display: grid;
    place-items: center;
    padding: 28px;
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
    overflow-y: auto;
    animation: am360OnboardingIn 0.5s ease both;
}

.am360-onboarding.is-leaving {
    animation: am360OnboardingOut 0.42s ease both;
}

.am360-onboarding__glow {
    position: absolute;
    width: min(68vw, 760px);
    aspect-ratio: 1;
    border-radius: 999px;
    background:
        radial-gradient(circle, rgba(17, 24, 39, 0.12), transparent 58%),
        radial-gradient(circle at 70% 30%, rgba(17, 24, 39, 0.12), transparent 42%);
    filter: blur(8px);
    animation: am360OnboardingGlow 5.5s ease-in-out infinite alternate;
}

.am360-onboarding__card {
    position: relative;
    z-index: 1;
    width: min(980px, 100%);
    padding: clamp(22px, 4vw, 56px) 0;
    border: 0;
    background: transparent;
    color: #111827;
    text-align: center;
    box-shadow: none;
    animation: am360OnboardingCard 0.58s cubic-bezier(.2,.8,.2,1) both;
}

.am360-onboarding__card p {
    margin: 0 0 14px;
    color: #4b5563;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.34em;
    text-transform: uppercase;
}

.am360-onboarding__card h2 {
    margin: 0;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(42px, 6.8vw, 96px);
    font-weight: 400;
    line-height: 0.9;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.am360-onboarding__card.is-choice {
    width: min(900px, 100%);
}

.am360-onboarding__card.is-choice h2 {
    max-width: 980px;
    margin: 0 auto;
    font-size: clamp(34px, 5.4vw, 74px);
    line-height: 0.94;
}

.am360-onboarding__card.is-choice > span {
    margin-top: 22px;
}

.am360-onboarding__card > span {
    display: block;
    max-width: 560px;
    margin: 28px auto 0;
    color: #4b5563;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: clamp(16px, 2vw, 20px);
    font-weight: 500;
    line-height: 1.7;
}

.am360-onboarding__card > button,
.am360-onboarding__choices button {
    min-height: 52px;
    border: 1px solid rgba(17, 24, 39, 0.72);
    border-radius: 0;
    background: #111827;
    color: #fff;
    cursor: pointer;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.am360-onboarding__card > button {
    margin-top: 30px;
    padding: 0 28px;
}

.am360-onboarding__choices {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    margin-top: 30px;
    background: rgba(17, 24, 39, 0.16);
}

.am360-onboarding__choices button {
    min-height: 190px;
    padding: 26px;
    border: 0;
    background: rgba(255, 255, 255, 0.42);
    color: #111827;
    text-align: left;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition: transform 0.2s ease, background 0.2s ease;
}

.am360-onboarding__choices button:hover {
    background: #111827;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: none;
}

.am360-onboarding__choices strong {
    display: block;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(30px, 4vw, 40px);
    font-weight: 400;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.am360-onboarding__choices small {
    display: block;
    margin-top: 14px;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
}

.am360-onboarding__loader {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 32px;
}

.am360-onboarding__loader i {
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: #374151;
    animation: am360OnboardingPulse 0.85s ease-in-out infinite alternate;
}

.am360-onboarding__loader i:nth-child(2) {
    animation-delay: 0.14s;
}

.am360-onboarding__loader i:nth-child(3) {
    animation-delay: 0.28s;
}

.am360-confetti {
    position: fixed;
    inset: 0;
    z-index: 120001;
    pointer-events: none;
    overflow: hidden;
}

.am360-confetti i {
    position: absolute;
    top: -24px;
    width: var(--w);
    height: var(--h);
    background: var(--color);
    opacity: 0;
    transform: translate3d(0, 0, 0) rotate(0deg);
    animation: am360ConfettiFall var(--duration) cubic-bezier(.15,.75,.35,1) var(--delay) forwards;
}

@keyframes am360OnboardingIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes am360OnboardingOut {
    to { opacity: 0; transform: scale(1.02); }
}

@keyframes am360OnboardingCard {
    from { opacity: 0; transform: translateY(22px) scale(0.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes am360OnboardingGlow {
    from { transform: translate(-8%, -4%) scale(0.94); }
    to { transform: translate(8%, 5%) scale(1.08); }
}

@keyframes am360OnboardingPulse {
    from { transform: translateY(0); opacity: 0.35; }
    to { transform: translateY(-10px); opacity: 1; }
}

@keyframes am360ConfettiFall {
    0% {
        opacity: 0;
        transform: translate3d(0, -20px, 0) rotate(0deg);
    }
    12% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: translate3d(var(--drift), 110vh, 0) rotate(var(--rotate));
    }
}

@media (max-width: 720px) {
    .am360-onboarding {
        padding: 16px;
    }

    .am360-onboarding__choices {
        grid-template-columns: 1fr;
    }

    .am360-onboarding__choices button {
        min-height: 150px;
    }
}

.am360-confirm-modal button:focus {
    outline: 3px solid rgba(17, 24, 39, 0.18);
    outline-offset: 3px;
}

.am360-toast-stack {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 100000;
    display: grid;
    gap: 12px;
    width: min(360px, calc(100vw - 32px));
    pointer-events: none;
}

.am360-toast {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr) 28px;
    gap: 12px;
    align-items: center;
    padding: 14px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-left: 4px solid #374151;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.18);
    animation: am360ToastIn 0.22s ease-out both;
    pointer-events: auto;
}

.am360-toast.is-inscription {
    border-left-color: #111827;
}

.am360-toast.is-leaving {
    animation: am360ToastOut 0.22s ease-in both;
}

.am360-toast > span {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background: rgba(200, 145, 75, 0.14);
    color: #111827;
}

.am360-toast.is-inscription > span {
    background: rgba(17, 24, 39, 0.08);
    color: #111827;
}

.am360-toast svg {
    width: 22px;
    height: 22px;
}

.am360-toast strong {
    display: block;
    color: #111827;
    font-size: 14px;
    font-weight: 900;
}

.am360-toast p {
    margin: 3px 0 0;
    color: #64748b;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.35;
}

.am360-toast button {
    width: 28px;
    height: 28px;
    border: 0;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    cursor: pointer;
    font-size: 18px;
    line-height: 1;
}

@keyframes am360ToastIn {
    from {
        opacity: 0;
        transform: translateY(12px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes am360ToastOut {
    to {
        opacity: 0;
        transform: translateY(10px) scale(0.98);
    }
}

.am360-dash__brand {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.am360-dash__brand span {
    display: block !important;
    width: 100%;
}

.am360-dash__top,
.am360-stats article,
.am360-table-wrap,
.am360-help,
.am360-builder-block,
.am360-section-card,
.am360-products-builder {
    border-radius: 16px !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    background: #fff !important;
    box-shadow: 0 14px 38px rgba(15, 23, 42, 0.06) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.am360-thanks {
    border-color: rgba(17, 24, 39, 0.18) !important;
    border-radius: 24px !important;
    background:
        linear-gradient(125deg, rgba(17, 24, 39, 0.06), transparent 42%),
        #080808 !important;
    color: #f9fafb !important;
    box-shadow: 0 22px 70px rgba(15, 23, 42, 0.18) !important;
}

.am360-settings-form {
    min-width: 0;
    max-width: 100%;
    gap: 22px;
    padding: 0;
    overflow: visible;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.am360-section-card {
    min-width: 0;
    max-width: 100%;
    padding: clamp(2rem, 4vw, 3.5rem) clamp(1.5rem, 3.5vw, 3rem);
    overflow: hidden;
}

.am360-form-section h3 {
    max-width: 100%;
    margin: 0 0 18px;
    overflow-wrap: anywhere;
    color: #111827;
    font-family: Arial, Helvetica, sans-serif;
    font-size: clamp(24px, 3vw, 42px);
    font-weight: 800;
    line-height: 1.08;
}

.am360-form-section p,
.am360-builder-block__head p,
.am360-help p {
    max-width: 100%;
    overflow-wrap: break-word;
    color: #6b6258;
    font-size: clamp(15px, 1.45vw, 20px);
    line-height: 1.45;
}

.am360-builder-block {
    min-width: 0;
    max-width: 100%;
    padding: 1.25rem;
    overflow: hidden;
}

.am360-builder-block__head {
    min-width: 0;
}

.am360-builder-block__head > div {
    min-width: 0;
}

.am360-builder-block__head h4 {
    overflow-wrap: anywhere;
    font-size: 18px;
}

.am360-block-grid,
.am360-product-row,
.am360-pixel-row,
.am360-media-field {
    min-width: 0;
    max-width: 100%;
}

.am360-settings-form input,
.am360-settings-form select,
.am360-settings-form textarea {
    min-width: 0;
    max-width: 100%;
    border-color: rgba(15, 23, 42, 0.12);
    border-radius: 1.5rem !important;
    background: rgba(255, 255, 255, 0.7) !important;
}

.am360-settings-form .am360-check input[type="checkbox"] {
    width: 18px !important;
    min-width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    padding: 0 !important;
    border-radius: 4px !important;
}

.am360-settings-form button {
    border-radius: 1.5rem;
    background: #111827;
}

.am360-settings-form .am360-block-grid > button {
    justify-self: start;
}

.am360-secondary-btn {
    background: #fff !important;
}

@media (max-width: 900px) {
    .am360-dash {
        height: auto;
        min-height: 100vh;
        grid-template-columns: minmax(0, 1fr);
        overflow: visible;
    }

    .am360-dash__nav {
        position: fixed;
        inset: 0 auto 0 0;
        z-index: 60;
        width: min(86vw, 320px);
        min-height: 100vh;
        display: none;
        flex-direction: column;
        gap: 4px;
        padding: 18px 14px;
        overflow-x: hidden;
        overflow-y: auto;
        border-right: 1px solid rgba(15, 23, 42, 0.08);
        border-bottom: 0;
        box-shadow: 18px 0 60px rgba(15, 23, 42, 0.18);
    }

    .am360-dash.is-nav-open .am360-dash__nav {
        display: flex;
    }

    .am360-dash__brand {
        flex: 0 0 auto;
        margin: 0 0 18px;
        padding: 0 4px 14px;
        border-right: 0;
        border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    }

    .am360-dash__nav button {
        width: 100%;
        flex: 0 0 auto;
        white-space: nowrap;
    }

    .am360-dash__main {
        height: auto;
        max-height: none;
        padding: 0;
    }

    .am360-dash__topbar {
        position: sticky;
        top: 0;
        z-index: 20;
        margin: 0;
        border-radius: 0;
    }

    .am360-dash__top {
        margin: 16px 12px 22px;
    }

    .am360-panel {
        padding: 14px 12px 22px;
    }

    .am360-section-card {
        padding: 1.75rem 1.25rem;
    }

    .am360-dash__user strong {
        display: none;
    }

    .am360-dash__top h2 {
        white-space: normal;
    }

    .am360-charts,
    .am360-stats,
    .am360-story-layout,
    .am360-story-stats {
        grid-template-columns: 1fr;
    }

    .am360-export-bar {
        align-items: flex-start;
        flex-direction: column;
    }

    .am360-crm-filters {
        grid-template-columns: 1fr;
    }
}

/* Compact sticky action bars */
.am360-dash__topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 40 !important;
}

.am360-form-actions {
    grid-column: 1 / -1 !important;
    position: sticky !important;
    top: 58px !important;
    z-index: 32 !important;
    display: flex !important;
    min-width: 0 !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    gap: 0 !important;
    margin: 0 0 8px !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    border-radius: 14px !important;
    background: rgba(255, 253, 249, 0.97) !important;
    box-shadow: 0 14px 34px rgba(15, 23, 42, 0.08) !important;
    overflow: hidden !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

.am360-form-actions__buttons {
    display: flex !important;
    min-width: 0 !important;
    align-items: stretch !important;
    flex-wrap: wrap !important;
}

.am360-settings-form .am360-form-actions button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-right: 1px solid rgba(15, 23, 42, 0.1) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    white-space: nowrap !important;
}

.am360-settings-form .am360-form-actions button:last-child {
    border-right: 0 !important;
}

.am360-form-actions [data-save-status] {
    display: flex !important;
    min-height: 46px !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-width: 160px !important;
    max-width: 45% !important;
    margin: 0 !important;
    padding: 0 18px !important;
    border-left: 1px solid rgba(15, 23, 42, 0.08) !important;
    color: #6b6258 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-align: right !important;
}

@media (max-width: 900px) {
    .am360-form-actions {
        top: 58px !important;
        flex-direction: column !important;
    }

    .am360-form-actions__buttons {
        width: 100% !important;
    }

    .am360-settings-form .am360-form-actions button {
        flex: 1 1 auto !important;
        min-width: 50% !important;
        justify-content: center !important;
    }

    .am360-form-actions [data-save-status] {
        width: 100% !important;
        max-width: none !important;
        justify-content: flex-start !important;
        border-top: 1px solid rgba(15, 23, 42, 0.08) !important;
        border-left: 0 !important;
    }

    .am360-global-search {
        flex: 1 1 auto;
        min-width: 0;
    }

    .am360-global-search kbd {
        display: none;
    }
}

/* Landing live builder */
.am360-builder-panel .am360-builder-form {
    display: block;
    position: relative;
}

.am360-builder-panel .am360-form-section,
.am360-builder-panel .am360-form-actions {
    margin-bottom: 16px;
}

.am360-dash.is-builder-mode {
    grid-template-columns: 620px minmax(0, 1fr);
    background: #0b1220;
}

.am360-dash.is-builder-mode .am360-dash__nav,
.am360-dash.is-builder-mode .am360-dash__topbar {
    display: none;
}

.am360-dash.is-builder-mode .am360-dash__main {
    grid-column: 1 / -1;
    max-height: 100vh;
    padding: 0;
    overflow: hidden;
}

.am360-dash.is-builder-mode .am360-panel.is-visible {
    height: 100vh;
    padding: 0;
}

.am360-dash.is-builder-mode .am360-builder-form,
.am360-dash.is-builder-mode .am360-live-builder,
.am360-dash.is-builder-mode .am360-email-form,
.am360-dash.is-builder-mode .am360-email-builder {
    height: 100vh;
    min-height: 100vh;
}

.am360-dash.is-builder-mode .am360-form-actions {
    position: relative !important;
    top: auto !important;
    z-index: 1 !important;
    margin: 0 !important;
}

.am360-dash.is-builder-mode .am360-section-card {
    padding: 16px !important;
    border-radius: 8px !important;
    box-shadow: none !important;
}

.am360-live-builder {
    position: relative;
    min-height: calc(100vh - 190px);
}

.am360-live-builder__editor {
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 8;
    display: grid;
    width: min(410px, calc(100% - 36px));
    max-height: calc(100vh - 230px);
    min-width: 0;
    gap: 16px;
    padding: 12px;
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 8px;
    background: rgba(255, 253, 249, 0.98);
    box-shadow: 0 22px 60px rgba(15, 23, 42, 0.2);
    overflow: auto;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.am360-dash.is-builder-mode .am360-live-builder__editor {
    top: 0;
    left: 0;
    width: 620px;
    height: 100vh;
    max-height: none;
    padding: 14px;
    border-width: 0 1px 0 0;
    border-radius: 0;
    background: #ffffff;
    box-shadow: 16px 0 44px rgba(15, 23, 42, 0.16);
}

.am360-dash.is-builder-mode .am360-email-builder {
    display: grid;
    width: 100vw;
    grid-template-columns: 620px minmax(0, 1fr);
    gap: 0;
    align-items: stretch;
}

.am360-dash.is-builder-mode .am360-email-builder__editor {
    min-width: 0;
    width: 620px;
    height: 100vh;
    max-height: none;
    padding: 14px;
    border-right: 1px solid rgba(15, 23, 42, 0.1);
    background: #ffffff;
    overflow: auto;
    box-shadow: 16px 0 44px rgba(15, 23, 42, 0.16);
}

.am360-sidebar-section {
    display: grid;
    gap: 4px;
    margin: 6px 0 2px;
    padding: 4px 2px 0;
}

.am360-sidebar-section h4,
.am360-builder-block__head h4 {
    margin: 0;
}

.am360-sidebar-section p,
.am360-builder-block__head p {
    margin: 4px 0 0;
    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.45;
}

.am360-dash.is-builder-mode .am360-live-builder__editor .am360-builder-block,
.am360-dash.is-builder-mode .am360-email-builder__editor .am360-builder-block {
    display: grid;
    gap: 12px;
    padding: 16px 0 0;
    border-width: 1px 0 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.am360-dash.is-builder-mode .am360-builder-block {
    padding: 12px 0 0 !important;
}

.am360-dash.is-builder-mode .am360-builder-block__head {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.am360-dash.is-builder-mode .am360-builder-block__head > div {
    flex: 1 1 auto;
}

.am360-dash.is-builder-mode .am360-builder-block__head > button {
    flex: 0 0 auto;
    min-height: 36px;
    padding: 0 12px;
    white-space: nowrap;
}

.am360-dash.is-builder-mode .am360-live-builder__editor .am360-builder-block__head,
.am360-dash.is-builder-mode .am360-email-builder__editor .am360-builder-block__head {
    padding: 0;
    border-bottom: 0;
}

.am360-dash.is-builder-mode .am360-live-builder__editor .am360-block-grid,
.am360-dash.is-builder-mode .am360-email-builder__editor .am360-block-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
}

.am360-dash.is-builder-mode .am360-live-builder__editor .am360-block-grid > label,
.am360-dash.is-builder-mode .am360-live-builder__editor .am360-block-grid > .am360-check,
.am360-dash.is-builder-mode .am360-live-builder__editor .am360-block-grid > .am360-wide,
.am360-dash.is-builder-mode .am360-email-builder__editor .am360-block-grid > label,
.am360-dash.is-builder-mode .am360-email-builder__editor .am360-block-grid > .am360-check,
.am360-dash.is-builder-mode .am360-email-builder__editor .am360-block-grid > .am360-wide {
    display: block;
    width: 100% !important;
}

.am360-dash.is-builder-mode .am360-live-builder__editor .am360-block-grid > .am360-wide,
.am360-dash.is-builder-mode .am360-live-builder__editor .am360-media-field,
.am360-dash.is-builder-mode .am360-live-builder__editor textarea,
.am360-dash.is-builder-mode .am360-email-builder__editor .am360-block-grid > .am360-wide {
    grid-column: 1 / -1 !important;
}

.am360-dash.is-builder-mode .am360-email-builder__editor > .am360-form-section {
    display: none !important;
}

.am360-dash.is-builder-mode .am360-email-builder__editor > .am360-block-grid {
    margin-bottom: 18px;
}

.am360-dash.is-builder-mode .am360-email-builder__editor .am360-check {
    min-height: 28px;
    margin: 0 0 2px;
}

.am360-dash.is-builder-mode .am360-live-builder__editor .am360-media-field,
.am360-dash.is-builder-mode .am360-email-builder__editor .am360-media-field {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: end !important;
    gap: 10px !important;
}

.am360-dash.is-builder-mode .am360-live-builder__editor .am360-media-field button,
.am360-dash.is-builder-mode .am360-email-builder__editor .am360-media-field button {
    width: 100%;
}

.am360-dash.is-builder-mode .am360-email-preview-live {
    position: relative;
    top: auto;
    width: 100%;
    min-width: 0;
    min-height: 100vh;
    border: 0;
    border-radius: 0;
    background: #0b1220;
    overflow: hidden;
}

.am360-dash.is-builder-mode .am360-email-preview-live .am360-live-preview__bar {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 5;
    min-height: 44px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background: rgba(17, 24, 39, 0.9);
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.24);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.am360-dash.is-builder-mode .am360-email-render {
    display: grid;
    width: 100%;
    min-height: 100vh;
    grid-template-rows: auto minmax(0, 1fr);
    padding: 86px 42px 42px;
    background:
        linear-gradient(45deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%),
        #0b1220;
    background-position: 0 0, 0 10px;
    background-size: 20px 20px;
    overflow: auto;
}

.am360-dash.is-builder-mode .am360-email-render__meta {
    width: 100%;
    max-width: none;
    margin: 0 auto 18px;
}

.am360-dash.is-builder-mode .am360-email-render.is-desktop .am360-email-render__canvas {
    width: 100%;
}

.am360-dash.is-builder-mode .am360-email-render.is-desktop .am360-email-render__meta,
.am360-dash.is-builder-mode .am360-email-render.is-desktop .am360-email-render__message {
    width: min(600px, 100%);
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
}

.am360-dash.is-builder-mode .am360-email-render.is-tablet .am360-email-render__meta,
.am360-dash.is-builder-mode .am360-email-render.is-tablet .am360-email-render__message {
    width: min(768px, 100%);
}

.am360-dash.is-builder-mode .am360-email-render.is-mobile .am360-email-render__meta,
.am360-dash.is-builder-mode .am360-email-render.is-mobile .am360-email-render__message {
    width: min(390px, 100%);
}

.am360-dash.is-night-mode.is-builder-mode .am360-email-builder__editor,
.am360-dash.is-night-mode.is-builder-mode .am360-live-builder__editor {
    background: #0f172a;
    border-color: rgba(148, 163, 184, 0.22);
    color: #f8fafc;
    box-shadow: 16px 0 44px rgba(0, 0, 0, 0.38);
}

.am360-dash.is-night-mode.is-builder-mode .am360-builder-mode-head {
    border-color: rgba(148, 163, 184, 0.18);
}

.am360-dash.is-night-mode.is-builder-mode .am360-builder-mode-head button {
    border-color: rgba(148, 163, 184, 0.22);
    background: #111827;
    color: #f8fafc;
}

.am360-dash.is-night-mode.is-builder-mode .am360-builder-mode-head .am360-builder-save {
    border-color: #f8fafc;
    background: #f8fafc;
    color: #111827;
}

.am360-dash.is-night-mode.is-builder-mode .am360-section-card,
.am360-dash.is-night-mode.is-builder-mode .am360-builder-block {
    background: #111827;
    border-color: rgba(148, 163, 184, 0.18);
    color: #f8fafc;
}

.am360-dash.is-night-mode.is-builder-mode .am360-live-builder__editor .am360-builder-block,
.am360-dash.is-night-mode.is-builder-mode .am360-email-builder__editor .am360-builder-block {
    background: transparent !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
}

.am360-dash.is-night-mode .am360-sidebar-section p,
.am360-dash.is-night-mode .am360-builder-block__head p {
    color: #94a3b8;
}

.am360-dash.is-night-mode.is-builder-mode input,
.am360-dash.is-night-mode.is-builder-mode textarea,
.am360-dash.is-night-mode.is-builder-mode select {
    border-color: rgba(148, 163, 184, 0.2);
    background: #020617;
    color: #f8fafc;
}

.am360-dash.is-night-mode.is-builder-mode .am360-email-render__message {
    background: #ffffff !important;
    color: #111827;
    border: 0;
}

.am360-dash.is-night-mode.is-builder-mode .am360-email-render__body,
.am360-dash.is-night-mode.is-builder-mode .am360-email-render__body p,
.am360-dash.is-night-mode.is-builder-mode .am360-email-render__brand {
    color: #111827;
}

.am360-builder-mode-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 44px;
    padding: 0 2px 12px;
    border-bottom: 1px solid rgba(15, 23, 42, 0.08);
}

.am360-settings-form .am360-builder-mode-head button {
    display: inline-flex !important;
    width: auto !important;
    min-width: 0 !important;
    grid-column: auto !important;
    min-height: 36px;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px;
    margin: 0 !important;
    padding: 0 12px;
    border: 1px solid rgba(15, 23, 42, 0.12);
    border-radius: 0;
    background: #fff;
    color: #111827;
    cursor: pointer;
    font-weight: 800;
}

.am360-builder-mode-head .am360-builder-back {
    margin-right: auto !important;
}

.am360-settings-form .am360-builder-mode-head .am360-builder-save {
    margin-left: auto !important;
    border-color: #111827;
    background: #111827;
    color: #fff;
}

.am360-builder-mode-head .am360-nav-icon {
    width: 17px;
    height: 17px;
    flex: 0 0 auto;
}

.am360-builder-mode-head strong {
    justify-self: center;
    min-width: 0;
    color: #111827;
    font-size: 14px;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.am360-faq-list {
    display: grid;
    gap: 12px;
}

.am360-faq-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.am360-faq-tabs button {
    min-height: 38px;
    max-width: 100%;
    padding: 0 12px;
    border: 1px solid rgba(17, 24, 39, .12);
    background: #fff;
    color: #475467;
    cursor: pointer;
    font-size: 12px;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.am360-faq-tabs button.is-active {
    border-color: #111827;
    background: #111827;
    color: #fff;
}

.am360-faq-row {
    display: grid;
    gap: 10px;
    padding: 12px;
    border: 1px solid rgba(15, 23, 42, 0.08);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.55);
}

.am360-faq-row:not(.is-active) {
    display: none;
}

.am360-faq-row button {
    justify-self: start;
}

.am360-faq-row .am360-icon-btn {
    display: inline-flex !important;
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

.am360-faq-row .am360-icon-btn .am360-nav-icon {
    width: 18px;
    height: 18px;
}

.am360-section-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    margin: 12px 0;
    border: 1px solid rgba(15, 23, 42, 0.1);
    background: #fff;
}

.am360-settings-form .am360-section-tabs button {
    display: inline-flex !important;
    width: 100% !important;
    min-height: 38px !important;
    align-items: center !important;
    justify-content: center !important;
    grid-column: auto !important;
    margin: 0 !important;
    border: 0 !important;
    border-right: 1px solid rgba(15, 23, 42, 0.1) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #4b5563 !important;
    box-shadow: none !important;
    font-size: 13px;
    font-weight: 900;
}

.am360-settings-form .am360-section-tabs button:last-child {
    border-right: 0 !important;
}

.am360-settings-form .am360-section-tabs button.is-active {
    background: #111827 !important;
    color: #fff !important;
}

.am360-section-pane {
    display: none;
}

.am360-section-pane.is-visible {
    display: block;
}

.am360-builder-note {
    grid-column: 1 / -1;
    margin: 0;
    padding: 12px;
    border: 1px dashed rgba(15, 23, 42, 0.18);
    color: #6b6258;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.45;
}

.am360-live-preview {
    position: relative;
    top: auto;
    min-width: 0;
    min-height: calc(100vh - 190px);
    border: 1px solid rgba(15, 23, 42, 0.1);
    border-radius: 8px;
    background: #111827;
    box-shadow: 0 18px 45px rgba(15, 23, 42, 0.14);
    overflow: hidden;
}

.am360-dash.is-builder-mode .am360-live-preview {
    min-height: 100vh;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.am360-live-preview__bar {
    display: flex;
    min-height: 54px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: #f9fafb;
}

.am360-dash.is-builder-mode .am360-live-preview__bar {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 5;
    min-height: 44px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 8px;
    background: rgba(17, 24, 39, 0.9);
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.24);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

.am360-live-preview__bar strong {
    flex: 0 0 auto;
    font-size: 13px;
}

.am360-live-preview__bar a {
    color: #f3f4f6;
    font-size: 12px;
    font-weight: 800;
    text-decoration: none;
    white-space: nowrap;
}

.am360-preview-devices {
    display: inline-flex;
    min-width: 0;
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 0;
    overflow: hidden;
}

.am360-preview-devices button {
    min-height: 32px;
    padding: 0 10px;
    border: 0;
    border-right: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 0;
    background: transparent;
    color: rgba(255, 255, 255, 0.72);
    cursor: pointer;
    font-size: 12px;
    font-weight: 800;
}

.am360-preview-devices button:last-child {
    border-right: 0;
}

.am360-preview-devices button.is-active,
.am360-preview-devices button:hover {
    background: #f3f4f6;
    color: #111827;
}

.am360-live-preview__stage {
    display: flex;
    min-height: calc(100vh - 244px);
    justify-content: center;
    padding: 18px 18px 18px 648px;
    background:
        linear-gradient(45deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%),
        linear-gradient(-45deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%),
        #0b1220;
    background-position: 0 0, 0 10px;
    background-size: 20px 20px;
    overflow: auto;
}

.am360-dash.is-builder-mode .am360-live-preview__stage {
    min-height: 100vh;
    height: 100vh;
    padding: 0 0 0 620px;
}

.am360-live-preview__stage iframe {
    display: block;
    width: 100%;
    height: calc(100vh - 284px);
    min-height: 760px;
    max-height: none;
    border: 0;
    border-radius: 4px;
    background: #fff;
    box-shadow: 0 16px 45px rgba(0, 0, 0, 0.28);
}

.am360-dash.is-builder-mode .am360-live-preview__stage iframe {
    height: 100vh;
    min-height: 100vh;
    border-radius: 0;
    box-shadow: none;
}

.am360-live-preview__stage.is-tablet iframe {
    width: 768px;
}

.am360-live-preview__stage.is-mobile iframe {
    width: 390px;
}

@media (max-width: 1279px) {
    .am360-dash:not(.is-builder-mode) .am360-live-builder__editor {
        width: min(500px, calc(100% - 36px));
    }
}

@media (max-width: 720px) {
    .am360-dash.is-builder-mode {
        height: auto;
        min-height: 100vh;
        grid-template-columns: minmax(0, 1fr);
        overflow: visible;
    }

    .am360-dash.is-builder-mode .am360-dash__main {
        max-height: none;
        overflow: visible;
    }

    .am360-dash.is-builder-mode .am360-panel.is-visible,
    .am360-dash.is-builder-mode .am360-builder-form,
    .am360-dash.is-builder-mode .am360-live-builder,
    .am360-dash.is-builder-mode .am360-email-form,
    .am360-dash.is-builder-mode .am360-email-builder {
        height: auto;
        min-height: 0;
    }

    .am360-live-builder,
    .am360-dash.is-builder-mode .am360-email-builder {
        display: grid;
        gap: 12px;
        min-height: 0;
        grid-template-columns: 1fr;
    }

    .am360-live-builder__editor {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        max-height: none;
        order: 1;
    }

    .am360-dash.is-builder-mode .am360-live-builder__editor {
        width: 100%;
        height: auto;
        padding: 12px;
        border: 0;
        border-radius: 0;
    }

    .am360-dash.is-builder-mode .am360-email-builder__editor {
        width: 100%;
        height: auto;
        padding: 12px;
        border: 0;
        box-shadow: none;
    }

    .am360-live-preview {
        min-height: 0;
        order: 2;
    }

    .am360-dash.is-builder-mode .am360-live-preview {
        min-height: 0;
    }

    .am360-live-preview__bar {
        align-items: stretch;
        flex-direction: column;
    }

    .am360-dash.is-builder-mode .am360-live-preview__bar {
        position: relative;
        top: auto;
        right: auto;
        border-radius: 0;
    }

    .am360-dash.is-builder-mode .am360-email-preview-live .am360-live-preview__bar {
        position: relative;
        top: auto;
        right: auto;
        border-radius: 0;
    }

    .am360-preview-devices {
        width: 100%;
    }

    .am360-preview-devices button {
        flex: 1 1 0;
    }

    .am360-live-preview__stage {
        min-height: 560px;
        padding: 10px;
    }

    .am360-dash.is-builder-mode .am360-live-preview__stage {
        height: auto;
        min-height: 560px;
        padding: 10px;
    }

    .am360-live-preview__stage iframe {
        height: 900px;
    }

    .am360-dash.is-builder-mode .am360-live-preview__stage iframe {
        height: 900px;
        min-height: 900px;
    }

    .am360-dash.is-builder-mode .am360-email-render {
        min-height: 680px;
        padding: 12px;
    }
}

/* Final dark mode overrides. */
html:has(.am360-dash.is-night-mode),
body:has(.am360-dash.is-night-mode) {
    background: #080b12;
}

.am360-dash.is-night-mode,
.am360-dash.is-night-mode .am360-dash__main {
    background: #0b0f17 !important;
    color: #eef2f7 !important;
}

.am360-dash.is-night-mode .am360-dash__nav,
.am360-dash.is-night-mode .am360-dash__topbar,
.am360-dash.is-night-mode .am360-dash__top,
.am360-dash.is-night-mode .am360-exec-head,
.am360-dash.is-night-mode .am360-hub-head,
.am360-dash.is-night-mode .am360-stats article,
.am360-dash.is-night-mode .am360-settings-form,
.am360-dash.is-night-mode .am360-table-wrap,
.am360-dash.is-night-mode .am360-help,
.am360-dash.is-night-mode .am360-kpi-section,
.am360-dash.is-night-mode .am360-action-grid button,
.am360-dash.is-night-mode .am360-crm-snapshot article,
.am360-dash.is-night-mode .am360-funnel-explain,
.am360-dash.is-night-mode .am360-funnel-step,
.am360-dash.is-night-mode .am360-builder-block,
.am360-dash.is-night-mode .am360-form-section,
.am360-dash.is-night-mode .am360-section-card,
.am360-dash.is-night-mode .am360-story-panel,
.am360-dash.is-night-mode .am360-thanks,
.am360-dash.is-night-mode .am360-tour-card,
.am360-dash.is-night-mode .am360-help-faq details,
.am360-dash.is-night-mode .am360-sumup-error,
.am360-dash.is-night-mode .am360-pixel-row,
.am360-dash.is-night-mode .am360-product-row,
.am360-dash.is-night-mode .am360-faq-row,
.am360-dash.is-night-mode .am360-privacy-output {
    background: #111827 !important;
    border-color: rgba(148, 163, 184, 0.18) !important;
    color: #eef2f7 !important;
    box-shadow: none !important;
}

.am360-dash.is-night-mode .am360-dash__nav {
    background: #0f172a !important;
    color: #e5e7eb !important;
    border-color: rgba(148, 163, 184, 0.16) !important;
    box-shadow: 10px 0 32px rgba(0, 0, 0, 0.22) !important;
}

.am360-dash.is-night-mode .am360-dash__logo {
    filter: brightness(0) invert(1);
}

.am360-dash.is-night-mode h1,
.am360-dash.is-night-mode h2,
.am360-dash.is-night-mode h3,
.am360-dash.is-night-mode h4,
.am360-dash.is-night-mode .am360-chart-head h3,
.am360-dash.is-night-mode .am360-export-bar h3,
.am360-dash.is-night-mode .am360-dash__top h2,
.am360-dash.is-night-mode strong,
.am360-dash.is-night-mode .am360-table,
.am360-dash.is-night-mode .am360-action-grid button,
.am360-dash.is-night-mode .am360-funnel-step {
    color: #f8fafc !important;
}

.am360-dash.is-night-mode p,
.am360-dash.is-night-mode span,
.am360-dash.is-night-mode small,
.am360-dash.is-night-mode label,
.am360-dash.is-night-mode .am360-webhook,
.am360-dash.is-night-mode .am360-builder-note,
.am360-dash.is-night-mode .am360-action-grid span,
.am360-dash.is-night-mode .am360-funnel-step p,
.am360-dash.is-night-mode .am360-chart-head span,
.am360-dash.is-night-mode .am360-export-bar p,
.am360-dash.is-night-mode .am360-progress-row > div,
.am360-dash.is-night-mode .am360-chart-legend span,
.am360-dash.is-night-mode .am360-bar-item em,
.am360-dash.is-night-mode .am360-row-status,
.am360-dash.is-night-mode .am360-dash__top p {
    color: #cbd5e1 !important;
}

.am360-dash.is-night-mode .am360-dash__nav button {
    color: #cbd5e1 !important;
}

.am360-dash.is-night-mode .am360-dash__nav button.is-active,
.am360-dash.is-night-mode .am360-dash__nav button:hover,
.am360-dash.is-night-mode .am360-action-grid button:hover,
.am360-dash.is-night-mode .am360-funnel-step:hover {
    background: #1e293b !important;
    color: #ffffff !important;
}

.am360-dash.is-night-mode .am360-nav-icon {
    color: currentColor;
    stroke: currentColor;
}

.am360-dash.is-night-mode input,
.am360-dash.is-night-mode textarea,
.am360-dash.is-night-mode select,
.am360-dash.is-night-mode .am360-global-search,
.am360-dash.is-night-mode .am360-theme-toggle,
.am360-dash.is-night-mode .am360-dash__user a,
.am360-dash.is-night-mode .am360-secondary-btn,
.am360-dash.is-night-mode .am360-settings-form button,
.am360-dash.is-night-mode .am360-row-save,
.am360-dash.is-night-mode .am360-row-link,
.am360-dash.is-night-mode .am360-row-delete,
.am360-dash.is-night-mode .am360-modal-cancel {
    border-color: rgba(148, 163, 184, 0.22) !important;
    background: #020617 !important;
    color: #f8fafc !important;
}

.am360-dash.is-night-mode input::placeholder,
.am360-dash.is-night-mode textarea::placeholder {
    color: #64748b;
}

.am360-dash.is-night-mode input[type="checkbox"] {
    accent-color: #f8fafc;
}

.am360-dash.is-night-mode .am360-menu-badge,
.am360-dash.is-night-mode .am360-dash__avatar,
.am360-dash.is-night-mode .am360-funnel-step > span,
.am360-dash.is-night-mode .am360-builder-mode-head .am360-builder-save,
.am360-dash.is-night-mode .am360-primary-action,
.am360-dash.is-night-mode .am360-topbar-actions button,
.am360-dash.is-night-mode .am360-row-save,
.am360-dash.is-night-mode .am360-resume-link {
    background: #f8fafc !important;
    color: #111827 !important;
}

.am360-dash.is-night-mode .am360-test-badge,
.am360-dash.is-night-mode .am360-source-badge,
.am360-dash.is-night-mode mark {
    background: #e5e7eb;
    color: #111827;
}

.am360-dash.is-night-mode .am360-empty-note {
    color: #94a3b8;
}

.am360-dash.is-night-mode .am360-table th,
.am360-dash.is-night-mode .am360-table td,
.am360-dash.is-night-mode .am360-builder-block__head,
.am360-dash.is-night-mode .am360-form-section,
.am360-dash.is-night-mode .am360-block-grid {
    border-color: rgba(148, 163, 184, 0.16);
}

.am360-dash.is-night-mode .am360-table tr:hover td {
    background: rgba(148, 163, 184, 0.06);
}

.am360-dash.is-night-mode .am360-progress-row i,
.am360-dash.is-night-mode .am360-bar-item strong {
    background: #020617;
}

.am360-dash.is-night-mode .am360-progress-row b,
.am360-dash.is-night-mode .am360-bar-item strong b.is-inscription {
    background: #f8fafc;
}

.am360-dash.is-night-mode .am360-bar-item strong b.is-prospect,
.am360-dash.is-night-mode .am360-chart-legend .is-prospect {
    background: #94a3b8;
}

.am360-dash.is-night-mode .am360-bar-item strong span {
    color: #f8fafc;
}

.am360-dash.is-night-mode .am360-builder-switch,
.am360-dash.is-night-mode .am360-section-tabs,
.am360-dash.is-night-mode .am360-preview-devices {
    border-color: rgba(148, 163, 184, 0.22);
    background: #020617;
}

.am360-dash.is-night-mode .am360-builder-switch button.is-active,
.am360-dash.is-night-mode .am360-section-tabs button.is-active,
.am360-dash.is-night-mode .am360-preview-devices button.is-active {
    background: #f8fafc !important;
    color: #111827 !important;
}

.am360-dash.is-night-mode .am360-email-render {
    background: #0b0f17 !important;
}

.am360-dash.is-night-mode .am360-email-render__canvas {
    background: #f3f4f6 !important;
}

.am360-dash.is-night-mode .am360-email-render__message {
    background: #ffffff !important;
    color: #111827 !important;
    border: 0;
}

.am360-dash.is-night-mode .am360-email-render__body,
.am360-dash.is-night-mode .am360-email-render__body p,
.am360-dash.is-night-mode .am360-email-render__brand {
    color: #111827 !important;
}

body:has(.am360-dash.is-night-mode) .am360-confirm-modal,
body:has(.am360-dash.is-night-mode) .am360-toast,
body:has(.am360-dash.is-night-mode) .am360-tour-card {
    background: #111827;
    border-color: rgba(148, 163, 184, 0.18);
    color: #f8fafc;
}

body:has(.am360-dash.is-night-mode) .am360-confirm-modal h3,
body:has(.am360-dash.is-night-mode) .am360-tour-card h3 {
    color: #f8fafc;
}

body:has(.am360-dash.is-night-mode) .am360-confirm-modal p,
body:has(.am360-dash.is-night-mode) .am360-toast p,
body:has(.am360-dash.is-night-mode) .am360-tour-card p {
    color: #cbd5e1;
}

body:has(.am360-dash.is-night-mode) .am360-lead-modal__grid label {
    color: #cbd5e1;
}

body:has(.am360-dash.is-night-mode) .am360-lead-modal__grid input,
body:has(.am360-dash.is-night-mode) .am360-lead-modal__grid select,
body:has(.am360-dash.is-night-mode) .am360-lead-modal__grid textarea {
    border-color: rgba(148, 163, 184, 0.22);
    background: #020617;
    color: #f8fafc;
}

body:has(.am360-dash.is-night-mode) .am360-confirm-icon,
body:has(.am360-dash.is-night-mode) .am360-modal-overlay.is-warning .am360-confirm-icon,
body:has(.am360-dash.is-night-mode) .am360-modal-overlay.is-error .am360-confirm-icon {
    background: #020617;
    color: #f8fafc;
}

.am360-dash.is-night-mode .am360-stats--business article,
.am360-dash.is-night-mode .am360-business-grid .am360-kpi-section,
.am360-dash.is-night-mode .am360-charts .am360-chart-card {
    background: #111827 !important;
    border: 1px solid rgba(148, 163, 184, 0.2) !important;
    color: #f8fafc !important;
    box-shadow: none !important;
}

.am360-dash.is-night-mode .am360-stats--business article span,
.am360-dash.is-night-mode .am360-stats--business article small,
.am360-dash.is-night-mode .am360-kpi-section span,
.am360-dash.is-night-mode .am360-kpi-section p {
    color: #cbd5e1 !important;
}

.am360-dash.is-night-mode .am360-stats--business article strong,
.am360-dash.is-night-mode .am360-kpi-section h3 {
    color: #f8fafc !important;
}

.am360-dash.is-night-mode .am360-kpi-section button {
    border-color: rgba(248, 250, 252, 0.22) !important;
    background: #0b0f17 !important;
    color: #f8fafc !important;
}

.am360-dash.is-night-mode .am360-kpi-section button:hover {
    background: #f8fafc !important;
    color: #111827 !important;
}

.am360-dash.is-night-mode .am360-dash__brand,
.am360-dash.is-night-mode .am360-dash__topbar {
    border-color: rgba(148, 163, 184, 0.16) !important;
}

.am360-dash.is-night-mode .am360-dash__brand strong,
.am360-dash.is-night-mode .am360-dash__brand span {
    color: #f8fafc !important;
}

.am360-dash.is-night-mode .am360-nav-group > span {
    color: #94a3b8 !important;
}

.am360-dash.is-night-mode .am360-global-search kbd {
    background: #1e293b !important;
    color: #cbd5e1 !important;
}

/* Builder inner tabs only: avoid leaking button rules into form controls. */
.am360-dash.is-builder-mode .am360-live-builder__editor [data-section-block] > .am360-section-tabs {
    position: relative !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 12px 0 !important;
    padding: 0 !important;
    border: 1px solid rgba(15, 23, 42, 0.1) !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}

.am360-dash.is-builder-mode .am360-live-builder__editor [data-section-block] > .am360-section-tabs > span {
    position: absolute !important;
    inset: 0 auto 0 0 !important;
    z-index: 0 !important;
    width: 50% !important;
    background: #111827 !important;
    transform: translateX(0) !important;
    transition: transform 0.18s ease !important;
}

.am360-dash.is-builder-mode .am360-live-builder__editor [data-section-block] > .am360-section-tabs.is-style > span {
    transform: translateX(100%) !important;
}

.am360-dash.is-builder-mode .am360-live-builder__editor [data-section-block] > .am360-section-tabs > button {
    display: flex !important;
    position: relative !important;
    z-index: 1 !important;
    grid-column: auto !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-right: 1px solid rgba(15, 23, 42, 0.1) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #4b5563 !important;
    box-shadow: none !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.am360-dash.is-builder-mode .am360-live-builder__editor [data-section-block] > .am360-section-tabs > button[data-section-tab="content"] {
    grid-column: 1 !important;
}

.am360-dash.is-builder-mode .am360-live-builder__editor [data-section-block] > .am360-section-tabs > button[data-section-tab="style"] {
    grid-column: 2 !important;
}

.am360-dash.is-builder-mode .am360-live-builder__editor [data-section-block] > .am360-section-tabs > button:last-child {
    border-right: 0 !important;
}

.am360-dash.is-builder-mode .am360-live-builder__editor [data-section-block] > .am360-section-tabs > button.is-active {
    background: transparent !important;
    color: #fff !important;
}

/* Hard lock switch labels to exact halves, independent from form button rules. */
.am360-builder-switch > button[data-builder-tab] {
    position: absolute !important;
    top: 5px !important;
    bottom: 5px !important;
    z-index: 2 !important;
    display: flex !important;
    width: calc(50% - 5px) !important;
    min-width: 0 !important;
    min-height: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 14px !important;
    text-align: center !important;
}

.am360-builder-switch > button[data-builder-tab="landing"] {
    left: 5px !important;
}

.am360-builder-switch > button[data-builder-tab="thankyou"] {
    left: 50% !important;
}

.am360-dash.is-builder-mode .am360-live-builder__editor [data-section-block] > .am360-section-tabs > button[data-section-tab] {
    position: absolute !important;
    top: 0 !important;
    bottom: 0 !important;
    z-index: 2 !important;
    display: flex !important;
    width: 50% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 12px !important;
    text-align: center !important;
}

.am360-dash.is-builder-mode .am360-live-builder__editor [data-section-block] > .am360-section-tabs > button[data-section-tab="content"] {
    left: 0 !important;
}

.am360-dash.is-builder-mode .am360-live-builder__editor [data-section-block] > .am360-section-tabs > button[data-section-tab="style"] {
    left: 50% !important;
}

/* Final switch repair: buttons stay in layout; only the active background moves. */
.am360-builder-switch > button[data-builder-tab] {
    position: relative !important;
    inset: auto !important;
    grid-row: 1 !important;
    display: flex !important;
    width: 100% !important;
    height: auto !important;
    min-height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.am360-builder-switch > button[data-builder-tab="landing"] {
    grid-column: 1 !important;
    left: auto !important;
}

.am360-builder-switch > button[data-builder-tab="thankyou"] {
    grid-column: 2 !important;
    left: auto !important;
}

.am360-dash.is-builder-mode .am360-live-builder__editor [data-section-block] > .am360-section-tabs {
    min-height: 48px !important;
}

.am360-dash.is-builder-mode .am360-live-builder__editor [data-section-block] > .am360-section-tabs > button[data-section-tab] {
    position: relative !important;
    inset: auto !important;
    grid-row: 1 !important;
    display: flex !important;
    width: 100% !important;
    height: auto !important;
    min-height: 48px !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.am360-dash.is-builder-mode .am360-live-builder__editor [data-section-block] > .am360-section-tabs > button[data-section-tab="content"] {
    grid-column: 1 !important;
    left: auto !important;
}

.am360-dash.is-builder-mode .am360-live-builder__editor [data-section-block] > .am360-section-tabs > button[data-section-tab="style"] {
    grid-column: 2 !important;
    left: auto !important;
}

/* Repair section tabs: the decorative slider can drift behind the wrong half. */
.am360-dash.is-builder-mode .am360-live-builder__editor [data-section-block] > .am360-section-tabs > span {
    display: none !important;
}

.am360-dash.is-builder-mode .am360-live-builder__editor [data-section-block] > .am360-section-tabs {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-auto-flow: column !important;
    align-items: stretch !important;
    justify-items: stretch !important;
}

.am360-dash.is-builder-mode .am360-live-builder__editor [data-section-block] > .am360-section-tabs > button[data-section-tab] {
    display: flex !important;
    position: relative !important;
    inset: auto !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 48px !important;
    box-sizing: border-box !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0 !important;
    background: transparent !important;
}

.am360-dash.is-builder-mode .am360-live-builder__editor [data-section-block] > .am360-section-tabs > button[data-section-tab="content"] {
    grid-column: 1 !important;
}

.am360-dash.is-builder-mode .am360-live-builder__editor [data-section-block] > .am360-section-tabs > button[data-section-tab="style"] {
    grid-column: 2 !important;
}

.am360-dash:not(.is-night-mode).is-builder-mode .am360-live-builder__editor [data-section-block] > .am360-section-tabs > button[data-section-tab].is-active {
    background: #111827 !important;
    color: #fff !important;
}

.am360-dash.is-night-mode.is-builder-mode .am360-live-builder__editor [data-section-block] > .am360-section-tabs > button[data-section-tab].is-active {
    background: #f8fafc !important;
    color: #111827 !important;
}

/* Repair builder page switch: two real equal columns, no drifting slider. */
.am360-builder-switch > span {
    display: none !important;
}

.am360-builder-switch {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: stretch !important;
    justify-items: stretch !important;
}

.am360-builder-switch > button[data-builder-tab] {
    display: flex !important;
    position: relative !important;
    inset: auto !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 42px !important;
    box-sizing: border-box !important;
    align-self: stretch !important;
    justify-self: stretch !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 18px !important;
    text-align: center !important;
    white-space: normal !important;
    background: transparent !important;
}

.am360-builder-switch > button[data-builder-tab="landing"] {
    grid-column: 1 !important;
}

.am360-builder-switch > button[data-builder-tab="thankyou"] {
    grid-column: 2 !important;
}

.am360-builder-switch > button[data-builder-tab].is-active {
    background: #111827 !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(17, 24, 39, 0.16) !important;
}

.am360-dash.is-night-mode .am360-builder-switch > button[data-builder-tab].is-active {
    background: #f8fafc !important;
    color: #111827 !important;
}

/* Mobile topbar: keep controls readable instead of squeezing them in one row. */
@media (max-width: 900px) {
    .am360-mobile-nav-tools {
        display: grid !important;
        margin-top: auto !important;
        padding-top: 14px !important;
        border-top: 1px solid rgba(15, 23, 42, 0.08) !important;
    }

    .am360-mobile-nav-tools button {
        justify-content: flex-start !important;
    }

    .am360-dash__topbar .am360-theme-toggle,
    .am360-dash__topbar .am360-tour-launch {
        display: none !important;
    }

    .am360-dash__topbar {
        display: grid !important;
        grid-template-columns: 44px minmax(0, 1fr) !important;
        grid-template-areas:
            "menu search"
            "actions actions" !important;
        gap: 8px !important;
        min-height: 0 !important;
        padding: 8px 10px !important;
        align-items: center !important;
        overflow: hidden !important;
    }

    .am360-dash__menu-toggle {
        grid-area: menu !important;
        width: 44px !important;
        height: 44px !important;
        border-radius: 14px !important;
    }

    .am360-global-search {
        grid-area: search !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 44px !important;
        padding: 0 12px !important;
        gap: 9px !important;
        border-radius: 16px !important;
    }

    .am360-global-search input {
        min-width: 0 !important;
        width: 100% !important;
        font-size: 14px !important;
    }

    .am360-global-search input::placeholder {
        color: #7b8491 !important;
    }

    .am360-global-search kbd {
        display: none !important;
    }

    .am360-dash__user {
        display: none !important;
        min-width: 0 !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        margin-left: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    .am360-dash__user::-webkit-scrollbar {
        display: none !important;
    }

    .am360-dash__user strong,
    .am360-dash__user a,
    .am360-dash__avatar {
        display: none !important;
    }

    .am360-theme-toggle,
    .am360-tour-launch {
        min-height: 44px !important;
        height: 44px !important;
        border-radius: 16px !important;
        padding: 0 14px !important;
        white-space: nowrap !important;
    }

    .am360-theme-toggle {
        min-width: 90px !important;
        justify-content: center !important;
    }

    .am360-topbar-actions {
        grid-area: actions !important;
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        border-left: 0 !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    .am360-topbar-actions::-webkit-scrollbar {
        display: none !important;
    }

    .am360-topbar-actions:empty {
        display: none !important;
    }

    .am360-topbar-actions button {
        flex: 0 0 auto !important;
        min-height: 40px !important;
        padding: 0 14px !important;
        border: 1px solid rgba(15, 23, 42, 0.1) !important;
        border-radius: 14px !important;
        background: #fff !important;
        font-size: 13px !important;
    }
}

@media (max-width: 430px) {
    .am360-dash__topbar {
        grid-template-columns: 44px minmax(0, 1fr) !important;
        gap: 7px !important;
        padding: 8px !important;
    }
}

@media (max-width: 520px) {
    .am360-dash__topbar {
        grid-template-columns: 44px minmax(0, 1fr) !important;
        grid-template-areas:
            "menu search"
            "actions actions" !important;
    }
}

/* Mobile drawer final lock: avoid older horizontal-nav rules leaking in. */
@media (max-width: 900px) {
    .am360-dash {
        position: relative !important;
        overflow-x: hidden !important;
    }

    .am360-dash::before {
        content: "" !important;
        position: fixed !important;
        inset: 0 !important;
        z-index: 58 !important;
        display: none !important;
        background: rgba(15, 23, 42, 0.38) !important;
        backdrop-filter: blur(2px) !important;
        -webkit-backdrop-filter: blur(2px) !important;
    }

    .am360-dash.is-nav-open::before {
        display: block !important;
    }

    .am360-dash__nav {
        position: fixed !important;
        inset: 0 auto 0 0 !important;
        z-index: 60 !important;
        display: flex !important;
        width: min(82vw, 340px) !important;
        max-width: calc(100vw - 54px) !important;
        height: 100vh !important;
        min-height: 100vh !important;
        flex-direction: column !important;
        align-items: stretch !important;
        gap: 0 !important;
        padding: 18px 14px 22px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        border-right: 1px solid rgba(15, 23, 42, 0.08) !important;
        border-bottom: 0 !important;
        background: #fff !important;
        box-shadow: 18px 0 60px rgba(15, 23, 42, 0.22) !important;
        transform: translateX(-104%) !important;
        transition: transform 0.22s ease !important;
    }

    .am360-dash.is-nav-open .am360-dash__nav {
        transform: translateX(0) !important;
    }

    .am360-dash__brand {
        width: 100% !important;
        min-width: 0 !important;
        flex: 0 0 auto !important;
        margin: 0 0 18px !important;
        padding: 0 4px 16px !important;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
    }

    .am360-dash__logo {
        max-width: min(220px, 78%) !important;
        max-height: 86px !important;
    }

    .am360-nav-group {
        display: grid !important;
        width: 100% !important;
        min-width: 0 !important;
        gap: 5px !important;
        margin: 0 0 14px !important;
    }

    .am360-nav-group > span {
        display: block !important;
        padding: 10px 8px 4px !important;
        color: #cbd5e1 !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        letter-spacing: 0.18em !important;
        text-transform: uppercase !important;
    }

    .am360-dash__nav button {
        display: flex !important;
        width: 100% !important;
        min-height: 46px !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        margin: 0 !important;
        padding: 0 14px !important;
        border-radius: 14px !important;
        color: #374151 !important;
        white-space: nowrap !important;
    }

    .am360-mobile-logout {
        display: flex !important;
        width: 100% !important;
        min-height: 46px !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        margin: 0 !important;
        padding: 0 14px !important;
        border-radius: 14px !important;
        color: #374151 !important;
        font-size: 14px !important;
        font-weight: 650 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
    }

    .am360-mobile-logout:hover {
        background: #f4f1ea !important;
        color: #111827 !important;
    }

    .am360-dash__nav button > span:not(.am360-menu-badge) {
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .am360-mobile-logout > span {
        min-width: 0 !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    .am360-dash__nav button.is-active {
        background: #111827 !important;
        color: #fff !important;
    }
}

/* Mobile secondary action bar: integrated buttons, no isolated pill borders. */
@media (max-width: 900px) {
    .am360-form-actions {
        top: 60px !important;
        display: flex !important;
        min-height: 56px !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: stretch !important;
        margin: 0 0 10px !important;
        border: 1px solid rgba(15, 23, 42, 0.08) !important;
        border-radius: 0 !important;
        background: #fff !important;
        box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06) !important;
        overflow: hidden !important;
    }

    .am360-form-actions__buttons {
        display: grid !important;
        grid-auto-flow: column !important;
        grid-auto-columns: minmax(0, 1fr) !important;
        width: 100% !important;
        min-height: 56px !important;
        align-items: stretch !important;
        gap: 0 !important;
        flex-wrap: nowrap !important;
    }

    .am360-settings-form .am360-form-actions button,
    .am360-settings-form .am360-form-actions .am360-secondary-btn {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        height: 100% !important;
        min-height: 56px !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 14px !important;
        border: 0 !important;
        border-right: 1px solid rgba(15, 23, 42, 0.08) !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #111827 !important;
        font-size: 14px !important;
        font-weight: 900 !important;
        line-height: 1.15 !important;
        text-align: center !important;
        white-space: normal !important;
    }

    .am360-settings-form .am360-form-actions button:last-child {
        border-right: 0 !important;
    }

    .am360-settings-form .am360-form-actions button:hover {
        background: rgba(15, 23, 42, 0.04) !important;
    }

    .am360-form-actions [data-save-status] {
        min-height: 38px !important;
        padding: 0 14px !important;
        border-top: 1px solid rgba(15, 23, 42, 0.08) !important;
        background: #f8fafc !important;
    }
}

/* Desktop topbar user tools: integrated quick actions with vertical dividers. */
@media (min-width: 901px) {
    .am360-dash__user {
        align-self: stretch !important;
        display: inline-flex !important;
        align-items: stretch !important;
        gap: 0 !important;
        margin-left: auto !important;
        border-left: 1px solid rgba(15, 23, 42, 0.08) !important;
    }

    .am360-dash__user > * {
        border-right: 1px solid rgba(15, 23, 42, 0.08) !important;
    }

    .am360-theme-toggle,
    .am360-tour-launch,
    .am360-dash__user a {
        display: inline-flex !important;
        min-height: 58px !important;
        height: 58px !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        margin: 0 !important;
        padding: 0 20px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: #111827 !important;
        font-size: 14px !important;
        font-weight: 900 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
    }

    .am360-theme-toggle:hover,
    .am360-tour-launch:hover,
    .am360-dash__user a:hover {
        background: rgba(15, 23, 42, 0.04) !important;
    }

    .am360-dash__avatar {
        align-self: center !important;
        width: 34px !important;
        height: 34px !important;
        margin: 0 14px !important;
    }

    .am360-dash__user strong {
        display: inline-flex !important;
        min-height: 58px !important;
        align-items: center !important;
        padding: 0 18px 0 4px !important;
        color: #111827 !important;
        font-size: 14px !important;
        font-weight: 900 !important;
    }

    .am360-dash.is-night-mode .am360-dash__user {
        border-left-color: rgba(148, 163, 184, 0.22) !important;
    }

    .am360-dash.is-night-mode .am360-dash__user > * {
        border-right-color: rgba(148, 163, 184, 0.22) !important;
    }

    .am360-dash.is-night-mode .am360-theme-toggle,
    .am360-dash.is-night-mode .am360-tour-launch,
    .am360-dash.is-night-mode .am360-dash__user a,
    .am360-dash.is-night-mode .am360-dash__user strong {
        background: transparent !important;
        color: #f8fafc !important;
    }

    .am360-dash.is-night-mode .am360-theme-toggle:hover,
    .am360-dash.is-night-mode .am360-tour-launch:hover,
    .am360-dash.is-night-mode .am360-dash__user a:hover {
        background: rgba(248, 250, 252, 0.08) !important;
        color: #ffffff !important;
    }
}

/* Final desktop topbar lock: keep quick actions and user tools as one compact group. */
@media (min-width: 901px) {
    .am360-dash__topbar {
        gap: 0 !important;
        overflow: hidden !important;
    }

    .am360-global-search {
        flex: 0 1 460px !important;
        min-width: 180px !important;
        margin-right: 12px !important;
    }

    .am360-topbar-actions {
        flex: 0 1 auto !important;
        max-width: min(50vw, 760px) !important;
        margin-left: auto !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important;
    }

    .am360-topbar-actions::-webkit-scrollbar {
        display: none !important;
    }

    .am360-topbar-actions + .am360-dash__user,
    .am360-topbar-actions:not(:empty) + .am360-dash__user {
        flex: 0 0 auto !important;
        margin-left: 0 !important;
    }

    .am360-topbar-actions button,
    .am360-theme-toggle,
    .am360-tour-launch,
    .am360-dash__user a {
        padding-right: clamp(10px, 1vw, 18px) !important;
        padding-left: clamp(10px, 1vw, 18px) !important;
        font-size: clamp(12px, 0.82vw, 14px) !important;
    }

    .am360-dash__avatar {
        margin-right: 10px !important;
        margin-left: 10px !important;
    }

    .am360-dash__user strong {
        padding-right: clamp(10px, 1vw, 16px) !important;
        padding-left: 0 !important;
        font-size: clamp(12px, 0.82vw, 14px) !important;
    }
}

@media (min-width: 901px) and (max-width: 1320px) {
    .am360-topbar-actions {
        max-width: 46vw !important;
    }

    .am360-global-search {
        flex-basis: 360px !important;
        min-width: 150px !important;
        margin-right: 8px !important;
    }

    .am360-topbar-actions button,
    .am360-theme-toggle,
    .am360-tour-launch,
    .am360-dash__user a {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }
}

/* Final user menu alignment: natural button sizes, anchored from the right. */
@media (min-width: 901px) {
    .am360-dash__user {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
        margin-left: auto !important;
        justify-content: flex-end !important;
    }

    .am360-topbar-actions:not(:empty) + .am360-dash__user {
        margin-left: 0 !important;
    }

    .am360-topbar-actions:empty + .am360-dash__user {
        margin-left: auto !important;
    }

    .am360-dash__user > * {
        flex: 0 0 auto !important;
    }

    .am360-dash__user a {
        border-right: 0 !important;
    }
}

/* Final CRM mobile card lock, kept last so table rules cannot override it. */
@media (max-width: 900px) {
    [data-panel-content="prospects"] .am360-table-wrap,
    [data-panel-content="inscriptions"] .am360-table-wrap,
    [data-panel-content="payment_followups"] .am360-table-wrap {
        overflow: visible !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    [data-panel-content="prospects"] .am360-table,
    [data-panel-content="inscriptions"] .am360-table,
    [data-panel-content="payment_followups"] .am360-table,
    [data-panel-content="prospects"] .am360-table tbody,
    [data-panel-content="inscriptions"] .am360-table tbody,
    [data-panel-content="payment_followups"] .am360-table tbody {
        display: grid !important;
        width: 100% !important;
        gap: 12px !important;
    }

    [data-panel-content="prospects"] .am360-table thead,
    [data-panel-content="inscriptions"] .am360-table thead,
    [data-panel-content="payment_followups"] .am360-table thead {
        display: none !important;
    }

    [data-panel-content="prospects"] .am360-table tr,
    [data-panel-content="inscriptions"] .am360-table tr,
    [data-panel-content="payment_followups"] .am360-table tr {
        display: grid !important;
        grid-template-columns: 1fr !important;
        padding: 14px !important;
        border: 1px solid rgba(15, 23, 42, 0.08) !important;
        border-radius: 0 !important;
        background: #fff !important;
        box-shadow: 0 8px 22px rgba(15, 23, 42, 0.06) !important;
    }

    [data-panel-content="prospects"] .am360-table td,
    [data-panel-content="inscriptions"] .am360-table td,
    [data-panel-content="payment_followups"] .am360-table td {
        display: grid !important;
        grid-template-columns: minmax(86px, 34%) minmax(0, 1fr) !important;
        gap: 10px !important;
        align-items: center !important;
        padding: 10px 0 !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(15, 23, 42, 0.08) !important;
        text-align: left !important;
    }

    [data-panel-content="prospects"] .am360-table td::before,
    [data-panel-content="inscriptions"] .am360-table td::before,
    [data-panel-content="payment_followups"] .am360-table td::before {
        content: attr(data-label) !important;
        justify-self: start !important;
        text-align: left !important;
        color: #64748b !important;
        font-size: 11px !important;
        font-weight: 900 !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase !important;
    }

    [data-panel-content="prospects"] .am360-table td > *,
    [data-panel-content="inscriptions"] .am360-table td > *,
    [data-panel-content="payment_followups"] .am360-table td > * {
        justify-self: center !important;
        text-align: center !important;
    }

    [data-panel-content="prospects"] .am360-table td[data-label="Contact"],
    [data-panel-content="inscriptions"] .am360-table td[data-label="Contact"],
    [data-panel-content="payment_followups"] .am360-table td[data-label="Contact"] {
        grid-template-columns: 1fr !important;
        padding-top: 0 !important;
        text-align: left !important;
    }

    [data-panel-content="prospects"] .am360-table td[data-label="Contact"] > *,
    [data-panel-content="inscriptions"] .am360-table td[data-label="Contact"] > *,
    [data-panel-content="payment_followups"] .am360-table td[data-label="Contact"] > * {
        justify-self: start !important;
        text-align: left !important;
    }

    [data-panel-content="prospects"] .am360-table td[data-label="Contact"]::before,
    [data-panel-content="inscriptions"] .am360-table td[data-label="Contact"]::before,
    [data-panel-content="payment_followups"] .am360-table td[data-label="Contact"]::before {
        display: none !important;
    }

    [data-panel-content="prospects"] .am360-table td:last-child,
    [data-panel-content="inscriptions"] .am360-table td:last-child,
    [data-panel-content="payment_followups"] .am360-table td:last-child {
        border-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
}