/* ════════════════════════════════════════════════════════
   AMS Enterprise Experience Layer
   Global CSS-only modernization applied after component CSS.
   ════════════════════════════════════════════════════════ */

:root {
    color-scheme: light;
    --brand-50: #eef6ff;
    --brand-100: #d9ebff;
    --brand-200: #b8d8ff;
    --brand-300: #84baff;
    --brand-400: #4f97ff;
    --brand-500: #236dff;
    --brand-600: #184fe5;
    --brand-700: #183db8;
    --brand-800: #1a348f;
    --brand-900: #172f70;
    --accent-cyan: #0891b2;
    --accent-violet: #7c3aed;
    --accent-emerald: #059669;
    --accent-amber: #d97706;
    --accent-rose: #e11d48;
    --ink-950: #06111f;
    --ink-900: #0f172a;
    --ink-800: #1e293b;
    --ink-700: #334155;
    --ink-600: #475569;
    --ink-500: #64748b;
    --ink-400: #94a3b8;
    --ink-300: #cbd5e1;
    --ink-200: #e2e8f0;
    --ink-100: #f1f5f9;
    --ink-50: #f8fafc;
    --app-bg: #f5f7fb;
    --app-bg-accent: #edf3fb;
    --surface-card: #ffffff;
    --surface-raised: #f8fafc;
    --surface-input: #ffffff;
    --surface-hover: #f1f6ff;
    --surface-muted: #eef2f7;
    --border-color: #dde5f0;
    --border-dark: #c9d4e3;
    --text-primary: var(--ink-950);
    --text-secondary: var(--ink-700);
    --text-tertiary: var(--ink-600);
    --text-muted: var(--ink-500);
    --text-placeholder: var(--ink-400);
    --content-bg: var(--app-bg);
    --header-bg: rgba(255, 255, 255, .82);
    --header-border: rgba(203, 213, 225, .72);
    --nav-bg: #08111f;
    --nav-hover: rgba(255, 255, 255, .06);
    --nav-active: rgba(35, 109, 255, .18);
    --nav-border: rgba(148, 163, 184, .14);
    --nav-text: #91a4bd;
    --nav-text-hover: #f1f7ff;
    --nav-section-text: #60738e;
    --header-h: 64px;
    --content-pad: clamp(1rem, 2.3vw, 2rem);
    --font: "Inter", "Segoe UI Variable", "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono: "Cascadia Code", "SFMono-Regular", Consolas, monospace;
    --r-sm: .5rem;
    --r-md: .75rem;
    --r-lg: 1rem;
    --r-xl: 1.25rem;
    --r-2xl: 1.5rem;
    --r-full: 999px;
    --shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);
    --shadow-sm: 0 8px 24px rgba(15, 23, 42, .06);
    --shadow-md: 0 16px 40px rgba(15, 23, 42, .09);
    --shadow-lg: 0 24px 70px rgba(15, 23, 42, .14);
    --shadow-xl: 0 32px 90px rgba(15, 23, 42, .20);
    --ring: 0 0 0 4px rgba(35, 109, 255, .14);
    --success: #047857;
    --success-bg: #ecfdf5;
    --warning: #b45309;
    --warning-bg: #fffbeb;
    --danger: #be123c;
    --danger-bg: #fff1f2;
    --info: var(--brand-600);
    --info-bg: var(--brand-50);
    --um-primary: var(--brand-600);
    --um-primary-pale: var(--brand-50);
    --um-surface: var(--surface-card);
    --um-surface-raised: var(--surface-raised);
    --um-surface-hover: var(--surface-hover);
    --um-text-primary: var(--text-primary);
    --um-text-secondary: var(--text-secondary);
    --um-text-tertiary: var(--text-tertiary);
    --um-text-muted: var(--text-muted);
    --um-border: var(--border-color);
}

/* ════════════════════════════════════════════════════════
   Dark theme hardening layer
   Keep this near the end of enterprise.css so page-specific light
   backgrounds cannot bleed through KPIs, tabs, grids, search panels,
   cards, dialogs, and shared components.
   ════════════════════════════════════════════════════════ */
[data-theme="dark"],
.theme-dark {
    --dark-polish-bg: #071120;
    --dark-polish-bg-2: #0b1628;
    --dark-polish-card: #101a2b;
    --dark-polish-card-2: #0d1728;
    --dark-polish-card-3: #142238;
    --dark-polish-hover: #1a2a44;
    --dark-polish-border: rgba(148, 163, 184, .20);
    --dark-polish-border-2: rgba(148, 163, 184, .34);
    --dark-polish-text: #f8fafc;
    --dark-polish-text-2: #dbe5f2;
    --dark-polish-muted: #9ca8bc;
    --dark-polish-input: #0f1b2e;
}

[data-theme="dark"] body,
[data-theme="dark"] .ams-shell,
[data-theme="dark"] .ams-body,
[data-theme="dark"] .ams-content,
.theme-dark,
.theme-dark .ams-body,
.theme-dark .ams-content {
    background: linear-gradient(180deg, var(--dark-polish-bg-2), var(--dark-polish-bg)) !important;
    color: var(--dark-polish-text-2) !important;
}

[data-theme="dark"] :is(.modal,.modal-content,[class*="modal"],[class*="dialog"]) :is(.validation-message,.validation-errors,.field-validation-error,.text-danger),
.theme-dark :is(.modal,.modal-content,[class*="modal"],[class*="dialog"]) :is(.validation-message,.validation-errors,.field-validation-error,.text-danger),
body.dark :is(.modal,.modal-content,[class*="modal"],[class*="dialog"]) :is(.validation-message,.validation-errors,.field-validation-error,.text-danger) {
    display: block;
    width: max-content;
    max-width: 100%;
    margin-top: .28rem;
    padding: .24rem .5rem;
    border: 1px solid rgba(248, 113, 113, .34);
    border-radius: 999px;
    background: rgba(127, 29, 29, .18) !important;
    color: #fca5a5 !important;
    font-size: .72rem;
    font-weight: 850;
    line-height: 1.25;
    box-shadow: 0 8px 20px rgba(248, 113, 113, .18);
}

[data-theme="dark"] :is(.modal,.modal-content,[class*="modal"],[class*="dialog"]) :is(.validation-errors, ul.validation-errors),
.theme-dark :is(.modal,.modal-content,[class*="modal"],[class*="dialog"]) :is(.validation-errors, ul.validation-errors),
body.dark :is(.modal,.modal-content,[class*="modal"],[class*="dialog"]) :is(.validation-errors, ul.validation-errors) {
    width: 100%;
    border-radius: 14px;
    padding: .55rem .7rem;
    list-style-position: inside;
}

[data-theme="dark"] :is(.modal,.modal-content,[class*="modal"],[class*="dialog"]) :is(input,textarea,select,.form-control,.form-select,.um-input).invalid,
.theme-dark :is(.modal,.modal-content,[class*="modal"],[class*="dialog"]) :is(input,textarea,select,.form-control,.form-select,.um-input).invalid,
body.dark :is(.modal,.modal-content,[class*="modal"],[class*="dialog"]) :is(input,textarea,select,.form-control,.form-select,.um-input).invalid {
    border-color: rgba(248, 113, 113, .56) !important;
    background: rgba(15, 27, 46, .92) !important;
    color: #f8fafc !important;
    box-shadow: 0 0 0 3px rgba(248, 113, 113, .22) !important;
}

[data-theme="dark"] :is(
    .card,
    .card-body,
    .modal-content,
    .dropdown-menu,
    .offcanvas,
    .toast,
    .popover,
    .list-group-item,
    .accordion,
    .accordion-item,
    .accordion-button,
    .tab-content,
    .tab-pane,
    .nav-tabs,
    .nav-pills,
    .breadcrumb,
    .pagination .page-link
),
.theme-dark :is(
    .card,
    .card-body,
    .modal-content,
    .dropdown-menu,
    .offcanvas,
    .toast,
    .popover,
    .list-group-item,
    .accordion,
    .accordion-item,
    .accordion-button,
    .tab-content,
    .tab-pane,
    .nav-tabs,
    .nav-pills,
    .breadcrumb,
    .pagination .page-link
) {
    background-color: var(--dark-polish-card) !important;
    background-image: linear-gradient(145deg, rgba(20, 34, 56, .96), rgba(13, 23, 40, .96)) !important;
    border-color: var(--dark-polish-border) !important;
    color: var(--dark-polish-text-2) !important;
}

[data-theme="dark"] .login-form-header h2,
.theme-dark .login-form-header h2,
[data-theme="dark"] .login-form-header p,
.theme-dark .login-form-header p,
[data-theme="dark"] .login-field label,
.theme-dark .login-field label,
[data-theme="dark"] .login-label-row label,
.theme-dark .login-label-row label,
[data-theme="dark"] .login-check,
.theme-dark .login-check {
    color: var(--dark-polish-text) !important;
}

[data-theme="dark"] .login-form-header p,
.theme-dark .login-form-header p,
[data-theme="dark"] .login-field-hint,
.theme-dark .login-field-hint,
[data-theme="dark"] .login-options-note,
.theme-dark .login-options-note,
[data-theme="dark"] .login-footer-note,
.theme-dark .login-footer-note,
[data-theme="dark"] .login-support-card span,
.theme-dark .login-support-card span {
    color: var(--dark-polish-text-2) !important;
}

[data-theme="dark"] .login-form-kicker,
.theme-dark .login-form-kicker,
[data-theme="dark"] .login-label-row a,
.theme-dark .login-label-row a {
    color: #93c5fd !important;
}

[data-theme="dark"] :is(
    .active,
    .show,
    .nav-link.active,
    .dropdown-item.active,
    .page-item.active .page-link,
    .e-active,
    .e-selected,
    [aria-selected="true"]
),
.theme-dark :is(
    .active,
    .show,
    .nav-link.active,
    .dropdown-item.active,
    .page-item.active .page-link,
    .e-active,
    .e-selected,
    [aria-selected="true"]
) {
    background-color: rgba(35, 109, 255, .20) !important;
    background-image: linear-gradient(145deg, rgba(35, 109, 255, .25), rgba(8, 145, 178, .16)) !important;
    border-color: rgba(96, 165, 250, .48) !important;
    color: var(--dark-polish-text) !important;
}

[data-theme="dark"] :is(
    input,
    select,
    textarea,
    button:not(.btn-primary):not([class*="primary"]),
    .form-control,
    .form-select,
    .input-group-text,
    .btn-light,
    .btn-outline-secondary,
    .btn-outline-dark,
    .um-input,
    .um-select,
    .um-btn-ghost
),
.theme-dark :is(
    input,
    select,
    textarea,
    button:not(.btn-primary):not([class*="primary"]),
    .form-control,
    .form-select,
    .input-group-text,
    .btn-light,
    .btn-outline-secondary,
    .btn-outline-dark,
    .um-input,
    .um-select,
    .um-btn-ghost
) {
    background-color: var(--dark-polish-input) !important;
    background-image: none !important;
    border-color: var(--dark-polish-border-2) !important;
    color: var(--dark-polish-text) !important;
}

[data-theme="dark"] :is(input, select, textarea, .form-control, .form-select)::placeholder,
.theme-dark :is(input, select, textarea, .form-control, .form-select)::placeholder {
    color: var(--dark-polish-muted) !important;
}

[data-theme="dark"] :is(table, thead, tbody, tr, th, td, .table, [class*="table"], [class*="grid"]),
.theme-dark :is(table, thead, tbody, tr, th, td, .table, [class*="table"], [class*="grid"]) {
    background-color: var(--dark-polish-card-2) !important;
    background-image: none !important;
    border-color: var(--dark-polish-border) !important;
    color: var(--dark-polish-text-2) !important;
}

[data-theme="dark"] :is(thead, th, .table-light, [class*="thead"], [class*="modal-header"], [class*="detail-head"]),
.theme-dark :is(thead, th, .table-light, [class*="thead"], [class*="modal-header"], [class*="detail-head"]) {
    background-color: var(--dark-polish-card-3) !important;
    color: var(--dark-polish-text) !important;
}

[data-theme="dark"] :is(tbody tr:hover, .table-hover tbody tr:hover, [class*="row"]:hover),
.theme-dark :is(tbody tr:hover, .table-hover tbody tr:hover, [class*="row"]:hover) {
    background-color: rgba(96, 165, 250, .10) !important;
}

[data-theme="dark"] :is(
    .e-control,
    .e-grid,
    .e-gridheader,
    .e-headercell,
    .e-rowcell,
    .e-table,
    .e-content,
    .e-dialog,
    .e-dlg-content,
    .e-dropdownbase,
    .e-input-group,
    .e-control-wrapper,
    .e-tab,
    .e-tab-header,
    .e-toolbar,
    .e-toolbar-items,
    .e-toolbar-item,
    .e-tab-wrap
),
.theme-dark :is(
    .e-control,
    .e-grid,
    .e-gridheader,
    .e-headercell,
    .e-rowcell,
    .e-table,
    .e-content,
    .e-dialog,
    .e-dlg-content,
    .e-dropdownbase,
    .e-input-group,
    .e-control-wrapper,
    .e-tab,
    .e-tab-header,
    .e-toolbar,
    .e-toolbar-items,
    .e-toolbar-item,
    .e-tab-wrap
) {
    background-color: var(--dark-polish-card) !important;
    background-image: none !important;
    border-color: var(--dark-polish-border) !important;
    color: var(--dark-polish-text-2) !important;
}

[data-theme="dark"] :is(
    h1, h2, h3, h4, h5, h6,
    strong,
    label,
    .modal-title,
    [class*="title"],
    [class*="value"],
    [class*="val"]
),
.theme-dark :is(
    h1, h2, h3, h4, h5, h6,
    strong,
    label,
    .modal-title,
    [class*="title"],
    [class*="value"],
    [class*="val"]
) {
    color: var(--dark-polish-text) !important;
}

[data-theme="dark"] :is(
    small,
    .text-muted,
    .form-text,
    [class*="caption"],
    [class*="meta"],
    [class*="muted"],
    [class*="subtitle"],
    [class*="description"]
),
.theme-dark :is(
    small,
    .text-muted,
    .form-text,
    [class*="caption"],
    [class*="meta"],
    [class*="muted"],
    [class*="subtitle"],
    [class*="description"]
) {
    color: var(--dark-polish-muted) !important;
}

/* CRM dark-mode route hardening: remove light page surfaces without changing layout. */
[data-theme="dark"] .ams-crm-route,
.theme-dark .ams-crm-route {
    background: linear-gradient(180deg, var(--dark-polish-bg-2), var(--dark-polish-bg)) !important;
    color: var(--dark-polish-text-2) !important;
}

[data-theme="dark"] .ams-crm-route :is(
    .ld-enterprise-page,
    .la-enterprise-page,
    .sg-enterprise-page,
    .sr-enterprise-page,
    .op-enterprise-page,
    .opb-enterprise-page,
    .opn-enterprise-page,
    .od-enterprise-page,
    .ef-enterprise-page,
    .lf-enterprise-page,
    .ls-enterprise-page,
    .ldup-enterprise-page,
    .dup-enterprise-page,
    .enr-enterprise-page,
    .fce-enterprise-page,
    .fce-page,
    .pr-enterprise-page,
    .pcx-enterprise-page,
    .map-enterprise-page,
    .cmp-enterprise-page,
    .ldd-page-shell,
    .acc-page,
    .map-page,
    .pcx-page,
    .cmp-page,
    .pf-page,
    .qd-page,
    .form-shell,
    .um-settings-container
),
.theme-dark .ams-crm-route :is(
    .ld-enterprise-page,
    .la-enterprise-page,
    .sg-enterprise-page,
    .sr-enterprise-page,
    .op-enterprise-page,
    .opb-enterprise-page,
    .opn-enterprise-page,
    .od-enterprise-page,
    .ef-enterprise-page,
    .lf-enterprise-page,
    .ls-enterprise-page,
    .ldup-enterprise-page,
    .dup-enterprise-page,
    .enr-enterprise-page,
    .fce-enterprise-page,
    .fce-page,
    .pr-enterprise-page,
    .pcx-enterprise-page,
    .map-enterprise-page,
    .cmp-enterprise-page,
    .ldd-page-shell,
    .acc-page,
    .map-page,
    .pcx-page,
    .cmp-page,
    .pf-page,
    .qd-page,
    .form-shell,
    .um-settings-container
) {
    background: linear-gradient(180deg, var(--dark-polish-bg-2), var(--dark-polish-bg)) !important;
    color: var(--dark-polish-text-2) !important;
}

[data-theme="dark"] .ams-crm-route :is(
    [class*="-kpi-strip"],
    [class*="-main-card"],
    [class*="-detail-card"],
    [class*="-detail-panel"],
    [class*="-grid-card"],
    [class*="-panel"],
    [class*="-shell"],
    [class*="-inspector"],
    [class*="-board-col"],
    [class*="-board-card"],
    [class*="-view-tabs"],
    [class*="-view-btn"],
    [class*="-filter-panel"],
    [class*="-empty-state"],
    [class*="-loading-state"],
    [class*="-detail-empty"],
    [class*="-timeline-card"],
    [class*="-timeline-row"],
    [class*="-producer-card"],
    [class*="-owner-card"],
    [class*="-risk-card"],
    [class*="-scenario-card"],
    [class*="-review-item"],
    [class*="-submit-panel"],
    [class*="-note-card"],
    [class*="-rules-card"],
    [class*="-spotlight-card"],
    [class*="-guidance-card"],
    [class*="-category-card"],
    [class*="-analytics-grid"] section,
    [class*="-analytics-panel"],
    [class*="-analytics-list"] button,
    [class*="-rank-row"],
    [class*="-priority-row"],
    [class*="-detail-summary"] > div,
    [class*="-card-stats"] > div,
    [class*="-insight-grid"] > div,
    [class*="-detail-actions"],
    [class*="-contact-card"],
    [class*="-form-banner"],
    [class*="-modal"],
    [class*="-confirm"],
    .um-settings-card,
    .um-settings-card__header,
    .um-settings-card__body,
    .e-card,
    .e-dialog,
    .e-dlg-content,
    .e-grid,
    .e-content
),
.theme-dark .ams-crm-route :is(
    [class*="-kpi-strip"],
    [class*="-main-card"],
    [class*="-detail-card"],
    [class*="-detail-panel"],
    [class*="-grid-card"],
    [class*="-panel"],
    [class*="-shell"],
    [class*="-inspector"],
    [class*="-board-col"],
    [class*="-board-card"],
    [class*="-view-tabs"],
    [class*="-view-btn"],
    [class*="-filter-panel"],
    [class*="-empty-state"],
    [class*="-loading-state"],
    [class*="-detail-empty"],
    [class*="-timeline-card"],
    [class*="-timeline-row"],
    [class*="-producer-card"],
    [class*="-owner-card"],
    [class*="-risk-card"],
    [class*="-scenario-card"],
    [class*="-review-item"],
    [class*="-submit-panel"],
    [class*="-note-card"],
    [class*="-rules-card"],
    [class*="-spotlight-card"],
    [class*="-guidance-card"],
    [class*="-category-card"],
    [class*="-analytics-grid"] section,
    [class*="-analytics-panel"],
    [class*="-analytics-list"] button,
    [class*="-rank-row"],
    [class*="-priority-row"],
    [class*="-detail-summary"] > div,
    [class*="-card-stats"] > div,
    [class*="-insight-grid"] > div,
    [class*="-detail-actions"],
    [class*="-contact-card"],
    [class*="-form-banner"],
    [class*="-modal"],
    [class*="-confirm"],
    .um-settings-card,
    .um-settings-card__header,
    .um-settings-card__body,
    .e-card,
    .e-dialog,
    .e-dlg-content,
    .e-grid,
    .e-content
) {
    background-color: var(--dark-polish-card) !important;
    background-image: linear-gradient(145deg, rgba(20, 34, 56, .96), rgba(13, 23, 40, .96)) !important;
    border-color: var(--dark-polish-border) !important;
    color: var(--dark-polish-text-2) !important;
}

.ams-crm-route :is([class*="-workflow-strip"]) {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.ams-crm-route :is(.opportunity-search-panel .um-search-box, .opportunity-search-box.um-search-box, .opportunity-search-box .um-search-input) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.ams-crm-route :is([class*="-kpi-strip"]) {
    display: grid;
    gap: .85rem;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Proposal Builder: readable text on dark blue proposal surfaces. */
.ams-content .pb-white-on-dark :is(h1, p, strong, span, small, i),
.ams-content .pb-white-table-header th,
.ams-content .pb-white-table-header th * {
    color: #ffffff !important;
}

.ams-crm-route :is([class*="-workflow-card"]) {
    border: 1px solid rgba(148, 163, 184, .2) !important;
    border-radius: 1rem !important;
    padding: .8rem .95rem !important;
    background: rgba(255, 255, 255, .72) !important;
    background-image: none !important;
    box-shadow: none !important;
}

.ams-crm-route :is([class*="-kpi-card"]) {
    border: 1px solid rgba(148, 163, 184, .2) !important;
    border-radius: 1rem !important;
    padding: .9rem 1rem !important;
    background: rgba(255, 255, 255, .76) !important;
    background-image: none !important;
    box-shadow: none !important;
}

.ams-crm-route :is([class*="-main-card"], [class*="-detail-card"], [class*="-grid-card"], [class*="-table-scroll"], [class*="-board-col"], [class*="-board-card"], [class*="-timeline-card"], [class*="-producer-card"], [class*="-queue-section"], [class*="-calendar-day"], [class*="-calendar-detail"], [class*="-analytics-grid"] section, [class*="-rule-card"], [class*="-history-item"], [class*="-lead-card"], [class*="-contact-card"], [class*="-mini-empty"], [class*="-empty-state"], [class*="-loading"], .ldd-command-card, .ldd-kpi-card, .ldd-card, .ldd-panel, .ldd-convert-section, .ldd-contact-card, .ldd-identity-card) {
    border-color: rgba(148, 163, 184, .22) !important;
    background: rgba(255, 255, 255, .86) !important;
    background-image: none !important;
    box-shadow: none !important;
}

.ams-crm-route :is([class*="-detail-head"], [class*="-modal-header"], [class*="-modal-footer"], [class*="-pager"]) {
    background: rgba(248, 250, 252, .86) !important;
    background-image: none !important;
    border-color: rgba(148, 163, 184, .18) !important;
}

.ams-crm-route :is([class*="-kpi-card"]::before, [class*="-kpi-card"]::after) {
    display: none !important;
}

[data-theme="dark"] .ams-crm-route :is([class*="-kpi-card"], [class*="-main-card"], [class*="-detail-card"], [class*="-grid-card"], [class*="-table-scroll"], [class*="-board-col"], [class*="-board-card"], [class*="-timeline-card"], [class*="-producer-card"], [class*="-queue-section"], [class*="-calendar-day"], [class*="-calendar-detail"], [class*="-analytics-grid"] section, [class*="-rule-card"], [class*="-history-item"], [class*="-lead-card"], [class*="-contact-card"], [class*="-mini-empty"], [class*="-empty-state"], [class*="-loading"], .ldd-command-card, .ldd-kpi-card, .ldd-card, .ldd-panel, .ldd-convert-section, .ldd-contact-card, .ldd-identity-card),
.theme-dark .ams-crm-route :is([class*="-kpi-card"], [class*="-main-card"], [class*="-detail-card"], [class*="-grid-card"], [class*="-table-scroll"], [class*="-board-col"], [class*="-board-card"], [class*="-timeline-card"], [class*="-producer-card"], [class*="-queue-section"], [class*="-calendar-day"], [class*="-calendar-detail"], [class*="-analytics-grid"] section, [class*="-rule-card"], [class*="-history-item"], [class*="-lead-card"], [class*="-contact-card"], [class*="-mini-empty"], [class*="-empty-state"], [class*="-loading"], .ldd-command-card, .ldd-kpi-card, .ldd-card, .ldd-panel, .ldd-convert-section, .ldd-contact-card, .ldd-identity-card),
body.dark .ams-crm-route :is([class*="-kpi-card"], [class*="-main-card"], [class*="-detail-card"], [class*="-grid-card"], [class*="-table-scroll"], [class*="-board-col"], [class*="-board-card"], [class*="-timeline-card"], [class*="-producer-card"], [class*="-queue-section"], [class*="-calendar-day"], [class*="-calendar-detail"], [class*="-analytics-grid"] section, [class*="-rule-card"], [class*="-history-item"], [class*="-lead-card"], [class*="-contact-card"], [class*="-mini-empty"], [class*="-empty-state"], [class*="-loading"], .ldd-command-card, .ldd-kpi-card, .ldd-card, .ldd-panel, .ldd-convert-section, .ldd-contact-card, .ldd-identity-card),
html.ams-crm-route .theme-dark .ams-content :is([class*="-kpi-card"], [class*="-main-card"], [class*="-detail-card"], [class*="-grid-card"], [class*="-table-scroll"], [class*="-board-col"], [class*="-board-card"], [class*="-timeline-card"], [class*="-producer-card"], [class*="-queue-section"], [class*="-calendar-day"], [class*="-calendar-detail"], [class*="-analytics-grid"] section, [class*="-rule-card"], [class*="-history-item"], [class*="-lead-card"], [class*="-contact-card"], [class*="-mini-empty"], [class*="-empty-state"], [class*="-loading"], .ldd-command-card, .ldd-kpi-card, .ldd-card, .ldd-panel, .ldd-convert-section, .ldd-contact-card, .ldd-identity-card) {
    border-color: rgba(96, 165, 250, .12) !important;
    background: rgba(10, 25, 43, .72) !important;
    background-image: none !important;
    box-shadow: none !important;
    color: var(--dark-polish-text-2) !important;
}

[data-theme="dark"] .ams-crm-route :is([class*="-detail-head"], [class*="-modal-header"], [class*="-modal-footer"], [class*="-pager"]),
.theme-dark .ams-crm-route :is([class*="-detail-head"], [class*="-modal-header"], [class*="-modal-footer"], [class*="-pager"]),
body.dark .ams-crm-route :is([class*="-detail-head"], [class*="-modal-header"], [class*="-modal-footer"], [class*="-pager"]),
html.ams-crm-route .theme-dark .ams-content :is([class*="-detail-head"], [class*="-modal-header"], [class*="-modal-footer"], [class*="-pager"]) {
    background: rgba(12, 25, 45, .72) !important;
    background-image: none !important;
    border-color: rgba(96, 165, 250, .10) !important;
}

[data-theme="dark"] .ams-crm-route :is([class*="-workflow-card"]),
.theme-dark .ams-crm-route :is([class*="-workflow-card"]),
body.dark .ams-crm-route :is([class*="-workflow-card"]),
html.ams-crm-route .theme-dark .ams-content :is([class*="-workflow-card"]) {
    border-color: rgba(96, 165, 250, .12) !important;
    background: rgba(10, 25, 43, .72) !important;
    background-image: none !important;
    box-shadow: none !important;
}

.ams-crm-route :is([class*="-workflow-card"] strong, [class*="-workflow-card"] span, [class*="-workflow-card"] small) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

[data-theme="dark"] .ams-crm-route :is([class*="-kpi-strip"], [class*="-workflow-strip"]),
.theme-dark .ams-crm-route :is([class*="-kpi-strip"], [class*="-workflow-strip"]),
body.dark .ams-crm-route :is([class*="-kpi-strip"], [class*="-workflow-strip"]),
html.ams-crm-route .theme-dark .ams-content :is([class*="-kpi-strip"], [class*="-workflow-strip"]) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.ams-crm-route :is([class*="-search-panel"], [class*="-filter-panel"], [class*="-filter-bar"], [class*="-filter-row"].opportunity-search-panel) {
    display: grid;
    grid-template-columns: minmax(18rem, 1fr) repeat(4, auto) auto;
    align-items: center;
    gap: .85rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.ams-crm-route :is([class*="-search-wrap"], .opportunity-search-box) {
    position: relative;
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.ams-crm-route :is(.ldir-search-wrap) {
    flex: 1;
    min-width: 200px;
    max-width: 320px;
}

.ams-crm-route :is(.ldir-search-icon) {
    position: absolute;
    left: .75rem;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.ams-crm-route :is(.ldir-search-input) {
    padding-left: 2.25rem !important;
}

.ams-crm-route :is([class*="-search-icon"], .opportunity-search-box > .bi-search) {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #2563eb;
    flex: 0 0 auto;
}

.ams-crm-route :is([class*="-search-icon"], [class*="-search-icon"]::before, [class*="-search-icon"]::after, .opportunity-search-box > .bi-search, .opportunity-search-box > .bi-search::before, .opportunity-search-box > .bi-search::after) {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.ams-crm-route :is([class*="-search-icon"] + [class*="-search-body"] [class*="-search-input"]) {
    padding-left: .9rem !important;
}

.ams-crm-route :is([class*="-search-body"], .opportunity-search-body) {
    min-width: 0;
    flex: 1;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ams-crm-route :is([class*="-search-body"] label, .opportunity-search-body label) {
    display: block;
    margin-bottom: .1rem;
    color: #334155;
    font-size: .76rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.ams-crm-route :is([class*="-search-input"]) {
    width: 100%;
    padding: .55rem .9rem !important;
    border: 1px solid rgba(96, 165, 250, .48) !important;
    outline: 0;
    border-radius: 999px;
    background: #fff !important;
    background-image: none !important;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 700;
    box-shadow: 0 0 0 .16rem rgba(59, 130, 246, .08) !important;
    transition: border-color .16s ease, box-shadow .16s ease;
}

.ams-crm-route :is([class*="-search-input"]:hover) {
    border-color: rgba(37, 99, 235, .58) !important;
    box-shadow: 0 0 0 .18rem rgba(59, 130, 246, .11) !important;
}

.ams-crm-route :is([class*="-search-input"]:focus, [class*="-search-input"]:focus-visible) {
    border-color: rgba(37, 99, 235, .72) !important;
    box-shadow: 0 0 0 .22rem rgba(59, 130, 246, .16) !important;
}

.ams-crm-route :is([class*="-search-input"]::placeholder) {
    color: #94a3b8;
}

.ams-crm-route :is([class*="-search-hint"]) {
    display: block;
    color: #64748b;
    font-size: .76rem;
}

.ams-crm-route :is([class*="-search-result"], [class*="-filter-result"]) {
    position: relative;
    display: grid;
    place-items: center;
    align-self: stretch;
    min-width: 6.4rem;
    min-height: 4.2rem;
    padding: .65rem .85rem;
    border: 1px solid rgba(191, 219, 254, .9) !important;
    border-radius: 1.35rem !important;
    background: #fff !important;
    background-image: none !important;
    box-shadow: none !important;
    overflow: hidden;
    text-align: center;
}

.ams-crm-route :is([class*="-search-result"] strong, [class*="-filter-result"] strong) {
    display: block;
    color: #0f172a;
    font-size: 1.35rem;
    line-height: 1;
    font-weight: 950;
}

.ams-crm-route :is([class*="-search-result"] span, [class*="-filter-result"] span) {
    display: block;
    margin-top: .25rem;
    color: #64748b;
    font-size: .74rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .04em;
}

.ams-crm-route :is([class*="-search-result"]::before, [class*="-search-result"]::after) {
    display: none !important;
}

[data-theme="dark"] .ams-crm-route :is([class*="-search-wrap"]),
.theme-dark .ams-crm-route :is([class*="-search-wrap"]),
body.dark .ams-crm-route :is([class*="-search-wrap"]),
html.ams-crm-route .theme-dark .ams-content :is([class*="-search-wrap"]) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

[data-theme="dark"] .ams-crm-route :is([class*="-search-icon"]),
.theme-dark .ams-crm-route :is([class*="-search-icon"]),
body.dark .ams-crm-route :is([class*="-search-icon"]),
html.ams-crm-route .theme-dark .ams-content :is([class*="-search-icon"]) {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: #dbeafe !important;
}

[data-theme="dark"] .ams-crm-route :is([class*="-search-body"]),
.theme-dark .ams-crm-route :is([class*="-search-body"]),
body.dark .ams-crm-route :is([class*="-search-body"]),
html.ams-crm-route .theme-dark .ams-content :is([class*="-search-body"]) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

[data-theme="dark"] .ams-crm-route :is([class*="-search-body"] label, [class*="-search-hint"]),
.theme-dark .ams-crm-route :is([class*="-search-body"] label, [class*="-search-hint"]) {
    color: var(--dark-polish-muted) !important;
}

[data-theme="dark"] .ams-crm-route :is([class*="-search-input"]),
.theme-dark .ams-crm-route :is([class*="-search-input"]),
body.dark .ams-crm-route :is([class*="-search-input"]),
html.ams-crm-route .theme-dark .ams-content :is([class*="-search-input"]) {
    background: rgba(15, 23, 42, .82) !important;
    border-color: rgba(96, 165, 250, .24) !important;
    color: var(--dark-polish-text) !important;
}

[data-theme="dark"] .ams-crm-route :is([class*="-search-result"], [class*="-filter-result"]),
.theme-dark .ams-crm-route :is([class*="-search-result"], [class*="-filter-result"]) {
    background: rgba(15, 23, 42, .78) !important;
    border-color: rgba(96, 165, 250, .22) !important;
}

[data-theme="dark"] .ams-crm-route :is([class*="-search-result"] strong, [class*="-filter-result"] strong),
.theme-dark .ams-crm-route :is([class*="-search-result"] strong, [class*="-filter-result"] strong) {
    color: var(--dark-polish-text) !important;
}

[data-theme="dark"] .ams-crm-route :is([class*="-search-result"] span, [class*="-filter-result"] span),
.theme-dark .ams-crm-route :is([class*="-search-result"] span, [class*="-filter-result"] span) {
    color: var(--dark-polish-muted) !important;
}

@media (max-width: 1420px) {
    .ams-crm-route :is([class*="-search-panel"], [class*="-filter-bar"]) {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .ams-crm-route :is([class*="-search-wrap"]) {
        grid-column: 1 / -1;
    }

    .ams-crm-route :is([class*="-search-result"], [class*="-filter-result"]) {
        text-align: left;
    }
}

@media (max-width: 860px) {
    .ams-crm-route :is([class*="-search-panel"], [class*="-filter-bar"]) {
        grid-template-columns: 1fr;
    }
}

[data-theme="dark"] .ams-crm-route :is(
    input,
    select,
    textarea,
    .form-control,
    .form-select,
    .um-input,
    .um-select,
    [class*="-input"],
    [class*="-select"],
    [class*="-search-input"],
    [class*="-filter-select"]
),
.theme-dark .ams-crm-route :is(
    input,
    select,
    textarea,
    .form-control,
    .form-select,
    .um-input,
    .um-select,
    [class*="-input"],
    [class*="-select"],
    [class*="-search-input"],
    [class*="-filter-select"]
) {
    background-color: var(--dark-polish-input) !important;
    background-image: none !important;
    border-color: var(--dark-polish-border-2) !important;
    color: var(--dark-polish-text) !important;
}

[data-theme="dark"] .ams-crm-route :is(
    table,
    thead,
    tbody,
    tr,
    th,
    td,
    .um-table,
    [class*="-table"],
    [class*="-table-scroll"]
),
.theme-dark .ams-crm-route :is(
    table,
    thead,
    tbody,
    tr,
    th,
    td,
    .um-table,
    [class*="-table"],
    [class*="-table-scroll"]
) {
    background-color: var(--dark-polish-card-2) !important;
    background-image: none !important;
    border-color: var(--dark-polish-border) !important;
    color: var(--dark-polish-text-2) !important;
}

[data-theme="dark"] .ams-crm-route :is(thead, th, [class*="-modal-header"], [class*="-detail-head"], [class*="-modal-footer"], [class*="-pager"]),
.theme-dark .ams-crm-route :is(thead, th, [class*="-modal-header"], [class*="-detail-head"], [class*="-modal-footer"], [class*="-pager"]) {
    background-color: var(--dark-polish-card-3) !important;
    background-image: linear-gradient(145deg, rgba(26, 42, 68, .96), rgba(15, 27, 46, .96)) !important;
    border-color: var(--dark-polish-border) !important;
    color: var(--dark-polish-text) !important;
}

[data-theme="dark"] .ams-crm-route :is([class*="-row-selected"], [class*="-active"], [class*="-selected"], tbody tr:hover, [class*="-row"]:hover),
.theme-dark .ams-crm-route :is([class*="-row-selected"], [class*="-active"], [class*="-selected"], tbody tr:hover, [class*="-row"]:hover) {
    background-color: rgba(96, 165, 250, .12) !important;
    background-image: linear-gradient(145deg, rgba(35, 109, 255, .18), rgba(8, 145, 178, .10)) !important;
    color: var(--dark-polish-text) !important;
}

[data-theme="dark"] .ams-crm-route :is(h1, h2, h3, h4, h5, h6, strong, label, [class*="-name"], [class*="-title"], [class*="-val"]),
.theme-dark .ams-crm-route :is(h1, h2, h3, h4, h5, h6, strong, label, [class*="-name"], [class*="-title"], [class*="-val"]) {
    color: var(--dark-polish-text) !important;
}

[data-theme="dark"] .ams-crm-route :is(small, .text-muted, [class*="-hint"], [class*="-sub"], [class*="-lbl"], [class*="-meta"], [class*="-eyebrow"]),
.theme-dark .ams-crm-route :is(small, .text-muted, [class*="-hint"], [class*="-sub"], [class*="-lbl"], [class*="-meta"], [class*="-eyebrow"]) {
    color: var(--dark-polish-muted) !important;
}

[data-theme="dark"] .ams-crm-route :is([class*="-section-head"] p, [class*="-modal-title"] p, [class*="-workflow-card"] span span, [class*="-card"] p, [class*="-panel"] p, [class*="-table"] small, [class*="-field"], [class*="-search-body"] span, [class*="-search-body"] label, [class*="-filter-field"]),
.theme-dark .ams-crm-route :is([class*="-section-head"] p, [class*="-modal-title"] p, [class*="-workflow-card"] span span, [class*="-card"] p, [class*="-panel"] p, [class*="-table"] small, [class*="-field"], [class*="-search-body"] span, [class*="-search-body"] label, [class*="-filter-field"]) {
    color: var(--dark-polish-muted) !important;
}

[data-theme="dark"] .ams-crm-route :is([class*="-icon"], [class*="-avatar"], [class*="-view-btn"] span):not([class*="-search-icon"]),
.theme-dark .ams-crm-route :is([class*="-icon"], [class*="-avatar"], [class*="-view-btn"] span):not([class*="-search-icon"]) {
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: #dbeafe !important;
}

[data-theme="dark"] .ams-crm-route :is(.op-stage, .op-fc, .ld-pri, .ld-status, .od-comp-badge, .od-related-chip, .od-conversion-badge),
.theme-dark .ams-crm-route :is(.op-stage, .op-fc, .ld-pri, .ld-status, .od-comp-badge, .od-related-chip, .od-conversion-badge),
body.dark .ams-crm-route :is(.op-stage, .op-fc, .ld-pri, .ld-status, .od-comp-badge, .od-related-chip, .od-conversion-badge),
html.ams-crm-route .theme-dark .ams-content :is(.op-stage, .op-fc, .ld-pri, .ld-status, .od-comp-badge, .od-related-chip, .od-conversion-badge) {
    border: 1px solid rgba(148, 163, 184, .26) !important;
    background: rgba(15, 23, 42, .88) !important;
    color: #cbd5e1 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04) !important;
}

[data-theme="dark"] .ams-crm-route :is(.op-stage--won, .op-fc--commit, .ld-status--approved, .od-cb--weak, .od-conversion-badge),
.theme-dark .ams-crm-route :is(.op-stage--won, .op-fc--commit, .ld-status--approved, .od-cb--weak, .od-conversion-badge),
body.dark .ams-crm-route :is(.op-stage--won, .op-fc--commit, .ld-status--approved, .od-cb--weak, .od-conversion-badge),
html.ams-crm-route .theme-dark .ams-content :is(.op-stage--won, .op-fc--commit, .ld-status--approved, .od-cb--weak, .od-conversion-badge) {
    border-color: rgba(34, 197, 94, .36) !important;
    background: rgba(6, 78, 59, .34) !important;
    color: #86efac !important;
}

[data-theme="dark"] .ams-crm-route :is(.op-stage--lost, .ld-status--rejected, .od-cb--strong),
.theme-dark .ams-crm-route :is(.op-stage--lost, .ld-status--rejected, .od-cb--strong),
body.dark .ams-crm-route :is(.op-stage--lost, .ld-status--rejected, .od-cb--strong),
html.ams-crm-route .theme-dark .ams-content :is(.op-stage--lost, .ld-status--rejected, .od-cb--strong) {
    border-color: rgba(248, 113, 113, .38) !important;
    background: rgba(127, 29, 29, .32) !important;
    color: #fca5a5 !important;
}

[data-theme="dark"] .ams-crm-route :is(.op-stage--neg, .od-cb--mid),
.theme-dark .ams-crm-route :is(.op-stage--neg, .od-cb--mid),
body.dark .ams-crm-route :is(.op-stage--neg, .od-cb--mid),
html.ams-crm-route .theme-dark .ams-content :is(.op-stage--neg, .od-cb--mid) {
    border-color: rgba(251, 191, 36, .38) !important;
    background: rgba(120, 53, 15, .32) !important;
    color: #fcd34d !important;
}

[data-theme="dark"] .ams-crm-route :is(.op-stage--prop, .op-fc--closed, .ld-pri--high, .ld-status--pending),
.theme-dark .ams-crm-route :is(.op-stage--prop, .op-fc--closed, .ld-pri--high, .ld-status--pending),
body.dark .ams-crm-route :is(.op-stage--prop, .op-fc--closed, .ld-pri--high, .ld-status--pending),
html.ams-crm-route .theme-dark .ams-content :is(.op-stage--prop, .op-fc--closed, .ld-pri--high, .ld-status--pending) {
    border-color: rgba(167, 139, 250, .38) !important;
    background: rgba(76, 29, 149, .32) !important;
    color: #c4b5fd !important;
}

[data-theme="dark"] .ams-crm-route :is(.op-stage--needs, .op-fc--best, .ld-pri--normal, .ld-status--open, .od-related-chip),
.theme-dark .ams-crm-route :is(.op-stage--needs, .op-fc--best, .ld-pri--normal, .ld-status--open, .od-related-chip),
body.dark .ams-crm-route :is(.op-stage--needs, .op-fc--best, .ld-pri--normal, .ld-status--open, .od-related-chip),
html.ams-crm-route .theme-dark .ams-content :is(.op-stage--needs, .op-fc--best, .ld-pri--normal, .ld-status--open, .od-related-chip) {
    border-color: rgba(96, 165, 250, .38) !important;
    background: rgba(30, 64, 175, .28) !important;
    color: #93c5fd !important;
}

[data-theme="dark"] .ams-crm-route :is(.op-stage--qual, .op-fc--pipeline, .ld-pri--low),
.theme-dark .ams-crm-route :is(.op-stage--qual, .op-fc--pipeline, .ld-pri--low),
body.dark .ams-crm-route :is(.op-stage--qual, .op-fc--pipeline, .ld-pri--low),
html.ams-crm-route .theme-dark .ams-content :is(.op-stage--qual, .op-fc--pipeline, .ld-pri--low) {
    border-color: rgba(148, 163, 184, .34) !important;
    background: rgba(51, 65, 85, .42) !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"].ams-crm-route :is([class*="-modal"], [class*="-confirm-modal"], .e-dialog, .e-dlg-content),
.theme-dark.ams-crm-route :is([class*="-modal"], [class*="-confirm-modal"], .e-dialog, .e-dlg-content) {
    background-color: var(--dark-polish-card) !important;
    background-image: linear-gradient(145deg, rgba(20, 34, 56, .98), rgba(13, 23, 40, .98)) !important;
    border-color: var(--dark-polish-border) !important;
    color: var(--dark-polish-text-2) !important;
}

/* CRM isolated-page fallback: keep lead and follow-up surfaces dark even when page CSS isolation wins. */
[data-theme="dark"] :is(
    .ld-enterprise-page,
    .ld-kpi-strip,
    .ld-kpi-card,
    .ld-view-tabs,
    .ld-main-card,
    .ld-detail-card,
    .ld-table-scroll,
    .ld-board-col,
    .ld-board-card,
    .ld-analytics-grid section,
    .ld-producer-card,
    .ld-detail-head,
    .ld-detail-summary div,
    .ld-contact-card,
    .ld-detail-actions,
    .ld-modal-header,
    .ld-modal-body,
    .ld-modal-footer,
    .lf-enterprise-page,
    .lf-kpi-strip,
    .lf-kpi-card,
    .lf-view-tabs,
    .lf-main-card,
    .lf-detail-card,
    .lf-queue-section,
    .lf-followup-card,
    .lf-mini-empty,
    .lf-table-scroll,
    .lf-calendar-day,
    .lf-calendar-detail,
    .lf-analytics-grid section,
    .lf-detail-actions,
    .lf-modal-header,
    .lf-modal-body,
    .lf-modal-footer
),
.theme-dark :is(
    .ld-enterprise-page,
    .ld-kpi-strip,
    .ld-kpi-card,
    .ld-view-tabs,
    .ld-main-card,
    .ld-detail-card,
    .ld-table-scroll,
    .ld-board-col,
    .ld-board-card,
    .ld-analytics-grid section,
    .ld-producer-card,
    .ld-detail-head,
    .ld-detail-summary div,
    .ld-contact-card,
    .ld-detail-actions,
    .ld-modal-header,
    .ld-modal-body,
    .ld-modal-footer,
    .lf-enterprise-page,
    .lf-kpi-strip,
    .lf-kpi-card,
    .lf-view-tabs,
    .lf-main-card,
    .lf-detail-card,
    .lf-queue-section,
    .lf-followup-card,
    .lf-mini-empty,
    .lf-table-scroll,
    .lf-calendar-day,
    .lf-calendar-detail,
    .lf-analytics-grid section,
    .lf-detail-actions,
    .lf-modal-header,
    .lf-modal-body,
    .lf-modal-footer
) {
    background-color: var(--dark-polish-card) !important;
    background-image: linear-gradient(145deg, rgba(20, 34, 56, .96), rgba(13, 23, 40, .96)) !important;
    border-color: var(--dark-polish-border) !important;
    color: var(--dark-polish-text-2) !important;
}

[data-theme="dark"] :is(.ld-board-col, .lf-queue-section, .lf-calendar-detail),
.theme-dark :is(.ld-board-col, .lf-queue-section, .lf-calendar-detail) {
    background-color: var(--dark-polish-card-2) !important;
    background-image: none !important;
}

[data-theme="dark"] :is(
    .ld-table,
    .ld-table thead,
    .ld-table tbody,
    .ld-table tr,
    .ld-table th,
    .ld-table td,
    .lf-table,
    .lf-table thead,
    .lf-table tbody,
    .lf-table tr,
    .lf-table th,
    .lf-table td
),
.theme-dark :is(
    .ld-table,
    .ld-table thead,
    .ld-table tbody,
    .ld-table tr,
    .ld-table th,
    .ld-table td,
    .lf-table,
    .lf-table thead,
    .lf-table tbody,
    .lf-table tr,
    .lf-table th,
    .lf-table td
) {
    background-color: var(--dark-polish-card-2) !important;
    background-image: none !important;
    border-color: var(--dark-polish-border) !important;
    color: var(--dark-polish-text-2) !important;
}

[data-theme="dark"] :is(
    .ld-row-selected,
    .ld-table tbody tr:hover,
    .ld-board-card:hover,
    .ld-funnel-row:hover,
    .ld-funnel-row.ld-active,
    .ld-producer-card.ld-active,
    .ld-producer-card:hover,
    .lf-row-selected,
    .lf-row-overdue,
    .lf-table tbody tr:hover,
    .lf-followup-card:hover,
    .lf-calendar-selected,
    .lf-calendar-today,
    .lf-calendar-day:hover,
    .lf-view-btn-active,
    .lf-view-btn:hover,
    .ld-view-btn-active,
    .ld-view-btn:hover
),
.theme-dark :is(
    .ld-row-selected,
    .ld-table tbody tr:hover,
    .ld-board-card:hover,
    .ld-funnel-row:hover,
    .ld-funnel-row.ld-active,
    .ld-producer-card.ld-active,
    .ld-producer-card:hover,
    .lf-row-selected,
    .lf-row-overdue,
    .lf-table tbody tr:hover,
    .lf-followup-card:hover,
    .lf-calendar-selected,
    .lf-calendar-today,
    .lf-calendar-day:hover,
    .lf-view-btn-active,
    .lf-view-btn:hover,
    .ld-view-btn-active,
    .ld-view-btn:hover
) {
    background-color: rgba(96, 165, 250, .12) !important;
    background-image: linear-gradient(145deg, rgba(35, 109, 255, .18), rgba(8, 145, 178, .10)) !important;
    border-color: rgba(96, 165, 250, .42) !important;
    color: var(--dark-polish-text) !important;
}

[data-theme="dark"] :is(
    .ld-avatar,
    .ld-source-badge,
    .ld-stage,
    .ld-rating,
    .ld-score-pill,
    .ld-kpi-icon,
    .ld-workflow-card i,
    .ld-detail-eyebrow,
    .ld-modal-icon,
    .ld-confirm-icon,
    .lf-avatar,
    .lf-activity-badge,
    .lf-priority,
    .lf-status,
    .lf-kpi-icon,
    .lf-workflow-card > i,
    .lf-queue-section header strong,
    .lf-calendar-day div span
),
.theme-dark :is(
    .ld-avatar,
    .ld-source-badge,
    .ld-stage,
    .ld-rating,
    .ld-score-pill,
    .ld-kpi-icon,
    .ld-workflow-card i,
    .ld-detail-eyebrow,
    .ld-modal-icon,
    .ld-confirm-icon,
    .lf-avatar,
    .lf-activity-badge,
    .lf-priority,
    .lf-status,
    .lf-kpi-icon,
    .lf-workflow-card > i,
    .lf-queue-section header strong,
    .lf-calendar-day div span
) {
    background-color: rgba(96, 165, 250, .16) !important;
    background-image: none !important;
    border-color: rgba(96, 165, 250, .34) !important;
    color: #dbeafe !important;
}

[data-theme="dark"] :is(
    .ld-name-cell strong,
    .ld-board-card strong,
    .ld-board-col header,
    .ld-detail-head h2,
    .ld-detail-summary strong,
    .ld-search-result strong,
    .ld-kpi-val,
    .lf-card-head strong,
    .lf-name-cell strong,
    .lf-date-cell strong,
    .lf-calendar-header h3,
    .lf-calendar-day span,
    .lf-calendar-detail h3,
    .lf-search-result strong,
    .lf-kpi-val,
    .lf-queue-section header
),
.theme-dark :is(
    .ld-name-cell strong,
    .ld-board-card strong,
    .ld-board-col header,
    .ld-detail-head h2,
    .ld-detail-summary strong,
    .ld-search-result strong,
    .ld-kpi-val,
    .lf-card-head strong,
    .lf-name-cell strong,
    .lf-date-cell strong,
    .lf-calendar-header h3,
    .lf-calendar-day span,
    .lf-calendar-detail h3,
    .lf-search-result strong,
    .lf-kpi-val,
    .lf-queue-section header
) {
    color: var(--dark-polish-text) !important;
}

[data-theme="dark"] :is(
    .ld-name-cell small,
    .ld-board-card span,
    .ld-board-card small,
    .ld-kpi-card small,
    .ld-kpi-lbl,
    .ld-search-result span,
    .ld-detail-head p,
    .ld-detail-summary span,
    .lf-card-head span,
    .lf-card-body,
    .lf-name-cell small,
    .lf-date-cell small,
    .lf-mini-empty,
    .lf-calendar-day small,
    .lf-search-result span,
    .lf-kpi-lbl
),
.theme-dark :is(
    .ld-name-cell small,
    .ld-board-card span,
    .ld-board-card small,
    .ld-kpi-card small,
    .ld-kpi-lbl,
    .ld-search-result span,
    .ld-detail-head p,
    .ld-detail-summary span,
    .lf-card-head span,
    .lf-card-body,
    .lf-name-cell small,
    .lf-date-cell small,
    .lf-mini-empty,
    .lf-calendar-day small,
    .lf-search-result span,
    .lf-kpi-lbl
) {
    color: var(--dark-polish-muted) !important;
}

/* CRM dark polish blanket: all CRM page prefixes, all common light surfaces. */
[data-theme="dark"] :is(
    [class^="acc-"][class$="-page"], [class^="acc-"][class$="-shell"], [class^="acc-"][class$="-panel"], [class^="acc-"][class$="-card"], [class^="acc-"][class$="-modal"], [class^="acc-"][class$="-confirm"], [class^="acc-"][class*="bulk"], [class^="acc-"][class*="bar"],
    [class^="cmp-"][class$="-page"], [class^="cmp-"][class$="-shell"], [class^="cmp-"][class$="-panel"], [class^="cmp-"][class$="-card"], [class^="cmp-"][class$="-modal"], [class^="cmp-"][class$="-confirm"], [class^="cmp-"][class*="bulk"], [class^="cmp-"][class*="bar"],
    [class^="dup-"][class$="-page"], [class^="dup-"][class$="-shell"], [class^="dup-"][class$="-panel"], [class^="dup-"][class$="-card"], [class^="dup-"][class$="-modal"], [class^="dup-"][class$="-confirm"], [class^="dup-"][class*="bulk"], [class^="dup-"][class*="bar"], [class^="dup-"][class*="group"], [class^="dup-"][class*="record"], [class^="dup-"][class*="history"],
    [class^="ef-"][class$="-page"], [class^="ef-"][class$="-shell"], [class^="ef-"][class$="-panel"], [class^="ef-"][class$="-card"], [class^="ef-"][class$="-modal"], [class^="ef-"][class$="-confirm"], [class^="ef-"][class*="bulk"], [class^="ef-"][class*="bar"],
    [class^="enr-"][class$="-page"], [class^="enr-"][class$="-shell"], [class^="enr-"][class$="-panel"], [class^="enr-"][class$="-card"], [class^="enr-"][class$="-modal"], [class^="enr-"][class$="-confirm"], [class^="enr-"][class*="bulk"], [class^="enr-"][class*="bar"], [class^="enr-"][class*="provider"], [class^="enr-"][class*="command"], [class^="enr-"][class*="history"], [class^="enr-"][class*="job"],
    [class^="fce-"][class$="-page"], [class^="fce-"][class$="-shell"], [class^="fce-"][class$="-panel"], [class^="fce-"][class$="-card"], [class^="fce-"][class$="-modal"], [class^="fce-"][class$="-confirm"], [class^="fce-"][class*="bulk"], [class^="fce-"][class*="bar"],
    [class^="la-"][class$="-page"], [class^="la-"][class$="-shell"], [class^="la-"][class$="-panel"], [class^="la-"][class$="-card"], [class^="la-"][class$="-modal"], [class^="la-"][class$="-confirm"], [class^="la-"][class*="bulk"], [class^="la-"][class*="bar"], [class^="la-"][class*="history"],
    [class^="ld-"][class$="-page"], [class^="ld-"][class$="-shell"], [class^="ld-"][class$="-panel"], [class^="ld-"][class$="-card"], [class^="ld-"][class$="-modal"], [class^="ld-"][class$="-confirm"], [class^="ld-"][class*="bulk"], [class^="ld-"][class*="bar"], [class^="ld-"][class*="board"],
    [class^="ldd-"][class$="-page"], [class^="ldd-"][class$="-shell"], [class^="ldd-"][class$="-panel"], [class^="ldd-"][class$="-card"], [class^="ldd-"][class$="-modal"], [class^="ldd-"][class$="-confirm"],
    [class^="ldir-"][class$="-page"], [class^="ldir-"][class$="-shell"], [class^="ldir-"][class$="-panel"], [class^="ldir-"][class$="-card"],
    [class^="ldup-"][class$="-page"], [class^="ldup-"][class$="-shell"], [class^="ldup-"][class$="-panel"], [class^="ldup-"][class$="-card"], [class^="ldup-"][class$="-modal"], [class^="ldup-"][class$="-confirm"], [class^="ldup-"][class*="group"], [class^="ldup-"][class*="record"],
    [class^="lf-"][class$="-page"], [class^="lf-"][class$="-shell"], [class^="lf-"][class$="-panel"], [class^="lf-"][class$="-card"], [class^="lf-"][class$="-modal"], [class^="lf-"][class$="-confirm"], [class^="lf-"][class*="queue"], [class^="lf-"][class*="calendar"],
    [class^="ls-"][class$="-page"], [class^="ls-"][class$="-shell"], [class^="ls-"][class$="-panel"], [class^="ls-"][class$="-card"], [class^="ls-"][class$="-modal"], [class^="ls-"][class$="-confirm"], [class^="ls-"][class*="bulk"], [class^="ls-"][class*="bar"],
    [class^="map-"][class$="-page"], [class^="map-"][class$="-shell"], [class^="map-"][class$="-panel"], [class^="map-"][class$="-card"], [class^="map-"][class$="-modal"], [class^="map-"][class$="-confirm"],
    [class^="od-"][class$="-page"], [class^="od-"][class$="-shell"], [class^="od-"][class$="-panel"], [class^="od-"][class$="-card"], [class^="od-"][class$="-modal"], [class^="od-"][class$="-confirm"],
    [class^="op-"][class$="-page"], [class^="op-"][class$="-shell"], [class^="op-"][class$="-panel"], [class^="op-"][class$="-card"], [class^="op-"][class$="-modal"], [class^="op-"][class$="-confirm"], [class^="op-"][class*="bulk"], [class^="op-"][class*="bar"],
    [class^="opb-"][class$="-page"], [class^="opb-"][class$="-shell"], [class^="opb-"][class$="-panel"], [class^="opb-"][class$="-card"],
    [class^="opn-"][class$="-page"], [class^="opn-"][class$="-shell"], [class^="opn-"][class$="-panel"], [class^="opn-"][class$="-card"],
    [class^="pcx-"][class$="-page"], [class^="pcx-"][class$="-shell"], [class^="pcx-"][class$="-panel"], [class^="pcx-"][class$="-card"], [class^="pcx-"][class$="-modal"], [class^="pcx-"][class$="-confirm"],
    [class^="pf-"][class$="-page"], [class^="pf-"][class$="-shell"], [class^="pf-"][class$="-panel"], [class^="pf-"][class$="-card"],
    [class^="pr-"][class$="-page"], [class^="pr-"][class$="-shell"], [class^="pr-"][class$="-panel"], [class^="pr-"][class$="-card"], [class^="pr-"][class$="-modal"], [class^="pr-"][class$="-confirm"],
    [class^="qd-"][class$="-page"], [class^="qd-"][class$="-shell"], [class^="qd-"][class$="-panel"], [class^="qd-"][class$="-card"], [class^="qd-"][class$="-modal"],
    [class^="sg-"][class$="-page"], [class^="sg-"][class$="-shell"], [class^="sg-"][class$="-panel"], [class^="sg-"][class$="-card"], [class^="sg-"][class$="-modal"], [class^="sg-"][class$="-confirm"],
    [class^="sr-"][class$="-page"], [class^="sr-"][class$="-shell"], [class^="sr-"][class$="-panel"], [class^="sr-"][class$="-card"], [class^="sr-"][class$="-modal"], [class^="sr-"][class$="-confirm"]
),
.theme-dark :is(
    [class^="acc-"][class$="-page"], [class^="acc-"][class$="-shell"], [class^="acc-"][class$="-panel"], [class^="acc-"][class$="-card"], [class^="acc-"][class$="-modal"], [class^="acc-"][class$="-confirm"], [class^="acc-"][class*="bulk"], [class^="acc-"][class*="bar"],
    [class^="cmp-"][class$="-page"], [class^="cmp-"][class$="-shell"], [class^="cmp-"][class$="-panel"], [class^="cmp-"][class$="-card"], [class^="cmp-"][class$="-modal"], [class^="cmp-"][class$="-confirm"], [class^="cmp-"][class*="bulk"], [class^="cmp-"][class*="bar"],
    [class^="dup-"][class$="-page"], [class^="dup-"][class$="-shell"], [class^="dup-"][class$="-panel"], [class^="dup-"][class$="-card"], [class^="dup-"][class$="-modal"], [class^="dup-"][class$="-confirm"], [class^="dup-"][class*="bulk"], [class^="dup-"][class*="bar"], [class^="dup-"][class*="group"], [class^="dup-"][class*="record"], [class^="dup-"][class*="history"],
    [class^="ef-"][class$="-page"], [class^="ef-"][class$="-shell"], [class^="ef-"][class$="-panel"], [class^="ef-"][class$="-card"], [class^="ef-"][class$="-modal"], [class^="ef-"][class$="-confirm"], [class^="ef-"][class*="bulk"], [class^="ef-"][class*="bar"],
    [class^="enr-"][class$="-page"], [class^="enr-"][class$="-shell"], [class^="enr-"][class$="-panel"], [class^="enr-"][class$="-card"], [class^="enr-"][class$="-modal"], [class^="enr-"][class$="-confirm"], [class^="enr-"][class*="bulk"], [class^="enr-"][class*="bar"], [class^="enr-"][class*="provider"], [class^="enr-"][class*="command"], [class^="enr-"][class*="history"], [class^="enr-"][class*="job"],
    [class^="fce-"][class$="-page"], [class^="fce-"][class$="-shell"], [class^="fce-"][class$="-panel"], [class^="fce-"][class$="-card"], [class^="fce-"][class$="-modal"], [class^="fce-"][class$="-confirm"], [class^="fce-"][class*="bulk"], [class^="fce-"][class*="bar"],
    [class^="la-"][class$="-page"], [class^="la-"][class$="-shell"], [class^="la-"][class$="-panel"], [class^="la-"][class$="-card"], [class^="la-"][class$="-modal"], [class^="la-"][class$="-confirm"], [class^="la-"][class*="bulk"], [class^="la-"][class*="bar"], [class^="la-"][class*="history"],
    [class^="ld-"][class$="-page"], [class^="ld-"][class$="-shell"], [class^="ld-"][class$="-panel"], [class^="ld-"][class$="-card"], [class^="ld-"][class$="-modal"], [class^="ld-"][class$="-confirm"], [class^="ld-"][class*="bulk"], [class^="ld-"][class*="bar"], [class^="ld-"][class*="board"],
    [class^="ldd-"][class$="-page"], [class^="ldd-"][class$="-shell"], [class^="ldd-"][class$="-panel"], [class^="ldd-"][class$="-card"], [class^="ldd-"][class$="-modal"], [class^="ldd-"][class$="-confirm"],
    [class^="ldir-"][class$="-page"], [class^="ldir-"][class$="-shell"], [class^="ldir-"][class$="-panel"], [class^="ldir-"][class$="-card"],
    [class^="ldup-"][class$="-page"], [class^="ldup-"][class$="-shell"], [class^="ldup-"][class$="-panel"], [class^="ldup-"][class$="-card"], [class^="ldup-"][class$="-modal"], [class^="ldup-"][class$="-confirm"], [class^="ldup-"][class*="group"], [class^="ldup-"][class*="record"],
    [class^="lf-"][class$="-page"], [class^="lf-"][class$="-shell"], [class^="lf-"][class$="-panel"], [class^="lf-"][class$="-card"], [class^="lf-"][class$="-modal"], [class^="lf-"][class$="-confirm"], [class^="lf-"][class*="queue"], [class^="lf-"][class*="calendar"],
    [class^="ls-"][class$="-page"], [class^="ls-"][class$="-shell"], [class^="ls-"][class$="-panel"], [class^="ls-"][class$="-card"], [class^="ls-"][class$="-modal"], [class^="ls-"][class$="-confirm"], [class^="ls-"][class*="bulk"], [class^="ls-"][class*="bar"],
    [class^="map-"][class$="-page"], [class^="map-"][class$="-shell"], [class^="map-"][class$="-panel"], [class^="map-"][class$="-card"], [class^="map-"][class$="-modal"], [class^="map-"][class$="-confirm"],
    [class^="od-"][class$="-page"], [class^="od-"][class$="-shell"], [class^="od-"][class$="-panel"], [class^="od-"][class$="-card"], [class^="od-"][class$="-modal"], [class^="od-"][class$="-confirm"],
    [class^="op-"][class$="-page"], [class^="op-"][class$="-shell"], [class^="op-"][class$="-panel"], [class^="op-"][class$="-card"], [class^="op-"][class$="-modal"], [class^="op-"][class$="-confirm"], [class^="op-"][class*="bulk"], [class^="op-"][class*="bar"],
    [class^="opb-"][class$="-page"], [class^="opb-"][class$="-shell"], [class^="opb-"][class$="-panel"], [class^="opb-"][class$="-card"],
    [class^="opn-"][class$="-page"], [class^="opn-"][class$="-shell"], [class^="opn-"][class$="-panel"], [class^="opn-"][class$="-card"],
    [class^="pcx-"][class$="-page"], [class^="pcx-"][class$="-shell"], [class^="pcx-"][class$="-panel"], [class^="pcx-"][class$="-card"], [class^="pcx-"][class$="-modal"], [class^="pcx-"][class$="-confirm"],
    [class^="pf-"][class$="-page"], [class^="pf-"][class$="-shell"], [class^="pf-"][class$="-panel"], [class^="pf-"][class$="-card"],
    [class^="pr-"][class$="-page"], [class^="pr-"][class$="-shell"], [class^="pr-"][class$="-panel"], [class^="pr-"][class$="-card"], [class^="pr-"][class$="-modal"], [class^="pr-"][class$="-confirm"],
    [class^="qd-"][class$="-page"], [class^="qd-"][class$="-shell"], [class^="qd-"][class$="-panel"], [class^="qd-"][class$="-card"], [class^="qd-"][class$="-modal"],
    [class^="sg-"][class$="-page"], [class^="sg-"][class$="-shell"], [class^="sg-"][class$="-panel"], [class^="sg-"][class$="-card"], [class^="sg-"][class$="-modal"], [class^="sg-"][class$="-confirm"],
    [class^="sr-"][class$="-page"], [class^="sr-"][class$="-shell"], [class^="sr-"][class$="-panel"], [class^="sr-"][class$="-card"], [class^="sr-"][class$="-modal"], [class^="sr-"][class$="-confirm"]
) {
    background-color: var(--dark-polish-card) !important;
    background-image: linear-gradient(145deg, rgba(20, 34, 56, .96), rgba(13, 23, 40, .96)) !important;
    border-color: var(--dark-polish-border) !important;
    color: var(--dark-polish-text-2) !important;
}

[data-theme="dark"] :is(
    [class^="acc-"][class*="badge"], [class^="acc-"][class*="pill"], [class^="acc-"][class*="avatar"], [class^="acc-"][class*="chip"],
    [class^="cmp-"][class*="badge"], [class^="cmp-"][class*="pill"], [class^="cmp-"][class*="avatar"], [class^="cmp-"][class*="chip"],
    [class^="dup-"][class*="badge"], [class^="dup-"][class*="pill"], [class^="dup-"][class*="avatar"], [class^="dup-"][class*="chip"],
    [class^="ef-"][class*="badge"], [class^="ef-"][class*="pill"], [class^="ef-"][class*="avatar"], [class^="ef-"][class*="chip"],
    [class^="enr-"][class*="badge"], [class^="enr-"][class*="pill"], [class^="enr-"][class*="avatar"], [class^="enr-"][class*="chip"], [class^="enr-"][class*="field"],
    [class^="fce-"][class*="badge"], [class^="fce-"][class*="pill"], [class^="fce-"][class*="avatar"], [class^="fce-"][class*="chip"],
    [class^="la-"][class*="badge"], [class^="la-"][class*="pill"], [class^="la-"][class*="avatar"], [class^="la-"][class*="chip"],
    [class^="ld-"][class*="badge"], [class^="ld-"][class*="pill"], [class^="ld-"][class*="avatar"], [class^="ld-"][class*="chip"],
    [class^="ldd-"][class*="badge"], [class^="ldd-"][class*="pill"], [class^="ldd-"][class*="avatar"], [class^="ldd-"][class*="chip"],
    [class^="ldir-"][class*="badge"], [class^="ldir-"][class*="pill"], [class^="ldir-"][class*="avatar"], [class^="ldir-"][class*="chip"],
    [class^="ldup-"][class*="badge"], [class^="ldup-"][class*="pill"], [class^="ldup-"][class*="avatar"], [class^="ldup-"][class*="chip"],
    [class^="lf-"][class*="badge"], [class^="lf-"][class*="pill"], [class^="lf-"][class*="avatar"], [class^="lf-"][class*="chip"],
    [class^="ls-"][class*="badge"], [class^="ls-"][class*="pill"], [class^="ls-"][class*="avatar"], [class^="ls-"][class*="chip"],
    [class^="map-"][class*="badge"], [class^="map-"][class*="pill"], [class^="map-"][class*="avatar"], [class^="map-"][class*="chip"],
    [class^="od-"][class*="badge"], [class^="od-"][class*="pill"], [class^="od-"][class*="avatar"], [class^="od-"][class*="chip"],
    [class^="op-"][class*="badge"], [class^="op-"][class*="pill"], [class^="op-"][class*="avatar"], [class^="op-"][class*="chip"],
    [class^="opb-"][class*="badge"], [class^="opb-"][class*="pill"], [class^="opb-"][class*="avatar"], [class^="opb-"][class*="chip"],
    [class^="opn-"][class*="badge"], [class^="opn-"][class*="pill"], [class^="opn-"][class*="avatar"], [class^="opn-"][class*="chip"],
    [class^="pcx-"][class*="badge"], [class^="pcx-"][class*="pill"], [class^="pcx-"][class*="avatar"], [class^="pcx-"][class*="chip"],
    [class^="pf-"][class*="badge"], [class^="pf-"][class*="pill"], [class^="pf-"][class*="avatar"], [class^="pf-"][class*="chip"],
    [class^="pr-"][class*="badge"], [class^="pr-"][class*="pill"], [class^="pr-"][class*="avatar"], [class^="pr-"][class*="chip"],
    [class^="qd-"][class*="badge"], [class^="qd-"][class*="pill"], [class^="qd-"][class*="avatar"], [class^="qd-"][class*="chip"],
    [class^="sg-"][class*="badge"], [class^="sg-"][class*="pill"], [class^="sg-"][class*="avatar"], [class^="sg-"][class*="chip"],
    [class^="sr-"][class*="badge"], [class^="sr-"][class*="pill"], [class^="sr-"][class*="avatar"], [class^="sr-"][class*="chip"]
),
.theme-dark :is(
    [class^="acc-"][class*="badge"], [class^="acc-"][class*="pill"], [class^="acc-"][class*="avatar"], [class^="acc-"][class*="chip"],
    [class^="cmp-"][class*="badge"], [class^="cmp-"][class*="pill"], [class^="cmp-"][class*="avatar"], [class^="cmp-"][class*="chip"],
    [class^="dup-"][class*="badge"], [class^="dup-"][class*="pill"], [class^="dup-"][class*="avatar"], [class^="dup-"][class*="chip"],
    [class^="ef-"][class*="badge"], [class^="ef-"][class*="pill"], [class^="ef-"][class*="avatar"], [class^="ef-"][class*="chip"],
    [class^="enr-"][class*="badge"], [class^="enr-"][class*="pill"], [class^="enr-"][class*="avatar"], [class^="enr-"][class*="chip"], [class^="enr-"][class*="field"],
    [class^="fce-"][class*="badge"], [class^="fce-"][class*="pill"], [class^="fce-"][class*="avatar"], [class^="fce-"][class*="chip"],
    [class^="la-"][class*="badge"], [class^="la-"][class*="pill"], [class^="la-"][class*="avatar"], [class^="la-"][class*="chip"],
    [class^="ld-"][class*="badge"], [class^="ld-"][class*="pill"], [class^="ld-"][class*="avatar"], [class^="ld-"][class*="chip"],
    [class^="ldd-"][class*="badge"], [class^="ldd-"][class*="pill"], [class^="ldd-"][class*="avatar"], [class^="ldd-"][class*="chip"],
    [class^="ldir-"][class*="badge"], [class^="ldir-"][class*="pill"], [class^="ldir-"][class*="avatar"], [class^="ldir-"][class*="chip"],
    [class^="ldup-"][class*="badge"], [class^="ldup-"][class*="pill"], [class^="ldup-"][class*="avatar"], [class^="ldup-"][class*="chip"],
    [class^="lf-"][class*="badge"], [class^="lf-"][class*="pill"], [class^="lf-"][class*="avatar"], [class^="lf-"][class*="chip"],
    [class^="ls-"][class*="badge"], [class^="ls-"][class*="pill"], [class^="ls-"][class*="avatar"], [class^="ls-"][class*="chip"],
    [class^="map-"][class*="badge"], [class^="map-"][class*="pill"], [class^="map-"][class*="avatar"], [class^="map-"][class*="chip"],
    [class^="od-"][class*="badge"], [class^="od-"][class*="pill"], [class^="od-"][class*="avatar"], [class^="od-"][class*="chip"],
    [class^="op-"][class*="badge"], [class^="op-"][class*="pill"], [class^="op-"][class*="avatar"], [class^="op-"][class*="chip"],
    [class^="opb-"][class*="badge"], [class^="opb-"][class*="pill"], [class^="opb-"][class*="avatar"], [class^="opb-"][class*="chip"],
    [class^="opn-"][class*="badge"], [class^="opn-"][class*="pill"], [class^="opn-"][class*="avatar"], [class^="opn-"][class*="chip"],
    [class^="pcx-"][class*="badge"], [class^="pcx-"][class*="pill"], [class^="pcx-"][class*="avatar"], [class^="pcx-"][class*="chip"],
    [class^="pf-"][class*="badge"], [class^="pf-"][class*="pill"], [class^="pf-"][class*="avatar"], [class^="pf-"][class*="chip"],
    [class^="pr-"][class*="badge"], [class^="pr-"][class*="pill"], [class^="pr-"][class*="avatar"], [class^="pr-"][class*="chip"],
    [class^="qd-"][class*="badge"], [class^="qd-"][class*="pill"], [class^="qd-"][class*="avatar"], [class^="qd-"][class*="chip"],
    [class^="sg-"][class*="badge"], [class^="sg-"][class*="pill"], [class^="sg-"][class*="avatar"], [class^="sg-"][class*="chip"],
    [class^="sr-"][class*="badge"], [class^="sr-"][class*="pill"], [class^="sr-"][class*="avatar"], [class^="sr-"][class*="chip"]
) {
    background-color: rgba(96, 165, 250, .16) !important;
    background-image: none !important;
    border-color: rgba(96, 165, 250, .34) !important;
    color: #dbeafe !important;
}

[data-theme="dark"] :is(
    [class^="acc-"][class$="-selected"], [class^="acc-"][class$="-active"], [class^="acc-"][class$="-hover"],
    [class^="cmp-"][class$="-selected"], [class^="cmp-"][class$="-active"], [class^="cmp-"][class$="-hover"],
    [class^="dup-"][class$="-selected"], [class^="dup-"][class$="-active"], [class^="dup-"][class$="-hover"],
    [class^="ef-"][class$="-selected"], [class^="ef-"][class$="-active"], [class^="ef-"][class$="-hover"],
    [class^="enr-"][class$="-selected"], [class^="enr-"][class$="-active"], [class^="enr-"][class$="-hover"],
    [class^="fce-"][class$="-selected"], [class^="fce-"][class$="-active"], [class^="fce-"][class$="-hover"],
    [class^="la-"][class$="-selected"], [class^="la-"][class$="-active"], [class^="la-"][class$="-hover"],
    [class^="ld-"][class$="-selected"], [class^="ld-"][class$="-active"], [class^="ld-"][class$="-hover"],
    [class^="ldd-"][class$="-selected"], [class^="ldd-"][class$="-active"], [class^="ldd-"][class$="-hover"],
    [class^="ldir-"][class$="-selected"], [class^="ldir-"][class$="-active"], [class^="ldir-"][class$="-hover"],
    [class^="ldup-"][class$="-selected"], [class^="ldup-"][class$="-active"], [class^="ldup-"][class$="-hover"],
    [class^="lf-"][class$="-selected"], [class^="lf-"][class$="-active"], [class^="lf-"][class$="-hover"],
    [class^="ls-"][class$="-selected"], [class^="ls-"][class$="-active"], [class^="ls-"][class$="-hover"],
    [class^="map-"][class$="-selected"], [class^="map-"][class$="-active"], [class^="map-"][class$="-hover"],
    [class^="od-"][class$="-selected"], [class^="od-"][class$="-active"], [class^="od-"][class$="-hover"],
    [class^="op-"][class$="-selected"], [class^="op-"][class$="-active"], [class^="op-"][class$="-hover"],
    [class^="opb-"][class$="-selected"], [class^="opb-"][class$="-active"], [class^="opb-"][class$="-hover"],
    [class^="opn-"][class$="-selected"], [class^="opn-"][class$="-active"], [class^="opn-"][class$="-hover"],
    [class^="pcx-"][class$="-selected"], [class^="pcx-"][class$="-active"], [class^="pcx-"][class$="-hover"],
    [class^="pf-"][class$="-selected"], [class^="pf-"][class$="-active"], [class^="pf-"][class$="-hover"],
    [class^="pr-"][class$="-selected"], [class^="pr-"][class$="-active"], [class^="pr-"][class$="-hover"],
    [class^="qd-"][class$="-selected"], [class^="qd-"][class$="-active"], [class^="qd-"][class$="-hover"],
    [class^="sg-"][class$="-selected"], [class^="sg-"][class$="-active"], [class^="sg-"][class$="-hover"],
    [class^="sr-"][class$="-selected"], [class^="sr-"][class$="-active"], [class^="sr-"][class$="-hover"]
),
.theme-dark :is(
    [class^="acc-"][class$="-selected"], [class^="acc-"][class$="-active"], [class^="acc-"][class$="-hover"],
    [class^="cmp-"][class$="-selected"], [class^="cmp-"][class$="-active"], [class^="cmp-"][class$="-hover"],
    [class^="dup-"][class$="-selected"], [class^="dup-"][class$="-active"], [class^="dup-"][class$="-hover"],
    [class^="ef-"][class$="-selected"], [class^="ef-"][class$="-active"], [class^="ef-"][class$="-hover"],
    [class^="enr-"][class$="-selected"], [class^="enr-"][class$="-active"], [class^="enr-"][class$="-hover"],
    [class^="fce-"][class$="-selected"], [class^="fce-"][class$="-active"], [class^="fce-"][class$="-hover"],
    [class^="la-"][class$="-selected"], [class^="la-"][class$="-active"], [class^="la-"][class$="-hover"],
    [class^="ld-"][class$="-selected"], [class^="ld-"][class$="-active"], [class^="ld-"][class$="-hover"],
    [class^="ldd-"][class$="-selected"], [class^="ldd-"][class$="-active"], [class^="ldd-"][class$="-hover"],
    [class^="ldir-"][class$="-selected"], [class^="ldir-"][class$="-active"], [class^="ldir-"][class$="-hover"],
    [class^="ldup-"][class$="-selected"], [class^="ldup-"][class$="-active"], [class^="ldup-"][class$="-hover"],
    [class^="lf-"][class$="-selected"], [class^="lf-"][class$="-active"], [class^="lf-"][class$="-hover"],
    [class^="ls-"][class$="-selected"], [class^="ls-"][class$="-active"], [class^="ls-"][class$="-hover"],
    [class^="map-"][class$="-selected"], [class^="map-"][class$="-active"], [class^="map-"][class$="-hover"],
    [class^="od-"][class$="-selected"], [class^="od-"][class$="-active"], [class^="od-"][class$="-hover"],
    [class^="op-"][class$="-selected"], [class^="op-"][class$="-active"], [class^="op-"][class$="-hover"],
    [class^="opb-"][class$="-selected"], [class^="opb-"][class$="-active"], [class^="opb-"][class$="-hover"],
    [class^="opn-"][class$="-selected"], [class^="opn-"][class$="-active"], [class^="opn-"][class$="-hover"],
    [class^="pcx-"][class$="-selected"], [class^="pcx-"][class$="-active"], [class^="pcx-"][class$="-hover"],
    [class^="pf-"][class$="-selected"], [class^="pf-"][class$="-active"], [class^="pf-"][class$="-hover"],
    [class^="pr-"][class$="-selected"], [class^="pr-"][class$="-active"], [class^="pr-"][class$="-hover"],
    [class^="qd-"][class$="-selected"], [class^="qd-"][class$="-active"], [class^="qd-"][class$="-hover"],
    [class^="sg-"][class$="-selected"], [class^="sg-"][class$="-active"], [class^="sg-"][class$="-hover"],
    [class^="sr-"][class$="-selected"], [class^="sr-"][class$="-active"], [class^="sr-"][class$="-hover"]
) {
    background-color: rgba(96, 165, 250, .12) !important;
    background-image: linear-gradient(145deg, rgba(35, 109, 255, .20), rgba(8, 145, 178, .12)) !important;
    border-color: rgba(96, 165, 250, .42) !important;
    color: var(--dark-polish-text) !important;
}

/* Tenant dark-mode hardening insertion point:
   keep route-specific dark overrides above non-theme helper styles below. */
/* CRM visual gauges and score rings need high contrast numbers and tone color in dark mode. */
[data-theme="dark"] :is(
    .op-score-ring,
    .op-score-ring strong,
    .op-score-ring span,
    [class*="score-ring" i],
    [class*="score-ring" i] strong,
    [class*="score-ring" i] span,
    [class^="op-"][class*="score-ring"],
    [class^="op-"][class*="score-ring"] strong,
    [class^="op-"][class*="score-ring"] span,
    [class^="op-"][class*="probability"],
    [class^="op-"][class*="gauge"],
    [class^="op-"][class*="chart"]
),
.theme-dark :is(
    .op-score-ring,
    .op-score-ring strong,
    .op-score-ring span,
    [class*="score-ring" i],
    [class*="score-ring" i] strong,
    [class*="score-ring" i] span,
    [class^="op-"][class*="score-ring"],
    [class^="op-"][class*="score-ring"] strong,
    [class^="op-"][class*="score-ring"] span,
    [class^="op-"][class*="probability"],
    [class^="op-"][class*="gauge"],
    [class^="op-"][class*="chart"]
) {
    color: var(--dark-polish-text) !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .45) !important;
}

[data-theme="dark"] :is(.op-score-ring, [class^="op-"][class*="score-ring"], [class^="op-"][class*="gauge"], [class^="op-"][class*="chart"]),
.theme-dark :is(.op-score-ring, [class^="op-"][class*="score-ring"], [class^="op-"][class*="gauge"], [class^="op-"][class*="chart"]) {
    background-color: rgba(96, 165, 250, .16) !important;
    background-image: radial-gradient(circle, rgba(30, 41, 59, .95) 58%, rgba(96, 165, 250, .22) 60%, rgba(15, 23, 42, .98) 100%) !important;
    border-color: rgba(251, 146, 60, .62) !important;
}

[data-theme="dark"] :is([class*="score-ring" i]),
.theme-dark :is([class*="score-ring" i]) {
    background-color: rgba(15, 23, 42, .9) !important;
    background-image: radial-gradient(circle at center, rgba(15, 23, 42, .94) 55%, transparent 56%), conic-gradient(#22c55e, #f59e0b, #ef4444, #22c55e) !important;
    border-color: rgba(96, 165, 250, .34) !important;
    color: #f8fafc !important;
}

[data-theme="dark"] :is([class*="score-ring" i]) strong,
.theme-dark :is([class*="score-ring" i]) strong {
    color: #f8fafc !important;
}

[data-theme="dark"] :is([class*="score-ring" i]) span,
.theme-dark :is([class*="score-ring" i]) span {
    color: #bfdbfe !important;
}

[data-theme="dark"] :is([class*="score-green" i], [class*="score-good" i], [class*="score-success" i], [class*="health-good" i]) :is([class*="score-ring" i]),
.theme-dark :is([class*="score-green" i], [class*="score-good" i], [class*="score-success" i], [class*="health-good" i]) :is([class*="score-ring" i]),
[data-theme="dark"] :is([class*="score-ring" i][class*="green" i], [class*="score-ring" i][class*="good" i], [class*="score-ring" i][class*="success" i]),
.theme-dark :is([class*="score-ring" i][class*="green" i], [class*="score-ring" i][class*="good" i], [class*="score-ring" i][class*="success" i]) {
    background-image: radial-gradient(circle at center, rgba(15, 23, 42, .94) 55%, transparent 56%), conic-gradient(#22c55e, #86efac, #14b8a6, #22c55e) !important;
    border-color: rgba(34, 197, 94, .72) !important;
}

[data-theme="dark"] :is([class*="score-amber" i], [class*="score-warn" i], [class*="score-warning" i], [class*="health-warn" i]) :is([class*="score-ring" i]),
.theme-dark :is([class*="score-amber" i], [class*="score-warn" i], [class*="score-warning" i], [class*="health-warn" i]) :is([class*="score-ring" i]),
[data-theme="dark"] :is([class*="score-ring" i][class*="amber" i], [class*="score-ring" i][class*="warn" i], [class*="score-ring" i][class*="warning" i]),
.theme-dark :is([class*="score-ring" i][class*="amber" i], [class*="score-ring" i][class*="warn" i], [class*="score-ring" i][class*="warning" i]) {
    background-image: radial-gradient(circle at center, rgba(15, 23, 42, .94) 55%, transparent 56%), conic-gradient(#f59e0b, #fbbf24, #fb923c, #f59e0b) !important;
    border-color: rgba(245, 158, 11, .78) !important;
}

[data-theme="dark"] :is([class*="score-red" i], [class*="score-danger" i], [class*="score-risk" i], [class*="health-danger" i]) :is([class*="score-ring" i]),
.theme-dark :is([class*="score-red" i], [class*="score-danger" i], [class*="score-risk" i], [class*="health-danger" i]) :is([class*="score-ring" i]),
[data-theme="dark"] :is([class*="score-ring" i][class*="red" i], [class*="score-ring" i][class*="danger" i], [class*="score-ring" i][class*="risk" i]),
.theme-dark :is([class*="score-ring" i][class*="red" i], [class*="score-ring" i][class*="danger" i], [class*="score-ring" i][class*="risk" i]) {
    background-image: radial-gradient(circle at center, rgba(15, 23, 42, .94) 55%, transparent 56%), conic-gradient(#ef4444, #fb7185, #f97316, #ef4444) !important;
    border-color: rgba(239, 68, 68, .78) !important;
}

[data-theme="dark"] :is([class*="rank-row" i], [class*="risk-row" i], [class*="analytics-list" i]) > div,
.theme-dark :is([class*="rank-row" i], [class*="risk-row" i], [class*="analytics-list" i]) > div {
    background-color: rgba(51, 65, 85, .7) !important;
}

[data-theme="dark"] :is([class*="rank-row" i], [class*="risk-row" i], [class*="analytics-list" i]) > div > i,
.theme-dark :is([class*="rank-row" i], [class*="risk-row" i], [class*="analytics-list" i]) > div > i {
    background: linear-gradient(90deg, #ef4444, #f59e0b, #22c55e) !important;
}

[data-theme="dark"] :is([class*="rules-card" i], [class*="driver" i]) :is(span, em),
.theme-dark :is([class*="rules-card" i], [class*="driver" i]) :is(span, em) {
    color: #dbeafe !important;
}

[data-theme="dark"] :is([class*="rules-card" i]) p > span,
.theme-dark :is([class*="rules-card" i]) p > span {
    border-radius: 999px !important;
    padding: .12rem .45rem !important;
    background: rgba(34, 197, 94, .16) !important;
    color: #4ade80 !important;
    font-size: .7rem !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

/* Tenant dark-mode route hardening: remove light page surfaces without changing layout. */
[data-theme="dark"] .ams-tenant-route,
.theme-dark .ams-tenant-route {
    background: linear-gradient(180deg, var(--dark-polish-bg-2), var(--dark-polish-bg)) !important;
    color: var(--dark-polish-text-2) !important;
}

[data-theme="dark"] .ams-tenant-route :is(
    [class*="page"],
    [class*="workspace"],
    [class*="container"],
    [class*="shell"],
    [class*="layout"],
    [class*="content"],
    [class*="dashboard"]
),
.theme-dark .ams-tenant-route :is(
    [class*="page"],
    [class*="workspace"],
    [class*="container"],
    [class*="shell"],
    [class*="layout"],
    [class*="content"],
    [class*="dashboard"]
) {
    background-color: transparent !important;
    background-image: none !important;
    color: var(--dark-polish-text-2) !important;
}

[data-theme="dark"] .ams-tenant-route :is(
    .card,
    .card-body,
    .modal-content,
    .dropdown-menu,
    .list-group-item,
    .accordion,
    .accordion-item,
    .accordion-button,
    .tab-content,
    .tab-pane,
    .nav-tabs,
    .nav-pills,
    .breadcrumb,
    .alert:not(.alert-danger):not(.alert-warning):not(.alert-success),
    .um-grid-card,
    .um-settings-container,
    .um-settings-card,
    .um-settings-card__header,
    .um-settings-card__body,
    .e-card,
    .e-dialog,
    .e-dlg-content,
    .e-grid,
    .e-gridheader,
    .e-headercell,
    .e-rowcell,
    .e-table,
    .e-content,
    .e-toolbar,
    .e-tab,
    .e-tab-header,
    .e-tab-wrap
),
.theme-dark .ams-tenant-route :is(
    .card,
    .card-body,
    .modal-content,
    .dropdown-menu,
    .list-group-item,
    .accordion,
    .accordion-item,
    .accordion-button,
    .tab-content,
    .tab-pane,
    .nav-tabs,
    .nav-pills,
    .breadcrumb,
    .alert:not(.alert-danger):not(.alert-warning):not(.alert-success),
    .um-grid-card,
    .um-settings-container,
    .um-settings-card,
    .um-settings-card__header,
    .um-settings-card__body,
    .e-card,
    .e-dialog,
    .e-dlg-content,
    .e-grid,
    .e-gridheader,
    .e-headercell,
    .e-rowcell,
    .e-table,
    .e-content,
    .e-toolbar,
    .e-tab,
    .e-tab-header,
    .e-tab-wrap
) {
    background-color: var(--dark-polish-card) !important;
    background-image: linear-gradient(145deg, rgba(20, 34, 56, .96), rgba(13, 23, 40, .96)) !important;
    border-color: var(--dark-polish-border) !important;
    color: var(--dark-polish-text-2) !important;
}

[data-theme="dark"] .ams-tenant-route :is(
    input,
    select,
    textarea,
    button:not(.btn-primary):not([class*="primary"]):not([class*="danger"]):not([class*="success"]),
    .form-control,
    .form-select,
    .input-group-text,
    .btn-light,
    .btn-outline-secondary,
    .btn-outline-dark,
    .um-input,
    .um-select,
    .e-input,
    .e-input-group,
    .e-control-wrapper,
    .um-btn-ghost
),
.theme-dark .ams-tenant-route :is(
    input,
    select,
    textarea,
    button:not(.btn-primary):not([class*="primary"]):not([class*="danger"]):not([class*="success"]),
    .form-control,
    .form-select,
    .input-group-text,
    .btn-light,
    .btn-outline-secondary,
    .btn-outline-dark,
    .um-input,
    .um-select,
    .e-input,
    .e-input-group,
    .e-control-wrapper,
    .um-btn-ghost
) {
    background-color: var(--dark-polish-input) !important;
    background-image: none !important;
    border-color: var(--dark-polish-border-2) !important;
    color: var(--dark-polish-text) !important;
}

[data-theme="dark"] .ams-tenant-route :is(
    table,
    thead,
    tbody,
    tr,
    th,
    td,
    .table,
    .um-table,
    [class*="table"],
    [class*="grid"]
),
.theme-dark .ams-tenant-route :is(
    table,
    thead,
    tbody,
    tr,
    th,
    td,
    .table,
    .um-table,
    [class*="table"],
    [class*="grid"]
) {
    background-color: var(--dark-polish-card-2) !important;
    background-image: none !important;
    border-color: var(--dark-polish-border) !important;
    color: var(--dark-polish-text-2) !important;
}

[data-theme="dark"] .ams-tenant-route :is(
    thead,
    th,
    .table-light,
    [class*="thead"],
    [class*="modal-header"],
    [class*="detail-head"],
    [class*="modal-footer"],
    [class*="pager"]
),
.theme-dark .ams-tenant-route :is(
    thead,
    th,
    .table-light,
    [class*="thead"],
    [class*="modal-header"],
    [class*="detail-head"],
    [class*="modal-footer"],
    [class*="pager"]
) {
    background-color: var(--dark-polish-card-3) !important;
    background-image: linear-gradient(145deg, rgba(26, 42, 68, .96), rgba(15, 27, 46, .96)) !important;
    border-color: var(--dark-polish-border) !important;
    color: var(--dark-polish-text) !important;
}

[data-theme="dark"] .ams-tenant-route :is(
    [class$="-active"],
    [class$="-selected"],
    .active,
    .show,
    .nav-link.active,
    .dropdown-item.active,
    tbody tr:hover,
    [class*="row"]:hover,
    [class*="card"]:hover,
    [class*="item"]:hover
),
.theme-dark .ams-tenant-route :is(
    [class$="-active"],
    [class$="-selected"],
    .active,
    .show,
    .nav-link.active,
    .dropdown-item.active,
    tbody tr:hover,
    [class*="row"]:hover,
    [class*="card"]:hover,
    [class*="item"]:hover
) {
    background-color: rgba(96, 165, 250, .12) !important;
    background-image: linear-gradient(145deg, rgba(35, 109, 255, .20), rgba(8, 145, 178, .12)) !important;
    border-color: rgba(96, 165, 250, .42) !important;
    color: var(--dark-polish-text) !important;
}

[data-theme="dark"] .ams-tenant-route :is(
    [class*="badge"],
    [class*="pill"],
    [class*="chip"],
    [class*="tag"],
    [class*="avatar"],
    [class$="-icon"],
    [class*="-icon "],
    [class*="type"],
    [class*="tone"],
    .badge
),
.theme-dark .ams-tenant-route :is(
    [class*="badge"],
    [class*="pill"],
    [class*="chip"],
    [class*="tag"],
    [class*="avatar"],
    [class$="-icon"],
    [class*="-icon "],
    [class*="type"],
    [class*="tone"],
    .badge
) {
    background-color: rgba(96, 165, 250, .16) !important;
    background-image: none !important;
    border-color: rgba(96, 165, 250, .34) !important;
    color: #dbeafe !important;
}

[data-theme="dark"] .ams-tenant-route :is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    strong,
    label,
    .fw-semibold,
    [class*="title"],
    [class*="name"],
    [class*="value"],
    [class*="val"]
),
.theme-dark .ams-tenant-route :is(
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    strong,
    label,
    .fw-semibold,
    [class*="title"],
    [class*="name"],
    [class*="value"],
    [class*="val"]
) {
    color: var(--dark-polish-text) !important;
}

[data-theme="dark"] .ams-tenant-route :is(
    small,
    .text-muted,
    .form-text,
    [class*="hint"],
    [class*="sub"],
    [class*="subtitle"],
    [class*="description"],
    [class*="caption"],
    [class*="meta"],
    [class*="muted"],
    [class*="eyebrow"],
    [class*="label"],
    [class*="lbl"]
),
.theme-dark .ams-tenant-route :is(
    small,
    .text-muted,
    .form-text,
    [class*="hint"],
    [class*="sub"],
    [class*="subtitle"],
    [class*="description"],
    [class*="caption"],
    [class*="meta"],
    [class*="muted"],
    [class*="eyebrow"],
    [class*="label"],
    [class*="lbl"]
) {
    color: var(--dark-polish-muted) !important;
}

[data-theme="dark"] .ams-tenant-route :is([style*="background:#fff"], [style*="background: #fff"], [style*="background-color:#fff"], [style*="background-color: #fff"], [style*="background:white"], [style*="background: white"]),
.theme-dark .ams-tenant-route :is([style*="background:#fff"], [style*="background: #fff"], [style*="background-color:#fff"], [style*="background-color: #fff"], [style*="background:white"], [style*="background: white"]) {
    background-color: var(--dark-polish-card) !important;
    background-image: linear-gradient(145deg, rgba(20, 34, 56, .96), rgba(13, 23, 40, .96)) !important;
    color: var(--dark-polish-text-2) !important;
}

[data-theme="dark"].ams-tenant-route :is([class*="modal"], [class*="dialog"], [class*="popover"], .e-dialog, .e-dlg-content, .modal-content),
.theme-dark.ams-tenant-route :is([class*="modal"], [class*="dialog"], [class*="popover"], .e-dialog, .e-dlg-content, .modal-content) {
    background-color: var(--dark-polish-card) !important;
    background-image: linear-gradient(145deg, rgba(20, 34, 56, .98), rgba(13, 23, 40, .98)) !important;
    border-color: var(--dark-polish-border) !important;
    color: var(--dark-polish-text-2) !important;
}

/* Tenant isolated-page fallback: covers scoped component boxes that can out-specificity route descendants. */
[data-theme="dark"].ams-tenant-route :is(
    [class*="board"],
    [class*="column"],
    [class*="col"],
    [class*="mini"],
    [class*="list"],
    [class*="history"],
    [class*="health"],
    [class*="summary"],
    [class*="workflow"],
    [class*="search"],
    [class*="view"],
    [class*="tab"],
    [class*="main"],
    [class*="detail"],
    [class*="contact"],
    [class*="action"],
    [class*="preview"],
    [class*="config"],
    [class*="setting"],
    [class*="provider"],
    [class*="gateway"],
    [class*="integration"],
    [class*="template"],
    [class*="document"],
    [class*="rule"],
    [class*="type"],
    [class*="badge"],
    [class*="pill"],
    [class*="chip"],
    [class*="avatar"],
    [class$="-icon"],
    [class*="empty"],
    [class$="-metric"],
    [class*="analytics"],
    [class*="section"],
    [class*="panel"],
    [class*="card"],
    [class*="box"],
    [class*="tile"],
    [class*="strip"],
    [class*="bar"]
),
.theme-dark .ams-tenant-route :is(
    [class*="board"],
    [class*="column"],
    [class*="col"],
    [class*="mini"],
    [class*="list"],
    [class*="history"],
    [class*="health"],
    [class*="summary"],
    [class*="workflow"],
    [class*="search"],
    [class*="view"],
    [class*="tab"],
    [class*="main"],
    [class*="detail"],
    [class*="contact"],
    [class*="action"],
    [class*="preview"],
    [class*="config"],
    [class*="setting"],
    [class*="provider"],
    [class*="gateway"],
    [class*="integration"],
    [class*="template"],
    [class*="document"],
    [class*="rule"],
    [class*="type"],
    [class*="badge"],
    [class*="pill"],
    [class*="chip"],
    [class*="avatar"],
    [class$="-icon"],
    [class*="empty"],
    [class$="-metric"],
    [class*="analytics"],
    [class*="section"],
    [class*="panel"],
    [class*="card"],
    [class*="box"],
    [class*="tile"],
    [class*="strip"],
    [class*="bar"]
) {
    background-color: var(--dark-polish-card) !important;
    background-image: linear-gradient(145deg, rgba(20, 34, 56, .96), rgba(13, 23, 40, .96)) !important;
    border-color: var(--dark-polish-border) !important;
    color: var(--dark-polish-text-2) !important;
}

[data-theme="dark"].ams-tenant-route :is(
    [class*="badge"],
    [class*="pill"],
    [class*="chip"],
    [class*="tag"],
    [class*="avatar"],
    [class$="-icon"],
    [class*="type"],
    [class*="tone"],
    [class*="count"],
    [class*="mini"]
),
.theme-dark .ams-tenant-route :is(
    [class*="badge"],
    [class*="pill"],
    [class*="chip"],
    [class*="tag"],
    [class*="avatar"],
    [class$="-icon"],
    [class*="type"],
    [class*="tone"],
    [class*="count"],
    [class*="mini"]
) {
    background-color: rgba(96, 165, 250, .16) !important;
    background-image: none !important;
    border-color: rgba(96, 165, 250, .34) !important;
    color: #dbeafe !important;
}

[data-theme="dark"].ams-tenant-route :is(
    [class$="-active"],
    [class$="-selected"],
    [class$="-hover"],
    [class*="today"],
    [class*="current"],
    [class*="focus"],
    [class*="primary"]
),
.theme-dark .ams-tenant-route :is(
    [class$="-active"],
    [class$="-selected"],
    [class$="-hover"],
    [class*="today"],
    [class*="current"],
    [class*="focus"],
    [class*="primary"]
) {
    background-color: rgba(96, 165, 250, .12) !important;
    background-image: linear-gradient(145deg, rgba(35, 109, 255, .20), rgba(8, 145, 178, .12)) !important;
    border-color: rgba(96, 165, 250, .42) !important;
    color: var(--dark-polish-text) !important;
}

/* Account 360 enterprise action and validation helpers */
.a360-card-actions {
    display: flex;
    align-items: center;
    gap: .25rem;
    margin-left: auto;
    padding-left: .5rem;
}

.a360-inline-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem;
    margin-top: .55rem;
}

.od-inline-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem;
    margin-top: .55rem;
}

.od-compact-actions {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
    margin-left: .35rem;
}

.od-comp-row {
    gap: .4rem;
}

.od-comp-row .od-comp-name {
    flex: 1;
    min-width: 0;
}

.a360-help-text {
    display: block;
    margin-top: .45rem;
    color: var(--text-muted);
    font-size: .8rem;
    font-weight: 600;
}

.validation-message.text-danger {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin-top: .5rem;
    color: #dc3545 !important;
    font-size: .84rem;
    font-weight: 700;
}

.validation-message.text-danger::before {
    content: "!";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg, #ef4444, #b91c1c);
    font-size: .68rem;
    font-weight: 800;
}

.um-input.modified.invalid,
.um-input.invalid {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 .18rem rgba(220, 53, 69, .14) !important;
}

.um-input.modified.valid {
    border-color: #12b76a !important;
}

[data-theme="dark"],
.theme-dark {
    color-scheme: dark;
    --app-bg: #08111f;
    --app-bg-accent: #0b1628;
    --content-bg: #08111f;
    --surface-card: #101a2b;
    --surface-raised: #0c1626;
    --surface-input: #111d31;
    --surface-hover: #17243a;
    --surface-muted: #132035;
    --border-color: rgba(148, 163, 184, .18);
    --border-dark: rgba(148, 163, 184, .30);
    --text-primary: #f8fafc;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-muted: #7f90a8;
    --text-placeholder: #65768f;
    --header-bg: rgba(12, 22, 38, .86);
    --header-border: rgba(148, 163, 184, .16);
    --success-bg: rgba(5, 150, 105, .16);
    --warning-bg: rgba(217, 119, 6, .15);
    --danger-bg: rgba(225, 29, 72, .16);
    --info-bg: rgba(35, 109, 255, .16);
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, .25);
    --shadow-sm: 0 10px 30px rgba(0, 0, 0, .28);
    --shadow-md: 0 20px 50px rgba(0, 0, 0, .34);
    --shadow-lg: 0 30px 80px rgba(0, 0, 0, .44);
    --shadow-xl: 0 40px 100px rgba(0, 0, 0, .55);

    /* Reusable dark-theme compatibility tokens for older page/component CSS. */
    --dark-page-bg: #071120;
    --dark-page-bg-soft: #0b1628;
    --dark-surface-1: #101a2b;
    --dark-surface-2: #0d1728;
    --dark-surface-3: #142238;
    --dark-surface-hover: #1a2a44;
    --dark-border: rgba(148, 163, 184, .18);
    --dark-border-strong: rgba(148, 163, 184, .32);
    --dark-text-1: #f8fafc;
    --dark-text-2: #dbe5f2;
    --dark-text-3: #aab8cc;
    --dark-text-muted: #8190a8;
    --dark-input-bg: #0f1b2e;
    --dark-input-border: rgba(148, 163, 184, .26);
    --dark-accent-bg: rgba(35, 109, 255, .16);

    --ad-surface: var(--dark-surface-1);
    --ad-surface-alt: var(--dark-surface-2);
    --ad-border: var(--dark-border);
    --ad-border-dark: var(--dark-border-strong);
    --ad-text-1: var(--dark-text-1);
    --ad-text-2: var(--dark-text-2);
    --ad-text-3: var(--dark-text-3);
    --ad-text-4: var(--dark-text-muted);
    --ad-blue-bg: rgba(59, 130, 246, .14);
    --ad-blue-pale: rgba(59, 130, 246, .22);
    --ad-green-bg: rgba(16, 185, 129, .13);
    --ad-green-pale: rgba(16, 185, 129, .22);
    --ad-purple-bg: rgba(139, 92, 246, .14);
    --ad-purple-pale: rgba(139, 92, 246, .22);
    --ad-amber-bg: rgba(245, 158, 11, .14);
    --ad-amber-pale: rgba(245, 158, 11, .24);
    --ad-red-bg: rgba(239, 68, 68, .14);
    --ad-red-pale: rgba(239, 68, 68, .24);
    --ad-indigo-bg: rgba(99, 102, 241, .14);
    --ad-indigo-pale: rgba(99, 102, 241, .24);
    --ad-teal-bg: rgba(20, 184, 166, .13);
    --ad-teal-pale: rgba(20, 184, 166, .22);
    --ad-orange-bg: rgba(249, 115, 22, .14);
    --ad-orange-pale: rgba(249, 115, 22, .24);
}

/* ════════════════════════════════════════════════════════
   Reusable dark theme compatibility layer
   Applies to legacy and dashboard pages without per-page edits.
   ════════════════════════════════════════════════════════ */
[data-theme="dark"] body,
.theme-dark,
.theme-dark .ams-body,
.theme-dark .ams-content {
    background:
        radial-gradient(circle at 12% -10%, rgba(35, 109, 255, .18), transparent 34rem),
        radial-gradient(circle at 88% 0%, rgba(8, 145, 178, .12), transparent 32rem),
        linear-gradient(180deg, var(--dark-page-bg-soft), var(--dark-page-bg) 36rem) !important;
    color: var(--dark-text-2);
}

[data-theme="dark"] :is(
    [class$="-enterprise-page"],
    [class*="-enterprise-page "],
    [class$="-page"],
    [class*="-page "],
    .pc-page,
    .um-page,
    .crm-page,
    .dashboard-page,
    .tenant-dashboard-page
),
.theme-dark :is(
    [class$="-enterprise-page"],
    [class*="-enterprise-page "],
    [class$="-page"],
    [class*="-page "],
    .pc-page,
    .um-page,
    .crm-page,
    .dashboard-page,
    .tenant-dashboard-page
) {
    background: transparent !important;
    color: var(--dark-text-2) !important;
}

[data-theme="dark"] :is(
    [class$="-hero"],
    [class*="-hero "],
    [class$="-main-card"],
    [class*="-main-card "],
    [class$="-detail-panel"],
    [class*="-detail-panel "],
    [class$="-filter-panel"],
    [class*="-filter-panel "],
    [class$="-panel"],
    [class*="-panel "],
    [class$="-card"],
    [class*="-card "],
    [class$="-modal"],
    [class*="-modal "],
    .card,
    .modal-content,
    .dropdown-menu,
    .offcanvas,
    .toast
),
.theme-dark :is(
    [class$="-hero"],
    [class*="-hero "],
    [class$="-main-card"],
    [class*="-main-card "],
    [class$="-detail-panel"],
    [class*="-detail-panel "],
    [class$="-filter-panel"],
    [class*="-filter-panel "],
    [class$="-panel"],
    [class*="-panel "],
    [class$="-card"],
    [class*="-card "],
    [class$="-modal"],
    [class*="-modal "],
    .card,
    .modal-content,
    .dropdown-menu,
    .offcanvas,
    .toast
) {
    background: linear-gradient(180deg, rgba(16, 26, 43, .96), rgba(13, 23, 40, .96)) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-2) !important;
    box-shadow: var(--shadow-sm) !important;
}

[data-theme="dark"] :is(
    [class$="-kpi-card"],
    [class*="-kpi-card "],
    [class$="-workflow-card"],
    [class*="-workflow-card "],
    [class$="-aggregate-card"],
    [class*="-aggregate-card "],
    [class$="-analytics-panel"],
    [class*="-analytics-panel "],
    [class$="-spotlight-card"],
    [class*="-spotlight-card "],
    [class$="-guidance-card"],
    [class*="-guidance-card "],
    [class$="-rules-card"],
    [class*="-rules-card "],
    [class$="-notes-card"],
    [class*="-notes-card "],
    [class$="-empty-state"],
    [class*="-empty-state "],
    [class$="-loading-state"],
    [class*="-loading-state "]
),
.theme-dark :is(
    [class$="-kpi-card"],
    [class*="-kpi-card "],
    [class$="-workflow-card"],
    [class*="-workflow-card "],
    [class$="-aggregate-card"],
    [class*="-aggregate-card "],
    [class$="-analytics-panel"],
    [class*="-analytics-panel "],
    [class$="-spotlight-card"],
    [class*="-spotlight-card "],
    [class$="-guidance-card"],
    [class*="-guidance-card "],
    [class$="-rules-card"],
    [class*="-rules-card "],
    [class$="-notes-card"],
    [class*="-notes-card "],
    [class$="-empty-state"],
    [class*="-empty-state "],
    [class$="-loading-state"],
    [class*="-loading-state "]
) {
    background: linear-gradient(145deg, rgba(20, 34, 56, .94), rgba(12, 23, 40, .94)) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-2) !important;
}

[data-theme="dark"] :is(
    [class$="-kpi-card-active"],
    [class*="-kpi-card-active "],
    [class$="-active"],
    [class*="-active "],
    .active
),
.theme-dark :is(
    [class$="-kpi-card-active"],
    [class*="-kpi-card-active "],
    [class$="-active"],
    [class*="-active "],
    .active
) {
    background: linear-gradient(145deg, rgba(35, 109, 255, .24), rgba(8, 145, 178, .16)) !important;
    border-color: rgba(96, 165, 250, .48) !important;
}

[data-theme="dark"] :is(
    h1, h2, h3, h4, h5, h6,
    strong,
    label,
    th,
    .form-label,
    .modal-title,
    [class$="-kpi-val"],
    [class*="-kpi-val "],
    [class$="-title"],
    [class*="-title "]
),
.theme-dark :is(
    h1, h2, h3, h4, h5, h6,
    strong,
    label,
    th,
    .form-label,
    .modal-title,
    [class$="-kpi-val"],
    [class*="-kpi-val "],
    [class$="-title"],
    [class*="-title "]
) {
    color: var(--dark-text-1) !important;
}

[data-theme="dark"] :is(
    p, small, span, td,
    .text-muted,
    .form-text,
    .modal-body,
    [class$="-lbl"],
    [class*="-lbl "],
    [class$="-caption"],
    [class*="-caption "],
    [class$="-meta"],
    [class*="-meta "]
),
.theme-dark :is(
    p, small, span, td,
    .text-muted,
    .form-text,
    .modal-body,
    [class$="-lbl"],
    [class*="-lbl "],
    [class$="-caption"],
    [class*="-caption "],
    [class$="-meta"],
    [class*="-meta "]
) {
    color: inherit;
}

[data-theme="dark"] :is(
    input,
    select,
    textarea,
    .form-control,
    .form-select,
    .input-group-text,
    [class$="-input"],
    [class*="-input "],
    [class$="-select"],
    [class*="-select "]
),
.theme-dark :is(
    input,
    select,
    textarea,
    .form-control,
    .form-select,
    .input-group-text,
    [class$="-input"],
    [class*="-input "],
    [class$="-select"],
    [class*="-select "]
) {
    background-color: var(--dark-input-bg) !important;
    border-color: var(--dark-input-border) !important;
    color: var(--dark-text-1) !important;
    box-shadow: none !important;
}

/* Workbench workflow cards stay as the foreground oblong objects; only the backing strip is removed. */
.ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]) {
    border: 1px solid rgba(148, 163, 184, .2) !important;
    border-radius: 1rem !important;
    padding: .8rem .95rem !important;
    background: rgba(255, 255, 255, .72) !important;
    background-image: none !important;
    box-shadow: none !important;
}

[data-theme="dark"] .ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]),
.theme-dark .ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]),
body.dark .ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]) {
    border-color: rgba(96, 165, 250, .12) !important;
    background: rgba(10, 25, 43, .72) !important;
    background-image: none !important;
    box-shadow: none !important;
}

[data-theme="dark"] :is(input, select, textarea, .form-control, .form-select)::placeholder,
.theme-dark :is(input, select, textarea, .form-control, .form-select)::placeholder {
    color: var(--dark-text-muted) !important;
}

[data-theme="dark"] :is(table, .table, [class$="-table"], [class*="-table "]),
.theme-dark :is(table, .table, [class$="-table"], [class*="-table "]) {
    background: var(--dark-surface-1) !important;
    color: var(--dark-text-2) !important;
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] :is(thead, tbody, tr, th, td),
.theme-dark :is(thead, tbody, tr, th, td) {
    border-color: var(--dark-border) !important;
}

[data-theme="dark"] :is(thead, th, .table-light),
.theme-dark :is(thead, th, .table-light) {
    background: var(--dark-surface-2) !important;
    color: var(--dark-text-1) !important;
}

[data-theme="dark"] :is(tbody tr:hover, .table-hover tbody tr:hover),
.theme-dark :is(tbody tr:hover, .table-hover tbody tr:hover) {
    background: rgba(96, 165, 250, .10) !important;
}

[data-theme="dark"] :is(
    .alert,
    .alert-info,
    .alert-primary,
    .alert-secondary,
    .alert-light,
    .list-group-item,
    .accordion-item,
    .accordion-button,
    .breadcrumb,
    .pagination .page-link
),
.theme-dark :is(
    .alert,
    .alert-info,
    .alert-primary,
    .alert-secondary,
    .alert-light,
    .list-group-item,
    .accordion-item,
    .accordion-button,
    .breadcrumb,
    .pagination .page-link
) {
    background: var(--dark-surface-2) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-2) !important;
}

[data-theme="dark"] :is(.btn-light, .btn-outline-secondary, .btn-outline-dark, [class$="-btn--light"], [class*="-btn--light "]),
.theme-dark :is(.btn-light, .btn-outline-secondary, .btn-outline-dark, [class$="-btn--light"], [class*="-btn--light "]) {
    background: var(--dark-surface-3) !important;
    border-color: var(--dark-border-strong) !important;
    color: var(--dark-text-1) !important;
}

[data-theme="dark"] :is(
    .e-control,
    .e-grid,
    .e-grid .e-gridheader,
    .e-grid .e-headercell,
    .e-grid .e-rowcell,
    .e-dialog,
    .e-dlg-content,
    .e-dropdownbase,
    .e-input-group,
    .e-control-wrapper
),
.theme-dark :is(
    .e-control,
    .e-grid,
    .e-grid .e-gridheader,
    .e-grid .e-headercell,
    .e-grid .e-rowcell,
    .e-dialog,
    .e-dlg-content,
    .e-dropdownbase,
    .e-input-group,
    .e-control-wrapper
) {
    background: var(--dark-surface-1) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-2) !important;
}

[data-theme="dark"] :is(.e-grid .e-row:hover .e-rowcell, .e-grid .e-selectionbackground),
.theme-dark :is(.e-grid .e-row:hover .e-rowcell, .e-grid .e-selectionbackground) {
    background: rgba(96, 165, 250, .12) !important;
}

[data-theme="dark"] hr,
.theme-dark hr {
    border-color: var(--dark-border) !important;
    opacity: 1;
}

html {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    min-height: 100vh;
    background:
        radial-gradient(circle at 14% -10%, rgba(35, 109, 255, .12), transparent 34rem),
        radial-gradient(circle at 88% 0%, rgba(8, 145, 178, .10), transparent 32rem),
        linear-gradient(180deg, var(--app-bg-accent), var(--app-bg) 34rem);
    color: var(--text-primary);
    font-family: var(--font);
    font-size: .875rem;
    line-height: 1.55;
    letter-spacing: -.006em;
}

/* ════════════════════════════════════════════════════════
   Enterprise full-width content policy
   Keep application pages using the full available shell width.
   Auth pages and dialogs keep their own intentional constraints.
   ════════════════════════════════════════════════════════ */
main.ams-content,
#ams-main {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

main.ams-content > :not(.login-layout):not(.e-dlg-container):not(.e-dialog):not(.ld-modal-backdrop):not(.ld-toast):not(.um-toast):not([class$="-toast"]):not([class*="-toast "]):not(.e-toast-container):not(.e-toast),
#ams-main > :not(.login-layout):not(.e-dlg-container):not(.e-dialog):not(.ld-modal-backdrop):not(.ld-toast):not(.um-toast):not([class$="-toast"]):not([class*="-toast "]):not(.e-toast-container):not(.e-toast) {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    justify-self: stretch !important;
}

.page-content,
.page-body,
.tab-section,
[class$="-enterprise-page"],
[class*="-enterprise-page "],
[class$="-page-shell"],
[class*="-page-shell "],
[class$="-dashboard-shell"],
[class*="-dashboard-shell "],
[class$="-workbench-shell"],
[class*="-workbench-shell "],
[class$="-page"]:not([class$="-toast"]):not([class*="-toast "]),
[class*="-page "]:not([class$="-toast"]):not([class*="-toast "]) {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
    justify-self: stretch !important;
}

/* ════════════════════════════════════════════════════════
   Enterprise authentication pages (/login, /register)
   Global auth styles live here instead of component CSS isolation so
   LoginLayout, Login, and Register share the same polished shell.
   ════════════════════════════════════════════════════════ */
.login-layout {
    min-height: 100vh;
    background:
        radial-gradient(circle at 12% 8%, rgba(59, 130, 246, .36), transparent 34rem),
        radial-gradient(circle at 90% 18%, rgba(8, 145, 178, .30), transparent 32rem),
        radial-gradient(circle at 40% 108%, rgba(124, 58, 237, .20), transparent 28rem),
        linear-gradient(135deg, #06111f 0%, #0b1628 46%, #111d31 100%);
    color: #f8fafc;
}

.login-shell {
    min-height: 100vh;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(26rem, .95fr);
    gap: clamp(1.5rem, 4vw, 4rem);
    padding: clamp(1.25rem, 3.2vw, 3.5rem);
    background:
        linear-gradient(90deg, rgba(6, 17, 31, .42), rgba(6, 17, 31, .06)),
        radial-gradient(circle at 26% 18%, rgba(35, 109, 255, .18), transparent 26rem);
}

.login-brand-panel {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 2.5rem;
    padding: clamp(1.4rem, 3vw, 2.5rem);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 1.75rem;
    background:
        radial-gradient(circle at 18% 12%, rgba(59, 130, 246, .24), transparent 24rem),
        linear-gradient(145deg, rgba(15, 23, 42, .72), rgba(8, 17, 31, .88));
    box-shadow: 0 32px 90px rgba(0, 0, 0, .24);
    overflow: hidden;
    position: relative;
}

.login-brand-panel::after {
    content: "";
    position: absolute;
    inset: auto -8rem -8rem auto;
    width: 24rem;
    height: 24rem;
    border-radius: 50%;
    background: rgba(8, 145, 178, .16);
    filter: blur(8px);
    pointer-events: none;
}

.login-brand-top {
    display: flex;
    align-items: center;
    gap: 1rem;
    position: relative;
    z-index: 1;
}

.login-logo {
    width: 3.25rem;
    height: 3.25rem;
    display: grid;
    place-items: center;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 1.1rem;
    background: linear-gradient(135deg, rgba(59, 130, 246, .96), rgba(8, 145, 178, .90));
    box-shadow: 0 20px 60px rgba(35, 109, 255, .30);
    color: #fff;
    font-size: 1.45rem;
}

.login-brand-name {
    color: #fff;
    font-size: 1.05rem;
    font-weight: 850;
    letter-spacing: -.03em;
}

.login-brand-kicker {
    color: rgba(226, 232, 240, .68);
    font-size: .82rem;
    font-weight: 650;
}

.login-hero-copy {
    max-width: 48rem;
    position: relative;
    z-index: 1;
}

.login-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .45rem .72rem;
    border: 1px solid rgba(147, 197, 253, .30);
    border-radius: 999px;
    background: rgba(15, 23, 42, .42);
    color: #bfdbfe;
    font-size: .76rem;
    font-weight: 850;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.login-hero-copy h1 {
    margin: 1.25rem 0 1rem;
    max-width: 13ch;
    color: #fff;
    font-size: clamp(2.65rem, 5vw, 5.2rem);
    line-height: .92;
    letter-spacing: -.078em;
}

.login-hero-copy p {
    max-width: 44rem;
    margin: 0;
    color: rgba(226, 232, 240, .80);
    font-size: clamp(1rem, 1.35vw, 1.18rem);
    line-height: 1.7;
}

.login-proof-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    max-width: 44rem;
    position: relative;
    z-index: 1;
}

.login-proof-card {
    padding: 1.1rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 1.1rem;
    background: rgba(255, 255, 255, .08);
    box-shadow: 0 18px 50px rgba(0, 0, 0, .18);
    backdrop-filter: blur(18px);
}

.login-proof-card i {
    color: #93c5fd;
    font-size: 1.25rem;
}

.login-proof-card span,
.login-proof-card strong {
    display: block;
}

.login-proof-card span {
    margin-top: .85rem;
    color: rgba(203, 213, 225, .74);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.login-proof-card strong {
    margin-top: .18rem;
    color: #fff;
    font-size: .98rem;
}

.login-security-strip {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    position: relative;
    z-index: 1;
}

.login-security-strip span {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .5rem .75rem;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 999px;
    background: rgba(255, 255, 255, .07);
    color: rgba(226, 232, 240, .82);
    font-size: .78rem;
    font-weight: 750;
}

.login-form-panel {
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

.login-form-card,
.login-support-card {
    border: 1px solid rgba(226, 232, 240, .90);
    background: rgba(255, 255, 255, .97);
    color: #0f172a;
    box-shadow: 0 32px 90px rgba(0, 0, 0, .28);
    backdrop-filter: blur(20px);
}

.login-form-card {
    width: min(100%, 35rem);
    padding: clamp(1.5rem, 2.4vw, 2.25rem);
    border-radius: 1.5rem;
}

.register-form-card {
    width: min(100%, 46rem);
}

.login-form-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
}

.login-form-kicker {
    color: #2563eb;
    font-size: .75rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.login-form-header h2 {
    margin: .25rem 0 .35rem;
    color: #06111f;
    font-size: clamp(1.8rem, 2.4vw, 2.35rem);
    letter-spacing: -.06em;
}

.login-form-header p {
    margin: 0;
    color: #64748b;
    line-height: 1.55;
}

.login-secure-badge {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    padding: .42rem .65rem;
    border-radius: 999px;
    background: #ecfdf5;
    color: #047857;
    font-size: .78rem;
    font-weight: 900;
}

.login-alert {
    display: flex;
    align-items: flex-start;
    gap: .65rem;
    margin-bottom: 1rem;
    padding: .85rem .95rem;
    border-radius: .9rem;
    font-weight: 750;
    line-height: 1.45;
}

.login-alert-danger {
    border: 1px solid #fecdd3;
    background: #fff1f2;
    color: #be123c;
}

.login-alert-success {
    border: 1px solid #bbf7d0;
    background: #ecfdf5;
    color: #047857;
}

.login-form {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.login-field,
.login-label-row {
    display: flex;
}

.login-field {
    flex-direction: column;
    gap: .45rem;
}

.login-label-row {
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.login-field label {
    color: #334155;
    font-weight: 850;
    font-size: .86rem;
}

.login-label-row a,
.login-support-card a {
    color: #2563eb;
    text-decoration: none;
    font-weight: 850;
}

.login-label-row a:hover,
.login-support-card a:hover {
    text-decoration: underline;
}

.login-input-wrap {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-height: 3.05rem;
    padding: 0 .9rem;
    border: 1px solid #dbe4f0;
    border-radius: .9rem;
    background: #f8fafc;
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease;
}

.login-input-wrap:focus-within {
    border-color: #2563eb;
    background: #fff;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, .12);
}

.login-input-wrap i {
    color: #64748b;
    font-size: 1rem;
}

.login-input-wrap input,
.login-blazor-input {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: #0f172a;
    font: inherit;
    font-weight: 650;
}

.login-input-wrap input::placeholder {
    color: #94a3b8;
    font-weight: 500;
}

.login-field-hint,
.login-options-note,
.login-footer-note {
    color: #64748b;
    font-size: .78rem;
}

.login-options-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: .15rem;
}

.login-check {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: #334155;
    font-weight: 750;
}

.login-check input {
    width: 1rem;
    height: 1rem;
    accent-color: #2563eb;
}

.login-submit,
.login-sso-btn {
    width: 100%;
    min-height: 3.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .6rem;
    border-radius: .95rem;
    font-weight: 900;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease;
}

.login-submit {
    margin-top: .35rem;
    border: 0;
    background: linear-gradient(135deg, #2563eb, #0891b2);
    color: #fff;
    box-shadow: 0 16px 36px rgba(37, 99, 235, .26);
}

.login-submit:hover,
.login-sso-btn:not(:disabled):hover {
    transform: translateY(-1px);
}

.login-submit:focus-visible,
.login-sso-btn:focus-visible {
    outline: 3px solid rgba(37, 99, 235, .22);
    outline-offset: 2px;
}

.login-divider {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin: 1.25rem 0;
    color: #94a3b8;
    font-size: .78rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.login-divider::before,
.login-divider::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #e2e8f0;
}

.login-sso-grid {
    display: grid;
    gap: .75rem;
}

.login-sso-btn {
    border: 1px solid #dbe4f0;
    background: #fff;
    color: #334155;
}

.login-sso-btn:disabled {
    cursor: not-allowed;
    opacity: .78;
}

.login-footer-note {
    margin-top: 1.25rem;
    line-height: 1.55;
}

.login-support-card {
    width: min(100%, 35rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.1rem;
    border-radius: 1.1rem;
}

.register-shell .login-support-card {
    width: min(100%, 46rem);
}

.login-support-card strong,
.login-support-card span {
    display: block;
}

.login-support-card strong {
    color: #0f172a;
}

.login-support-card span {
    color: #64748b;
    font-size: .82rem;
}

.login-support-card a {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    flex: 0 0 auto;
}

.theme-dark .login-layout,
[data-theme="dark"] .login-layout {
    background:
        radial-gradient(circle at 12% 8%, rgba(59, 130, 246, .30), transparent 34rem),
        radial-gradient(circle at 88% 18%, rgba(20, 184, 166, .20), transparent 32rem),
        radial-gradient(circle at 40% 108%, rgba(124, 58, 237, .18), transparent 28rem),
        linear-gradient(135deg, #020617 0%, #071225 48%, #0f172a 100%);
    color: #f8fafc;
}

.theme-dark .login-shell,
[data-theme="dark"] .login-shell {
    background:
        linear-gradient(90deg, rgba(2, 6, 23, .42), rgba(2, 6, 23, .08)),
        radial-gradient(circle at 26% 18%, rgba(96, 165, 250, .14), transparent 26rem);
}

.theme-dark .login-brand-panel,
[data-theme="dark"] .login-brand-panel {
    border-color: rgba(148, 163, 184, .22);
    background:
        radial-gradient(circle at 18% 12%, rgba(96, 165, 250, .20), transparent 24rem),
        linear-gradient(145deg, rgba(15, 23, 42, .86), rgba(2, 6, 23, .94));
    box-shadow: 0 34px 95px rgba(0, 0, 0, .42);
}

.theme-dark .login-brand-kicker,
.theme-dark .login-hero-copy p,
.theme-dark .login-proof-card span,
.theme-dark .login-security-strip span,
[data-theme="dark"] .login-brand-kicker,
[data-theme="dark"] .login-hero-copy p,
[data-theme="dark"] .login-proof-card span,
[data-theme="dark"] .login-security-strip span {
    color: rgba(226, 232, 240, .88);
}

.theme-dark .login-proof-card,
.theme-dark .login-security-strip span,
[data-theme="dark"] .login-proof-card,
[data-theme="dark"] .login-security-strip span {
    border-color: rgba(148, 163, 184, .24);
    background: rgba(15, 23, 42, .58);
}

.theme-dark .login-form-card,
.theme-dark .login-support-card,
[data-theme="dark"] .login-form-card,
[data-theme="dark"] .login-support-card {
    border-color: rgba(148, 163, 184, .28);
    background: linear-gradient(180deg, rgba(15, 23, 42, .96), rgba(8, 15, 29, .98));
    color: #f8fafc;
    box-shadow: 0 34px 95px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255, 255, 255, .04);
}

.theme-dark .login-form-header h2,
.theme-dark .login-field label,
.theme-dark .login-check,
.theme-dark .login-support-card strong,
[data-theme="dark"] .login-form-header h2,
[data-theme="dark"] .login-field label,
[data-theme="dark"] .login-check,
[data-theme="dark"] .login-support-card strong {
    color: #f8fafc;
}

.theme-dark .login-form-header p,
.theme-dark .login-field-hint,
.theme-dark .login-options-note,
.theme-dark .login-footer-note,
.theme-dark .login-support-card span,
[data-theme="dark"] .login-form-header p,
[data-theme="dark"] .login-field-hint,
[data-theme="dark"] .login-options-note,
[data-theme="dark"] .login-footer-note,
[data-theme="dark"] .login-support-card span {
    color: #cbd5e1;
}

.theme-dark .login-form-kicker,
.theme-dark .login-label-row a,
.theme-dark .login-support-card a,
[data-theme="dark"] .login-form-kicker,
[data-theme="dark"] .login-label-row a,
[data-theme="dark"] .login-support-card a {
    color: #93c5fd;
}

.theme-dark .login-input-wrap,
[data-theme="dark"] .login-input-wrap {
    border-color: rgba(148, 163, 184, .30);
    background: rgba(2, 6, 23, .58);
}

.theme-dark .login-input-wrap:focus-within,
[data-theme="dark"] .login-input-wrap:focus-within {
    border-color: #60a5fa;
    background: rgba(15, 23, 42, .94);
    box-shadow: 0 0 0 4px rgba(96, 165, 250, .18);
}

.theme-dark .login-input-wrap i,
[data-theme="dark"] .login-input-wrap i {
    color: #94a3b8;
}

.theme-dark .login-input-wrap input,
.theme-dark .login-blazor-input,
[data-theme="dark"] .login-input-wrap input,
[data-theme="dark"] .login-blazor-input {
    color: #f8fafc;
}

.theme-dark .login-input-wrap input::placeholder,
[data-theme="dark"] .login-input-wrap input::placeholder {
    color: #94a3b8;
}

.theme-dark .login-secure-badge,
[data-theme="dark"] .login-secure-badge {
    border: 1px solid rgba(74, 222, 128, .28);
    background: rgba(20, 83, 45, .32);
    color: #86efac;
}

.theme-dark .login-alert-success,
[data-theme="dark"] .login-alert-success {
    border-color: rgba(74, 222, 128, .34);
    background: rgba(20, 83, 45, .28);
    color: #bbf7d0;
}

.theme-dark .login-alert-danger,
[data-theme="dark"] .login-alert-danger {
    border-color: rgba(251, 113, 133, .38);
    background: rgba(127, 29, 29, .28);
    color: #fecdd3;
}

.theme-dark .login-divider,
[data-theme="dark"] .login-divider {
    color: #94a3b8;
}

.theme-dark .login-divider::before,
.theme-dark .login-divider::after,
[data-theme="dark"] .login-divider::before,
[data-theme="dark"] .login-divider::after {
    background: rgba(148, 163, 184, .24);
}

.theme-dark .login-sso-btn,
[data-theme="dark"] .login-sso-btn {
    border-color: rgba(148, 163, 184, .28);
    background: rgba(15, 23, 42, .76);
    color: #e2e8f0;
}

.theme-dark .login-sso-btn:disabled,
[data-theme="dark"] .login-sso-btn:disabled {
    opacity: .66;
}

.login-layout .login-form-card,
.login-layout .login-support-card {
    border-color: rgba(148, 163, 184, .28);
    background: linear-gradient(180deg, rgba(15, 23, 42, .96), rgba(8, 15, 29, .98));
    color: #f8fafc;
    box-shadow: 0 34px 95px rgba(0, 0, 0, .48), inset 0 1px 0 rgba(255, 255, 255, .04);
}

.login-layout .login-form-header h2,
.login-layout .login-field label,
.login-layout .login-check,
.login-layout .login-support-card strong {
    color: #f8fafc;
}

.login-layout .login-form-header p,
.login-layout .login-field-hint,
.login-layout .login-options-note,
.login-layout .login-footer-note,
.login-layout .login-support-card span {
    color: #cbd5e1;
}

.login-layout .login-form-kicker,
.login-layout .login-label-row a,
.login-layout.theme-dark .login-support-card a,
.theme-dark .login-layout .login-support-card a,
[data-theme="dark"] .login-layout .login-support-card a {
    color: #93c5fd;
}

.login-layout .login-input-wrap {
    border-color: rgba(148, 163, 184, .30);
    background: rgba(2, 6, 23, .58);
}

.login-layout .login-input-wrap:focus-within {
    border-color: #60a5fa;
    background: rgba(15, 23, 42, .94);
    box-shadow: 0 0 0 4px rgba(96, 165, 250, .18);
}

.login-layout .login-input-wrap i {
    color: #94a3b8;
}

.login-layout .login-input-wrap input,
.login-layout .login-blazor-input {
    color: #f8fafc;
}

.login-layout .login-input-wrap input::placeholder {
    color: #94a3b8;
}

.login-layout .login-secure-badge {
    border: 1px solid rgba(74, 222, 128, .28);
    background: rgba(20, 83, 45, .32);
    color: #86efac;
}

.login-layout .login-alert-success {
    border-color: rgba(74, 222, 128, .34);
    background: rgba(20, 83, 45, .28);
    color: #bbf7d0;
}

.login-layout .login-alert-danger {
    border-color: rgba(251, 113, 133, .38);
    background: rgba(127, 29, 29, .28);
    color: #fecdd3;
}

.login-layout .login-divider {
    color: #94a3b8;
}

.login-layout .login-divider::before,
.login-layout .login-divider::after {
    background: rgba(148, 163, 184, .24);
}

.login-layout .login-sso-btn {
    border-color: rgba(148, 163, 184, .28);
    background: rgba(15, 23, 42, .76);
    color: #e2e8f0;
}

.login-layout .login-sso-btn:disabled {
    opacity: .66;
}

.register-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.register-section-title {
    margin-top: .4rem;
    padding-top: .9rem;
    border-top: 1px solid #e2e8f0;
    color: #2563eb;
    font-size: .76rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.register-load-btn {
    min-height: 2.75rem;
}

.login-input-wrap-select {
    padding-right: .5rem;
}

.login-input-wrap select.login-blazor-input {
    cursor: pointer;
}

.text-danger {
    color: #be123c !important;
    font-size: .8rem;
    font-weight: 700;
}

@media (max-width: 980px) {
    .login-shell {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .login-hero-copy h1 {
        max-width: 18ch;
    }

    .login-form-card,
    .login-support-card,
    .register-shell .login-support-card {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .login-shell {
        padding: 1rem;
    }

    .login-proof-grid,
    .register-grid-2 {
        grid-template-columns: 1fr;
    }

    .login-options-row,
    .login-support-card {
        flex-direction: column;
        align-items: stretch;
    }

    .login-form-header {
        flex-direction: column;
    }

    .login-hero-copy h1 {
        font-size: 2.35rem;
    }
}

h1, h2, h3, h4, h5, h6,
.page-title,
.card-title,
.ts-title,
.kpi-value,
.acs-kv {
    color: var(--text-primary);
    letter-spacing: -.035em;
    line-height: 1.12;
}

p, .page-subtitle, .field-hint, .kpi-meta, .text-muted {
    color: var(--text-muted);
}

a {
    color: var(--brand-600);
    text-decoration-thickness: .08em;
    text-underline-offset: .18em;
}

a:hover { color: var(--brand-700); }

::selection {
    background: rgba(35, 109, 255, .18);
    color: var(--text-primary);
}

.ams-shell {
    background: transparent;
}

.ams-content {
    padding: var(--content-pad);
    background: transparent !important;
}

.ams-content > * {
    width: 100%;
    max-width: 1800px;
    box-sizing: border-box;
    margin-inline: 0 auto;
}

.page-content {
    padding: 0;
}

.ams-header {
    height: var(--header-h) !important;
    background: var(--header-bg) !important;
    border-bottom: 1px solid var(--header-border) !important;
    box-shadow: 0 10px 32px rgba(15, 23, 42, .055) !important;
    backdrop-filter: saturate(180%) blur(18px);
}

.ams-nav {
    background:
        radial-gradient(circle at 50% -12%, rgba(35, 109, 255, .28), transparent 18rem),
        linear-gradient(180deg, #0b1628 0%, #07101d 58%, #050b14 100%) !important;
    border-right: 1px solid rgba(148, 163, 184, .12) !important;
    box-shadow: 10px 0 38px rgba(2, 6, 23, .24) !important;
}

.nav-brand {
    min-height: var(--header-h) !important;
    height: var(--header-h) !important;
    background: linear-gradient(145deg, rgba(35, 109, 255, .18), rgba(8, 17, 31, .72)) !important;
    border-bottom-color: rgba(148, 163, 184, .12) !important;
}

#ams-nav a.nav-group-hd,
#ams-nav a.nav-item-sub,
.nav-group-hd,
.nav-item-sub,
.nav-search-inner,
.hdr-search-box,
.hdr-tenant-btn,
.hdr-icon-btn,
.hdr-profile-btn,
.hdr-toggle,
.hdr-hamburger {
    border-radius: var(--r-md) !important;
}

#ams-nav a.nav-group-hd:hover,
#ams-nav a.nav-item-sub:hover,
.nav-group-hd:hover,
.nav-item-sub:hover {
    background: rgba(255, 255, 255, .065) !important;
    color: var(--nav-text-hover) !important;
}

#ams-nav a.nav-group-hd.active,
#ams-nav a.nav-item-sub.active,
.nav-group.is-open > .nav-group-hd {
    background: linear-gradient(90deg, rgba(35, 109, 255, .24), rgba(35, 109, 255, .08)) !important;
    border-left-color: #60a5fa !important;
    color: #eaf3ff !important;
}

.page-header {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 1.25rem !important;
    padding: clamp(1.1rem, 2vw, 1.5rem) !important;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .90)),
        radial-gradient(circle at 92% 12%, rgba(35, 109, 255, .12), transparent 18rem) !important;
    border: 1px solid rgba(203, 213, 225, .70) !important;
    border-radius: var(--r-2xl) !important;
    box-shadow: var(--shadow-sm) !important;
}

.rl-result-count {
    color: var(--text-muted) !important;
    font-size: .78rem !important;
    font-weight: 650;
}

.page-header + .ad-kpi-strip,
.page-header + .pc-kpi-strip,
.page-header + .kpi-grid,
.page-header + .ops-kpi-grid,
.page-header + [class*="kpi-strip"],
.page-header + [class*="kpi-grid"] {
    width: 100%;
    box-sizing: border-box;
}

.commission-subnav,
.enterprise-toolbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .65rem;
    margin: 0 0 1rem;
    padding: .8rem;
    background: rgba(255, 255, 255, .84);
    border: 1px solid rgba(203, 213, 225, .72);
    border-radius: var(--r-xl);
    box-shadow: var(--shadow-xs);
}

.enterprise-grid-card {
    overflow: hidden;
    background: var(--surface-card);
    border: 1px solid rgba(203, 213, 225, .72);
    border-radius: var(--r-xl);
    box-shadow: var(--shadow-sm);
}

.entity-cell {
    display: flex;
    align-items: center;
    gap: .7rem;
}

.entity-cell small {
    display: block;
    margin-top: .1rem;
    color: var(--text-muted);
    font-size: .75rem;
}

.entity-icon {
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    color: var(--brand-700);
    background: var(--brand-50);
    border-radius: var(--r-md);
}

.status-chip {
    display: inline-flex;
    align-items: center;
    min-height: 1.55rem;
    padding: .18rem .55rem;
    color: var(--text-secondary);
    font-weight: 700;
    font-size: .74rem;
    line-height: 1;
    border: 1px solid var(--border-color);
    border-radius: var(--r-full);
    background: var(--surface-raised);
}

.status-active,
.status-approved,
.status-issued,
.status-processed,
.status-paid,
.status-posted,
.status-settled {
    color: var(--success);
    border-color: rgba(5, 150, 105, .25);
    background: var(--success-bg);
}

.status-draft,
.status-pending,
.status-in-review {
    color: var(--warning);
    border-color: rgba(217, 119, 6, .25);
    background: var(--warning-bg);
}

.status-denied,
.status-voided,
.status-reversed {
    color: var(--danger);
    border-color: rgba(225, 29, 72, .25);
    background: var(--danger-bg);
}

.theme-dark .page-header,
[data-theme="dark"] .page-header {
    background:
        linear-gradient(135deg, rgba(16, 26, 43, .96), rgba(12, 22, 38, .88)),
        radial-gradient(circle at 92% 12%, rgba(35, 109, 255, .18), transparent 18rem) !important;
}

.aph-icon,
.kpi-icon,
.acs-ki,
.acs-seg-icon,
.ts-sec-icon {
    border-radius: var(--r-lg) !important;
    background: linear-gradient(135deg, var(--brand-50), #ffffff) !important;
    color: var(--brand-600) !important;
    border: 1px solid var(--brand-100) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .82), 0 10px 22px rgba(35, 109, 255, .10) !important;
}

.theme-dark .aph-icon,
.theme-dark .kpi-icon,
.theme-dark .acs-ki,
.theme-dark .acs-seg-icon,
.theme-dark .ts-sec-icon {
    background: linear-gradient(135deg, rgba(35, 109, 255, .24), rgba(8, 145, 178, .10)) !important;
    border-color: rgba(96, 165, 250, .24) !important;
}

.card,
.form-shell,
.kpi-card,
.acs-kpi-card,
.acs-grid-card,
.ts-dl,
.ts-sec-card,
.tab-section,
.app-datagrid,
.e-card,
[class$="-card"],
[class*=" panel"],
[class$="-panel"] {
    background: rgba(255, 255, 255, .94) !important;
    border: 1px solid rgba(203, 213, 225, .72) !important;
    border-radius: var(--r-2xl) !important;
    box-shadow: var(--shadow-sm) !important;
}

.theme-dark .card,
.theme-dark .form-shell,
.theme-dark .kpi-card,
.theme-dark .acs-kpi-card,
.theme-dark .acs-grid-card,
.theme-dark .ts-dl,
.theme-dark .ts-sec-card,
.theme-dark .tab-section,
.theme-dark .app-datagrid,
.theme-dark .e-card,
.theme-dark [class$="-card"],
.theme-dark [class*=" panel"],
.theme-dark [class$="-panel"] {
    background: rgba(16, 26, 43, .88) !important;
    border-color: rgba(148, 163, 184, .18) !important;
}

.kpi-card,
.acs-kpi-card,
.ts-sec-card {
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.kpi-card:hover,
.acs-kpi-card:hover,
.ts-sec-card:hover {
    transform: translateY(-2px);
    border-color: rgba(35, 109, 255, .32) !important;
    box-shadow: var(--shadow-md) !important;
}

.um-btn,
.ts-btn-primary,
.ts-btn-ghost,
.ts-btn-warning,
.ts-btn-success,
.ts-btn-danger,
button:not(.e-control):not(.e-btn):not(.e-icons) {
    min-height: 2.25rem;
    border-radius: var(--r-md) !important;
    font-family: var(--font);
    font-weight: 650 !important;
    letter-spacing: -.012em;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease, color .16s ease !important;
}

.um-btn:hover:not(:disabled),
.ts-btn-primary:hover:not(:disabled),
.ts-btn-ghost:hover:not(:disabled),
.ts-btn-warning:hover:not(:disabled),
.ts-btn-success:hover:not(:disabled),
.ts-btn-danger:hover:not(:disabled),
button:not(.e-control):not(.e-btn):not(.e-icons):hover:not(:disabled) {
    transform: translateY(-1px);
}

.um-btn-primary,
.ts-btn-primary,
.hdr-create-btn {
    background: linear-gradient(135deg, var(--brand-600), var(--brand-500)) !important;
    border: 1px solid rgba(35, 109, 255, .55) !important;
    color: #fff !important;
    box-shadow: 0 10px 22px rgba(35, 109, 255, .20) !important;
}

.um-btn-primary:hover:not(:disabled),
.ts-btn-primary:hover:not(:disabled),
.hdr-create-btn:hover:not(:disabled) {
    background: linear-gradient(135deg, var(--brand-700), var(--brand-600)) !important;
    box-shadow: 0 14px 28px rgba(35, 109, 255, .26) !important;
}

.um-btn-ghost,
.ts-btn-ghost,
.hdr-tenant-btn,
.hdr-icon-btn,
.hdr-profile-btn,
.hdr-toggle,
.hdr-hamburger {
    background: rgba(255, 255, 255, .74) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-secondary) !important;
}

.theme-dark .um-btn-ghost,
.theme-dark .ts-btn-ghost,
.theme-dark .hdr-tenant-btn,
.theme-dark .hdr-icon-btn,
.theme-dark .hdr-profile-btn,
.theme-dark .hdr-toggle,
.theme-dark .hdr-hamburger {
    background: rgba(17, 29, 49, .72) !important;
    border-color: rgba(148, 163, 184, .26) !important;
    color: #e5edf8 !important;
}

[data-theme="dark"] .ams-header .env-pill,
.theme-dark .ams-header .env-pill,
body.dark .ams-header .env-pill {
    background: linear-gradient(135deg, rgba(15, 23, 42, .96), rgba(30, 64, 175, .42)) !important;
    border: 1px solid rgba(96, 165, 250, .36) !important;
    color: #dbeafe !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 0 0 1px rgba(59, 130, 246, .10) !important;
}

[data-theme="dark"] .ams-header :is(.env-dev, .env-uat, .env-prod, .env-staging, .env-production),
.theme-dark .ams-header :is(.env-dev, .env-uat, .env-prod, .env-staging, .env-production),
body.dark .ams-header :is(.env-dev, .env-uat, .env-prod, .env-staging, .env-production) {
    background: linear-gradient(135deg, rgba(15, 23, 42, .96), rgba(30, 64, 175, .42)) !important;
    border-color: rgba(96, 165, 250, .36) !important;
    color: #dbeafe !important;
}

.um-btn-ghost:hover:not(:disabled),
.ts-btn-ghost:hover:not(:disabled),
.hdr-tenant-btn:hover,
.hdr-icon-btn:hover,
.hdr-profile-btn:hover,
.hdr-toggle:hover,
.hdr-hamburger:hover {
    background: var(--surface-hover) !important;
    border-color: var(--border-dark) !important;
    color: var(--text-primary) !important;
}

input,
select,
textarea,
.form-control,
.acs-search,
.acs-textarea,
.hdr-search-box,
.nav-search-inner,
.e-input-group,
.e-input-group.e-control-wrapper,
.e-ddl.e-input-group.e-control-wrapper {
    background: var(--surface-input) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--r-md) !important;
    color: var(--text-primary) !important;
    font-family: var(--font) !important;
    box-shadow: var(--shadow-xs) !important;
}

body:not(.dark):not(.theme-dark) #ams-nav .nav-search-inner,
body:not(.dark):not(.theme-dark) #ams-nav #nav-menu-search,
:root:not([data-theme="dark"]) #ams-nav .nav-search-inner,
:root:not([data-theme="dark"]) #ams-nav #nav-menu-search,
[data-theme="light"] #ams-nav .nav-search-inner,
[data-theme="light"] #ams-nav #nav-menu-search {
    background: #0f172a !important;
    background-color: #0f172a !important;
    color: #e5edf8 !important;
    border-color: rgba(51, 65, 85, .95) !important;
}

body:not(.dark):not(.theme-dark) #ams-nav #nav-menu-search::placeholder,
:root:not([data-theme="dark"]) #ams-nav #nav-menu-search::placeholder,
[data-theme="light"] #ams-nav #nav-menu-search::placeholder {
    color: rgba(203, 213, 225, .64) !important;
}

input,
select,
textarea,
.form-control,
.acs-search,
.acs-textarea {
    min-height: 2.4rem;
    padding: .65rem .8rem;
}

input::placeholder,
textarea::placeholder,
.hdr-search-input::placeholder,
.nav-search-input::placeholder {
    color: var(--text-placeholder) !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.acs-search:focus,
.acs-textarea:focus,
.hdr-search-box:focus-visible,
.nav-search-inner:focus-within,
.e-input-group.e-input-focus,
.e-input-group.e-control-wrapper.e-input-focus {
    border-color: var(--brand-500) !important;
    box-shadow: var(--ring), var(--shadow-xs) !important;
    outline: none !important;
}

label,
.acs-label,
.ts-section-label,
.section-label {
    color: var(--text-secondary) !important;
    font-size: .78rem !important;
    font-weight: 750 !important;
    letter-spacing: .012em;
}

.badge,
.acs-status,
.env-pill,
.e-chip-list .e-chip {
    border-radius: var(--r-full) !important;
    font-weight: 750 !important;
    letter-spacing: .01em;
}

.badge-blue,
.acs-status--active,
.badge-green {
    background: var(--success-bg) !important;
    color: var(--success) !important;
    border: 1px solid rgba(5, 150, 105, .18) !important;
}

.badge-red,
.um-btn-danger,
.ts-btn-danger {
    background: var(--danger-bg) !important;
    color: var(--danger) !important;
    border-color: rgba(225, 29, 72, .22) !important;
}

.acs-status--inactive,
.badge-neutral {
    background: var(--surface-muted) !important;
    color: var(--text-tertiary) !important;
    border: 1px solid var(--border-color) !important;
}

.pd-enterprise-page .pd-open-action,
.pd-enterprise-page button.pd-open-action,
.pd-enterprise-page .pd-open-cell > button.pd-open-action,
.pd-enterprise-page .pd-relationship-card .pd-open-action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .22rem !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 1.5rem !important;
    height: auto !important;
    padding: .26rem .62rem !important;
    border: 1px solid rgba(37, 99, 235, .22) !important;
    border-radius: 999px !important;
    background: #2563eb !important;
    color: #fff !important;
    font-size: .72rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    letter-spacing: .01em !important;
    text-decoration: none !important;
    box-shadow: 0 3px 8px rgba(37, 99, 235, .18) !important;
    outline: 0 !important;
    appearance: none !important;
}

.pd-enterprise-page .pd-open-action:hover,
.pd-enterprise-page .pd-open-action:focus-visible {
    background: #1d4ed8 !important;
    color: #fff !important;
    border-color: rgba(29, 78, 216, .35) !important;
    box-shadow: 0 4px 10px rgba(37, 99, 235, .24) !important;
}

.pd-enterprise-page .pd-open-action i {
    color: inherit !important;
    font-size: .85rem !important;
    line-height: 1 !important;
}

.e-grid,
.e-treegrid {
    border: 1px solid rgba(203, 213, 225, .72) !important;
    border-radius: var(--r-2xl) !important;
    overflow: hidden !important;
    background: var(--surface-card) !important;
    box-shadow: var(--shadow-sm) !important;
    font-family: var(--font) !important;
}

.e-grid .e-gridheader,
.e-grid .e-headercontent,
.e-grid .e-headercell,
.e-treegrid .e-headercell {
    background: linear-gradient(180deg, var(--surface-raised), var(--surface-muted)) !important;
    color: var(--text-secondary) !important;
    border-color: var(--border-color) !important;
}

.e-grid .e-headercell,
.e-treegrid .e-headercell {
    height: 3rem !important;
    font-size: .72rem !important;
    font-weight: 800 !important;
    letter-spacing: .075em !important;
    text-transform: uppercase !important;
    vertical-align: middle !important;
    padding: .72rem .9rem !important;
}

.e-grid .e-rowcell,
.e-treegrid .e-rowcell {
    border-color: var(--border-color) !important;
    color: var(--text-primary) !important;
    font-size: .86rem !important;
    padding: .78rem .9rem !important;
    max-width: 0;
    line-height: 1.3 !important;
    vertical-align: middle !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis;
    overflow-wrap: anywhere;
    word-break: normal;
}

.e-grid .e-headercell,
.e-treegrid .e-headercell {
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: normal !important;
    line-height: 1.2 !important;
}

.e-grid .e-headertext,
.e-treegrid .e-headertext,
.e-grid .e-rowcell .e-cellvalue,
.e-treegrid .e-rowcell .e-cellvalue {
    display: block;
    max-width: 100%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal !important;
    overflow-wrap: anywhere;
}

.e-grid .e-headercelldiv,
.e-treegrid .e-headercelldiv {
    display: flex !important;
    align-items: center !important;
    min-height: 1.45rem;
    padding: 0 !important;
}

.e-grid .e-headercell[aria-sort] .e-headercelldiv,
.e-treegrid .e-headercell[aria-sort] .e-headercelldiv {
    gap: .35rem;
}

.e-grid .e-rowcell[aria-colindex],
.e-treegrid .e-rowcell[aria-colindex] {
    height: 100%;
}

.e-grid .e-rowcell[aria-colindex] > *,
.e-treegrid .e-rowcell[aria-colindex] > * {
    vertical-align: middle;
}

.e-grid .e-rightalign,
.e-treegrid .e-rightalign,
.e-grid .e-rowcell.e-rightalign,
.e-treegrid .e-rowcell.e-rightalign,
.e-grid .e-headercell.e-rightalign .e-headercelldiv,
.e-treegrid .e-headercell.e-rightalign .e-headercelldiv {
    text-align: right !important;
    justify-content: flex-end !important;
}

.e-grid .e-centeralign,
.e-treegrid .e-centeralign,
.e-grid .e-rowcell.e-centeralign,
.e-treegrid .e-rowcell.e-centeralign,
.e-grid .e-headercell.e-centeralign .e-headercelldiv,
.e-treegrid .e-headercell.e-centeralign .e-headercelldiv {
    text-align: center !important;
    justify-content: center !important;
}

.e-grid .e-rowcell.e-rightalign .e-cellvalue,
.e-treegrid .e-rowcell.e-rightalign .e-cellvalue,
.e-grid .e-rowcell:has(.pd-mono),
.e-grid .e-rowcell:has(.rl-preview-num),
.e-grid .e-rowcell:has([class*="amount"]),
.e-grid .e-rowcell:has([class*="Amount"]),
.e-grid .e-rowcell:has([class*="total"]),
.e-grid .e-rowcell:has([class*="Total"]),
.e-treegrid .e-rowcell:has(.pd-mono) {
    font-variant-numeric: tabular-nums;
}

.e-grid .e-templatecell > *,
.e-treegrid .e-templatecell > *,
.e-grid .e-rowcell > div,
.e-treegrid .e-rowcell > div {
    max-width: 100%;
    min-width: 0;
}

.e-grid .e-rowcell[aria-colindex]:last-child,
.e-treegrid .e-rowcell[aria-colindex]:last-child {
    white-space: nowrap !important;
}

.e-grid .e-rowcell .um-btn,
.e-treegrid .e-rowcell .um-btn {
    flex: 0 0 auto;
}

.e-grid .e-rowcell:has(.um-btn),
.e-treegrid .e-rowcell:has(.um-btn) {
    overflow: visible !important;
    white-space: nowrap !important;
}

.e-grid .e-row:hover .e-rowcell,
.e-treegrid .e-row:hover .e-rowcell,
.e-grid .e-altrow:hover .e-rowcell {
    background: var(--surface-hover) !important;
}

.e-grid .e-row,
.e-treegrid .e-row {
    cursor: pointer;
}

/* Keep enterprise search and filter panels on one row across pages. */
:is(
    [class$="-search-panel"],
    [class*="-search-panel "],
    [class$="-filter-panel"],
    [class*="-filter-panel "],
    .toolbar,
    .toolbar-row
) {
    display: flex !important;
    align-items: center !important;
    gap: .75rem !important;
    flex-wrap: nowrap !important;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    scrollbar-width: thin;
}

:is(
    [class$="-search-panel"],
    [class*="-search-panel "],
    [class$="-filter-panel"],
    [class*="-filter-panel "],
    .toolbar,
    .toolbar-row
) > * {
    flex: 0 0 auto;
}

:is(
    [class$="-search-panel"],
    [class*="-search-panel "],
    [class$="-filter-panel"],
    [class*="-filter-panel "],
    .toolbar,
    .toolbar-row
) > :is(
    [class$="-search"],
    [class*="-search "],
    [class$="-search-wrap"],
    [class*="-search-wrap "]
) {
    flex: 2.4 1 30rem !important;
    min-width: min(30rem, 100%) !important;
}

:is(
    [class$="-search-panel"],
    [class*="-search-panel "],
    [class$="-filter-panel"],
    [class*="-filter-panel "],
    .toolbar,
    .toolbar-row
) > :is(
    label,
    [class$="-filter-field"],
    [class*="-filter-field "]
) {
    flex: 1 1 10rem !important;
    min-width: 8rem !important;
}

:is(
    [class$="-search-panel"],
    [class*="-search-panel "],
    [class$="-filter-panel"],
    [class*="-filter-panel "],
    .toolbar,
    .toolbar-row
) > :is(
    [class$="-filter-grid"],
    [class*="-filter-grid "]
) {
    flex: 3 1 34rem !important;
    min-width: 0 !important;
}

:is(
    [class$="-search-panel"],
    [class*="-search-panel "],
    [class$="-filter-panel"],
    [class*="-filter-panel "],
    .toolbar,
    .toolbar-row
) :is(
    [class$="-search-wrap"],
    [class*="-search-wrap "]
) {
    flex: 2.4 1 30rem !important;
    min-width: min(30rem, 100%) !important;
}

:is(
    [class$="-search-panel"],
    [class*="-search-panel "],
    [class$="-filter-panel"],
    [class*="-filter-panel "],
    .toolbar,
    .toolbar-row
) :is(
    input,
    select,
    .form-control,
    .form-select,
    .um-input,
    .um-select,
    [class$="-search-input"],
    [class*="-search-input "],
    [class$="-filter-select"],
    [class*="-filter-select "]
) {
    min-width: 0;
    width: 100%;
}

:is(
    [class$="-search-panel"],
    [class*="-search-panel "],
    [class$="-filter-panel"],
    [class*="-filter-panel "],
    .toolbar,
    .toolbar-row
) :is(
    [class$="-search-wrap"],
    [class*="-search-wrap "]
) > i {
    flex: 0 0 auto;
}

:is(
    [class$="-search-panel"],
    [class*="-search-panel "],
    [class$="-filter-panel"],
    [class*="-filter-panel "],
    .toolbar,
    .toolbar-row
) :is(
    [class$="-search-wrap"],
    [class*="-search-wrap "]
) > input {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
}

:is(
    [class$="-search-panel"],
    [class*="-search-panel "],
    [class$="-filter-panel"],
    [class*="-filter-panel "],
    .toolbar,
    .toolbar-row
) :is(
    [class$="-search"],
    [class*="-search "]
) {
    border-color: rgba(35, 109, 255, .38) !important;
    box-shadow: 0 0 0 1px rgba(35, 109, 255, .12), 0 0 18px rgba(35, 109, 255, .18), 0 0 34px rgba(8, 145, 178, .14) !important;
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease !important;
}

.ams-workbench-route :is(
    .acw-search-panel,
    .csrw-search-panel,
    .mkw-search-panel,
    .act-search-panel,
    .cal-search-panel,
    .ntf-search-panel,
    .mtask-search-panel,
    .mwb-search-panel,
    .opw-search-panel,
    .pwe-search-panel,
    .smw-search-panel
) {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

:is(
    [class$="-search-panel"],
    [class*="-search-panel "],
    [class$="-filter-panel"],
    [class*="-filter-panel "],
    .toolbar,
    .toolbar-row
) :is(
    [class$="-search"],
    [class*="-search "]
):focus-within {
    border-color: rgba(35, 109, 255, .72) !important;
    box-shadow: 0 0 0 3px rgba(35, 109, 255, .22), 0 0 26px rgba(35, 109, 255, .34), 0 0 52px rgba(8, 145, 178, .24) !important;
}

:is(
    [class$="-search-panel"],
    [class*="-search-panel "],
    [class$="-filter-panel"],
    [class*="-filter-panel "],
    .toolbar,
    .toolbar-row
) :is(
    [class$="-search"],
    [class*="-search "],
    [class$="-search-wrap"],
    [class*="-search-wrap "]
) input:not([type="checkbox"]):not([type="radio"]),
:is(
    [class$="-search-panel"],
    [class*="-search-panel "],
    [class$="-filter-panel"],
    [class*="-filter-panel "],
    .toolbar,
    .toolbar-row
) :is(
    [class$="-search"],
    [class*="-search "],
    [class$="-search-wrap"],
    [class*="-search-wrap "]
) input:not([type="checkbox"]):not([type="radio"]):focus {
    min-height: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
}

:is(
    [class$="-search-panel"],
    [class*="-search-panel "],
    [class$="-filter-panel"],
    [class*="-filter-panel "],
    .toolbar,
    .toolbar-row
) :is(
    [class$="-search-body"],
    [class*="-search-body "]
) > :is(
    span,
    small,
    [class$="-search-hint"],
    [class*="-search-hint "]
) {
    display: none !important;
}

/* Billing & Accounting enterprise workbench polish */
.bill-kpi-strip,
.ba-kpi-strip,
.inv-kpi-strip,
.pay-kpi-strip,
.cr-kpi-strip,
.rec-kpi-strip,
.col-kpi-strip,
.pe-kpi-strip,
.pc-kpi-strip {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(11.5rem, 1fr)) !important;
    gap: .85rem !important;
    padding: .25rem 0 1rem !important;
    border: 0 !important;
    background: transparent !important;
}

.bill-kpi-card,
.ba-kpi,
.inv-kpi-card,
.pay-kpi-card,
.cr-kpi,
.rec-kpi,
.col-kpi,
.pe-kpi-card,
.pc-kpi-card {
    position: relative;
    min-height: 5.4rem;
    display: flex !important;
    align-items: center !important;
    gap: .85rem !important;
    padding: 1rem !important;
    overflow: hidden;
    background:
        linear-gradient(145deg, rgba(255,255,255,.98), rgba(248,250,252,.92)),
        radial-gradient(circle at 100% 0, rgba(35,109,255,.10), transparent 11rem) !important;
    border: 1px solid rgba(203,213,225,.78) !important;
    border-radius: var(--r-2xl) !important;
    box-shadow: var(--shadow-sm) !important;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.bill-kpi-card:hover,
.ba-kpi:hover,
.inv-kpi-card:hover,
.pay-kpi-card:hover,
.cr-kpi:hover,
.rec-kpi:hover,
.col-kpi:hover,
.pe-kpi-card:hover,
.pc-kpi-card:hover {
    transform: translateY(-2px);
    border-color: rgba(35,109,255,.34) !important;
    box-shadow: var(--shadow-md) !important;
}

.bill-kpi-active,
.ba-kpi-active,
.pc-kpi-card--active {
    border-color: rgba(35,109,255,.48) !important;
    box-shadow: 0 0 0 4px rgba(35,109,255,.12), var(--shadow-md) !important;
}

.bill-kpi-icon,
.ba-ki,
.inv-kpi-icon,
.pay-kpi-icon,
.cr-ki,
.rec-ki,
.col-ki,
.pe-kpi-icon {
    width: 2.45rem;
    height: 2.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: var(--r-lg);
    background: linear-gradient(135deg, var(--brand-50), #fff);
    border: 1px solid var(--brand-100);
    box-shadow: 0 10px 22px rgba(35,109,255,.10);
}

.bill-kpi-value,
.ba-kv,
.inv-kpi-val,
.pay-kpi-val,
.cr-kv,
.rec-kv,
.col-kv,
.pe-kpi-val,
.pc-kpi-value {
    font-size: clamp(1.05rem, 1.5vw, 1.45rem) !important;
    font-weight: 900 !important;
    color: var(--text-primary) !important;
    line-height: 1.05 !important;
}

.bill-kpi-label,
.ba-kl,
.inv-kpi-lbl,
.pay-kpi-lbl,
.cr-kl,
.rec-kl,
.col-kl,
.pe-kpi-title,
.pc-kpi-label {
    margin-top: .2rem;
    font-size: .72rem !important;
    font-weight: 750 !important;
    color: var(--text-muted) !important;
    text-transform: uppercase;
    letter-spacing: .055em;
}

.bill-toolbar,
.ba-toolbar,
.inv-toolbar,
.pay-toolbar,
.cr-toolbar,
.rec-toolbar,
.col-toolbar,
.toolbar {
    display: flex !important;
    align-items: center !important;
    gap: .75rem !important;
    flex-wrap: nowrap !important;
    margin: 0 0 1rem !important;
    padding: .9rem !important;
    background: rgba(255,255,255,.88) !important;
    border: 1px solid rgba(203,213,225,.72) !important;
    border-radius: var(--r-2xl) !important;
    box-shadow: var(--shadow-sm) !important;
}

.bill-subnav,
.ba-subnav,
.inv-subnav,
.pay-subnav,
.rec-subnav,
.col-subnav,
.pe-period-bar {
    display: flex !important;
    align-items: center !important;
    gap: .4rem !important;
    flex-wrap: wrap !important;
    margin: 0 0 1rem !important;
    padding: .45rem !important;
    background: rgba(255,255,255,.78) !important;
    border: 1px solid rgba(203,213,225,.72) !important;
    border-radius: var(--r-2xl) !important;
    box-shadow: var(--shadow-xs) !important;
}

.bill-snav-btn,
.ba-snav-btn,
.inv-snav-btn,
.pay-snav-btn,
.rec-snav-btn,
.col-snav-btn,
.pe-period-btn {
    border: 1px solid transparent !important;
    border-radius: var(--r-full) !important;
    padding: .55rem .85rem !important;
    margin: 0 !important;
    background: transparent !important;
    color: var(--text-secondary) !important;
}

.bill-snav-active,
.ba-snav-active,
.inv-snav-active,
.pay-snav-active,
.rec-snav-active,
.col-snav-active,
.pe-period-active {
    background: var(--brand-50) !important;
    border-color: var(--brand-100) !important;
    color: var(--brand-700) !important;
}

.bill-grid-wrap,
.ba-grid-wrap,
.inv-grid-wrap,
.pay-grid-wrap,
.cr-grid-wrap,
.rec-grid-wrap,
.col-grid-wrap,
.um-grid-card {
    position: relative;
    padding: 0 !important;
    margin-bottom: 1rem;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Reports & Analytics enterprise polish */
.rl-kpi-strip {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)) !important;
    gap: .9rem !important;
    margin: 0 0 1rem !important;
    padding: .1rem 0 0 !important;
}

.rl-kpi-card {
    appearance: none;
    position: relative;
    min-height: 5.75rem;
    display: flex !important;
    align-items: center !important;
    gap: .9rem !important;
    padding: 1rem !important;
    overflow: hidden;
    text-align: left;
    background:
        linear-gradient(145deg, rgba(255,255,255,.98), rgba(248,250,252,.92)),
        radial-gradient(circle at 100% 0, rgba(35,109,255,.10), transparent 11rem) !important;
    border: 1px solid rgba(203,213,225,.78) !important;
    border-radius: var(--r-2xl) !important;
    box-shadow: var(--shadow-sm) !important;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.rl-kpi-card:hover,
.rl-kpi-card:focus-visible {
    transform: translateY(-2px);
    border-color: rgba(35,109,255,.34) !important;
    box-shadow: var(--shadow-md) !important;
    outline: none;
}

.rl-kpi-card.pc-kpi-card--active {
    border-color: rgba(35,109,255,.48) !important;
    box-shadow: 0 0 0 4px rgba(35,109,255,.12), var(--shadow-md) !important;
}

.rl-kpi-icon,
.rl-list-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: var(--r-lg) !important;
    border: 1px solid rgba(203,213,225,.72);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 10px 22px rgba(15,23,42,.08);
}

.rl-kpi-icon {
    width: 2.65rem;
    height: 2.65rem;
    font-size: 1.1rem;
}

.rl-list-icon {
    width: 2.15rem;
    height: 2.15rem;
    font-size: .95rem;
}

.rl-ki-blue,
.rl-ci-blue { background: var(--info-bg) !important; color: var(--brand-700) !important; border-color: var(--brand-100) !important; }
.rl-ki-green,
.rl-ci-green { background: var(--success-bg) !important; color: var(--success) !important; border-color: rgba(5,150,105,.22) !important; }
.rl-ki-amber,
.rl-ci-amber { background: var(--warning-bg) !important; color: var(--warning) !important; border-color: rgba(217,119,6,.24) !important; }
.rl-ci-red { background: var(--danger-bg) !important; color: var(--danger) !important; border-color: rgba(225,29,72,.24) !important; }
.rl-ci-purple { background: rgba(124,58,237,.10) !important; color: var(--accent-violet) !important; border-color: rgba(124,58,237,.22) !important; }

.rl-kv {
    color: var(--text-primary) !important;
    font-size: clamp(1.15rem, 1.45vw, 1.55rem) !important;
    font-weight: 900 !important;
    line-height: 1.05 !important;
    letter-spacing: -.035em;
}

.rl-kl {
    margin-top: .2rem;
    color: var(--text-muted) !important;
    font-size: .72rem !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: .055em;
}

.rl-filter-bar {
    display: flex !important;
    align-items: center !important;
    gap: .75rem !important;
    flex-wrap: wrap !important;
    margin: 0 0 1rem !important;
    padding: .9rem !important;
    background: rgba(255,255,255,.88) !important;
    border: 1px solid rgba(203,213,225,.72) !important;
    border-radius: var(--r-2xl) !important;
    box-shadow: var(--shadow-sm) !important;
}

.rl-search-wrap {
    display: flex !important;
    align-items: center !important;
    gap: .55rem !important;
    min-width: min(100%, 22rem) !important;
    flex: 1 1 22rem !important;
    padding: 0 .8rem !important;
    background: var(--surface-input) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--r-md) !important;
    box-shadow: var(--shadow-xs) !important;
}

.rl-search-wrap:focus-within {
    border-color: var(--brand-500) !important;
    box-shadow: var(--ring), var(--shadow-xs) !important;
}

.rl-search {
    min-height: 2.45rem !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--text-primary) !important;
}

.rl-sel {
    min-height: 2.45rem !important;
    min-width: 9.5rem;
    padding: .55rem .85rem !important;
}

.rl-list-wrap {
    position: relative;
    overflow: hidden;
    margin-bottom: 1.25rem;
    background: var(--surface-card) !important;
    border: 1px solid rgba(203,213,225,.72) !important;
    border-radius: var(--r-2xl) !important;
    box-shadow: var(--shadow-sm) !important;
}

.rl-list-name-cell {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
}

.rl-ln {
    color: var(--text-primary) !important;
    font-size: .9rem !important;
    font-weight: 850 !important;
    line-height: 1.2;
}

.rl-ld {
    margin-top: .14rem;
    color: var(--text-muted) !important;
    font-size: .76rem !important;
    line-height: 1.35;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sr-filter-panel {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-xl);
    box-shadow: var(--shadow-sm);
    margin: 0 0 1rem;
    padding: 1rem;
}

.sr-filter-header,
.sr-grid-toolbar,
.sr-pager {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .85rem;
}

.sr-filter-header {
    margin-bottom: .9rem;
}

.sr-filter-header h3 {
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 900;
    margin: .1rem 0 0;
}

.sr-grid-toolbar {
    border-bottom: 1px solid var(--border);
    color: var(--text-secondary);
    padding: .85rem 1rem;
}

.sr-grid-toolbar strong {
    color: var(--text-primary);
}

.sr-filter-note {
    background: var(--brand-50);
    border: 1px solid rgba(37, 99, 235, .18);
    border-radius: 999px;
    color: var(--brand-700);
    font-size: .72rem;
    font-weight: 800;
    margin-left: .4rem;
    padding: .16rem .5rem;
    text-transform: uppercase;
}

.sr-table-scroll {
    overflow: auto;
    width: 100%;
}

.sr-table {
    border-collapse: separate;
    border-spacing: 0;
    min-width: 82rem;
    width: 100%;
}

.sr-table thead th {
    background: linear-gradient(180deg, var(--surface-raised), #f8fafc);
    border-bottom: 1px solid var(--border);
    color: var(--text-secondary);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .045em;
    padding: .8rem .75rem;
    text-align: left;
    text-transform: uppercase;
    white-space: nowrap;
}

.sr-table tbody td {
    border-bottom: 1px solid rgba(226, 232, 240, .82);
    color: var(--text-primary);
    font-size: .86rem;
    padding: .72rem .75rem;
    vertical-align: middle;
    white-space: nowrap;
}

.sr-table tbody tr:last-child td {
    border-bottom: 0;
}

.sr-table-row {
    cursor: pointer;
    transition: background .15s ease, box-shadow .15s ease;
}

.sr-table-row:hover {
    background: rgba(37, 99, 235, .045);
}

.sr-actions-col {
    text-align: right !important;
    width: 3.5rem;
}

.sr-pager {
    border-top: 1px solid var(--border);
    color: var(--text-secondary);
    font-size: .84rem;
    padding: .8rem 1rem;
}

.sr-empty-state {
    align-items: center;
    color: var(--text-secondary);
    display: flex;
    flex-direction: column;
    gap: .35rem;
    justify-content: center;
    padding: 2rem;
    text-align: center;
}

.sr-empty-state i {
    color: var(--brand-600);
    font-size: 1.75rem;
}

.sr-empty-state strong {
    color: var(--text-primary);
}

.sr-filter-panel .um-form-grid {
    align-items: end;
}

.rl-badge,
.rl-cat {
    display: inline-flex;
    align-items: center;
    min-height: 1.55rem;
    padding: .18rem .6rem;
    border-radius: var(--r-full);
    font-size: .72rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .015em;
    border: 1px solid var(--border-color);
    background: var(--surface-raised);
    color: var(--text-secondary);
}

.rl-badge--blue,
.rl-cat--sales,
.rl-cat--svc,
.rl-cat--comp { background: var(--info-bg) !important; color: var(--brand-700) !important; border-color: var(--brand-100) !important; }
.rl-badge--green,
.rl-cat--ret,
.rl-cat--fin { background: var(--success-bg) !important; color: var(--success) !important; border-color: rgba(5,150,105,.22) !important; }
.rl-badge--red,
.rl-cat--claims { background: var(--danger-bg) !important; color: var(--danger) !important; border-color: rgba(225,29,72,.22) !important; }
.rl-badge--purple,
.rl-cat--prod { background: rgba(124,58,237,.10) !important; color: var(--accent-violet) !important; border-color: rgba(124,58,237,.22) !important; }
.rl-badge--amber,
.rl-cat--mkt { background: var(--warning-bg) !important; color: var(--warning) !important; border-color: rgba(217,119,6,.24) !important; }

.rl-yes { color: var(--success) !important; font-size: 1rem; }
.rl-no { color: var(--ink-400) !important; }

.rl-list-wrap .e-grid,
.rl-list-wrap .e-grid .e-gridcontent,
.rl-list-wrap .e-grid .e-content {
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.rl-list-wrap .um-btn-xs {
    min-width: 2rem;
    min-height: 2rem;
    padding: .25rem .45rem !important;
}

.rl-preview-header > div {
    display: grid;
    gap: .15rem;
    min-width: 0;
}

.rl-preview-header span {
    color: var(--text-primary);
    font-weight: 900;
}

.rl-preview-header small {
    color: var(--text-muted);
    font-size: .78rem;
    font-weight: 650;
}

.rl-preview-body {
    display: grid;
    gap: 1rem;
}

.rl-preview-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    min-height: 12rem;
    color: var(--text-muted);
    font-weight: 800;
}

.rl-preview-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .75rem;
}

.rl-preview-summary div {
    padding: .85rem;
    border: 1px solid var(--border-color);
    border-radius: var(--r-xl);
    background: linear-gradient(180deg, var(--surface-card), var(--surface-raised));
    box-shadow: var(--shadow-xs);
}

.rl-preview-summary span,
.rl-preview-summary strong {
    display: block;
}

.rl-preview-summary span {
    color: var(--text-muted);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.rl-preview-summary strong {
    margin-top: .25rem;
    color: var(--text-primary);
    font-size: .95rem;
    font-weight: 900;
}

.rl-preview-table-wrap {
    max-height: 48vh;
    overflow: auto;
    border: 1px solid var(--border-color);
    border-radius: var(--r-xl);
    box-shadow: var(--shadow-sm);
}

.rl-preview-table {
    width: 100%;
    min-width: 52rem;
    border-collapse: collapse;
    background: var(--surface-card);
}

.rl-preview-table th,
.rl-preview-table td {
    padding: .78rem .9rem;
    border-bottom: 1px solid var(--border-color);
    color: var(--text-primary);
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
}

.rl-preview-table th {
    position: sticky;
    top: 0;
    z-index: 1;
    background: linear-gradient(180deg, var(--surface-raised), var(--surface-muted));
    color: var(--text-secondary);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.rl-preview-table tbody tr:hover td {
    background: var(--surface-hover);
}

.rl-preview-num {
    text-align: right !important;
    font-variant-numeric: tabular-nums;
    font-family: var(--font-mono);
}

.rl-preview-table th.rl-preview-num {
    text-align: right !important;
}

.rl-list-wrap .e-grid .e-headercell.e-rightalign .e-headercelldiv,
.rl-list-wrap .e-grid .e-rowcell.e-rightalign,
.rl-list-wrap .e-grid .e-rowcell.e-rightalign .e-cellvalue {
    justify-content: flex-end !important;
    text-align: right !important;
    font-variant-numeric: tabular-nums;
}

.rl-list-wrap .e-grid .e-headercell.e-centeralign .e-headercelldiv,
.rl-list-wrap .e-grid .e-rowcell.e-centeralign,
.rl-list-wrap .e-grid .e-rowcell.e-centeralign .e-cellvalue {
    justify-content: center !important;
    text-align: center !important;
}

.rl-list-wrap .e-grid .e-rowcell,
.rl-list-wrap .e-grid .e-headercell {
    vertical-align: middle !important;
}

@media (max-width: 900px) {
    .rl-preview-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 560px) {
    .rl-preview-summary { grid-template-columns: 1fr; }
}

.theme-dark .rl-kpi-card,
.theme-dark .rl-filter-bar,
.theme-dark .rl-list-wrap {
    background: rgba(16,26,43,.88) !important;
    border-color: rgba(148,163,184,.18) !important;
}

@media (max-width: 760px) {
    .rl-kpi-strip { grid-template-columns: 1fr !important; }
    .rl-filter-bar { align-items: stretch !important; }
    .rl-search-wrap,
    .rl-sel,
    .rl-filter-bar .um-btn { width: 100%; }
}

.bill-row-actions,
.ba-row-acts,
.inv-row-acts,
.pay-row-acts,
.col-row-acts {
    display: flex;
    align-items: center;
    gap: .25rem;
}

.bill-chip,
.cr-status-chip,
.cr-type-chip,
.rec-status-chip,
.rec-type-chip,
.col-action-chip,
.pay-status-chip,
.pay-method-chip,
.ba-status-chip,
.ba-mode-chip,
.inv-status-chip {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 1.55rem;
    padding: .2rem .55rem !important;
    border-radius: var(--r-full) !important;
    font-size: .68rem !important;
    font-weight: 850 !important;
    letter-spacing: .02em;
}

.bill-chip-success { background: var(--success-bg); color: var(--success); border: 1px solid rgba(5,150,105,.18); }
.bill-chip-warning { background: var(--warning-bg); color: var(--warning); border: 1px solid rgba(217,119,6,.20); }
.bill-chip-danger { background: var(--danger-bg); color: var(--danger); border: 1px solid rgba(225,29,72,.20); }
.bill-chip-info { background: var(--info-bg); color: var(--info); border: 1px solid rgba(35,109,255,.18); }
.bill-chip-purple { background: #f3e8ff; color: #6d28d9; border: 1px solid rgba(124,58,237,.20); }
.bill-chip-neutral { background: var(--surface-muted); color: var(--text-tertiary); border: 1px solid var(--border-color); }

/* Finance / GL enterprise workbench polish */
.fin-kpi-strip {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)) !important;
    gap: .85rem !important;
    padding: .25rem 0 1rem !important;
    background: transparent !important;
    border: 0 !important;
}

.fin-kpi-card {
    position: relative;
    min-height: 5.4rem;
    display: flex !important;
    align-items: center !important;
    gap: .85rem !important;
    padding: 1rem !important;
    overflow: hidden;
    background:
        linear-gradient(145deg, rgba(255,255,255,.98), rgba(248,250,252,.92)),
        radial-gradient(circle at 100% 0, rgba(8,145,178,.10), transparent 11rem) !important;
    border: 1px solid rgba(203,213,225,.78) !important;
    border-radius: var(--r-2xl) !important;
    box-shadow: var(--shadow-sm) !important;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.fin-kpi-card:hover {
    transform: translateY(-2px);
    border-color: rgba(8,145,178,.34) !important;
    box-shadow: var(--shadow-md) !important;
}

.fin-kpi-active {
    border-color: rgba(35,109,255,.48) !important;
    box-shadow: 0 0 0 4px rgba(35,109,255,.12), var(--shadow-md) !important;
}

.fin-kpi-icon {
    width: 2.45rem !important;
    height: 2.45rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto;
    border-radius: var(--r-lg) !important;
    background: linear-gradient(135deg, var(--brand-50), #fff) !important;
    border: 1px solid var(--brand-100) !important;
    box-shadow: 0 10px 22px rgba(35,109,255,.10) !important;
}

.fin-kpi-value {
    font-size: clamp(1.05rem, 1.5vw, 1.45rem) !important;
    font-weight: 900 !important;
    color: var(--text-primary) !important;
    line-height: 1.05 !important;
}

.fin-kpi-label {
    margin-top: .2rem;
    font-size: .72rem !important;
    font-weight: 750 !important;
    color: var(--text-muted) !important;
    text-transform: uppercase;
    letter-spacing: .055em;
}

.fin-toolbar,
.fin-filter-panel {
    display: flex !important;
    align-items: center !important;
    gap: .75rem !important;
    flex-wrap: wrap !important;
    margin: 0 0 1rem !important;
    padding: .9rem !important;
    background: rgba(255,255,255,.88) !important;
    border: 1px solid rgba(203,213,225,.72) !important;
    border-radius: var(--r-2xl) !important;
    box-shadow: var(--shadow-sm) !important;
}

.fin-filter-group { display: flex; flex-direction: column; gap: .35rem; min-width: 11rem; }
.fin-grid-container { margin-bottom: 1rem; }

.fin-alert,
.fin-empty-state,
.fin-loading {
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(203,213,225,.72);
    border-radius: var(--r-2xl);
    box-shadow: var(--shadow-sm);
    padding: 1.2rem;
    margin-bottom: 1rem;
}

.fin-alert {
    display: flex;
    gap: .85rem;
    border-left: 4px solid #dc3545;
    animation: um-shake .3s ease;
}

.fin-alert-icon { color: var(--danger); font-size: 1.15rem; }
.fin-alert-title { font-weight: 900; color: var(--text-primary); margin-bottom: .2rem; }
.fin-loading { display: flex; align-items: center; gap: .75rem; color: var(--text-muted); }
.fin-empty-state { text-align: center; color: var(--text-muted); }
.fin-empty-icon { font-size: 2rem; color: var(--text-placeholder); margin-bottom: .5rem; }

.fin-badge,
.fin-chip {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 1.55rem;
    padding: .2rem .55rem !important;
    border-radius: var(--r-full) !important;
    font-size: .68rem !important;
    font-weight: 850 !important;
    letter-spacing: .02em;
}

.fin-badge-success,.fin-chip-success { background: var(--success-bg); color: var(--success); border: 1px solid rgba(5,150,105,.18); }
.fin-badge-warning,.fin-chip-warning { background: var(--warning-bg); color: var(--warning); border: 1px solid rgba(217,119,6,.20); }
.fin-badge-danger,.fin-chip-danger { background: var(--danger-bg); color: var(--danger); border: 1px solid rgba(225,29,72,.20); }
.fin-badge-info,.fin-chip-info { background: var(--info-bg); color: var(--info); border: 1px solid rgba(35,109,255,.18); }
.fin-badge-purple,.fin-chip-purple { background: #f3e8ff; color: #6d28d9; border: 1px solid rgba(124,58,237,.20); }
.fin-badge-secondary,.fin-chip-neutral { background: var(--surface-muted); color: var(--text-tertiary); border: 1px solid var(--border-color); }

.um-modal-header {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: 1rem 1.15rem;
    border-bottom: 1px solid var(--border-color);
    background: linear-gradient(135deg, var(--surface-raised), #fff);
    font-weight: 900;
    color: var(--text-primary);
}

.um-modal-header > i {
    width: 2.25rem;
    height: 2.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--r-lg);
    background: var(--brand-50);
    color: var(--brand-700);
}

.um-modal-body { padding: 1rem 1.15rem; }
.um-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }
.um-field { display: flex; flex-direction: column; gap: .35rem; min-width: 0; }
.um-field--full { grid-column: 1 / -1; }
.um-modal-footer { display: flex; justify-content: flex-end; gap: .65rem; padding: .9rem 1.15rem 1.05rem; border-top: 1px solid var(--border-color); background: var(--surface-raised); }

@keyframes um-shake { 0%,100%{transform:translateX(0)} 25%{transform:translateX(-4px)} 75%{transform:translateX(4px)} }

@media (max-width: 760px) {
    .um-form-grid { grid-template-columns: 1fr; }
}

.pmr-hero {
    margin-bottom: 1rem;
}

.acct-hero {
    margin-bottom: 1rem;
}

.opp-hero {
    margin-bottom: 1rem;
}

.sub-hero {
    margin-bottom: 1rem;
}

.pol-hero {
    margin-bottom: 1rem;
}

.ren-hero {
    margin-bottom: 1rem;
}

.clm-hero {
    margin-bottom: 1rem;
}

.twf-hero {
    margin-bottom: 1rem;
}

.twf-hero .ma-hero-actions,
.clm-hero .ma-hero-actions,
.ren-hero .ma-hero-actions,
.pol-hero .ma-hero-actions {
    flex-wrap: wrap;
}

.um-grid-card,
.wf-list,
.wf-board,
.wf-detail-panel {
    border-radius: var(--r-xl);
}

.cr-grid-wrap,
.fq-grid-wrap,
.cat-event-strip,
.cd-header,
.cd-kpi-bar {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-xl);
    box-shadow: var(--shadow-sm);
}

.cr-kpi-card,
.fq-kpi-card {
    transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}

.cr-kpi-clickable:hover,
.fq-kpi-card.cr-kpi-clickable:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 38px rgba(15, 23, 42, .12);
}

.rdb-grid-wrap,
.rp-grid-wrap,
.ra-grid-wrap,
.ra-content-wrap {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-xl);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.rp-kpi-active,
.ra-kpi-active {
    border-color: rgba(37, 99, 235, .35) !important;
    box-shadow: 0 16px 38px rgba(37, 99, 235, .16) !important;
}

.pr-grid-wrap,
.ew-grid-wrap,
.cc-grid-wrap {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-xl);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.pr-kpi-card--active,
.pol-kpi-card--active,
.pa-kpi-card--active {
    border-color: rgba(37, 99, 235, .35) !important;
    box-shadow: 0 16px 38px rgba(37, 99, 235, .16) !important;
}

.sr-kpi-active,
.sq-kpi-active,
.sa-kpi-active,
.sd-kpi-active {
    border-color: rgba(37, 99, 235, .35) !important;
    box-shadow: 0 16px 38px rgba(37, 99, 235, .16) !important;
}

.sr-grid-wrap,
.sq-grid-wrap,
.sa-grid-wrap,
.sd-grid-wrap {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-xl);
    box-shadow: var(--shadow-sm);
    overflow: hidden;
}

.sr-view-tabs,
.sq-view-tabs,
.sa-view-tabs,
.sd-view-tabs {
    margin: .85rem 0;
}

@media (max-width: 820px) {
    .sr-filter-header,
    .sr-grid-toolbar,
    .sr-pager {
        align-items: stretch;
        flex-direction: column;
    }
}

.contact-hero {
    margin-bottom: 1rem;
}

.pmr-view-tabs {
    margin-bottom: 1rem;
}

.pmr-filter-bar {
    margin: .95rem 0 1rem;
}

.acct-filter-bar {
    margin: .95rem 0 1rem;
}

.opp-filter-bar {
    margin: .95rem 0 1rem;
}

.contact-filter-bar {
    margin: .95rem 0 1rem;
}

.pmr-filter-bar .ma-search-wrap {
    min-width: min(100%, 24rem);
}

.acct-filter-bar .ma-search-wrap {
    min-width: min(100%, 26rem);
}

.opp-filter-bar .ma-search-wrap {
    min-width: min(100%, 26rem);
}

.contact-filter-bar .ma-search-wrap {
    min-width: min(100%, 26rem);
}

.pmr-filter-bar .ma-type-pills {
    flex: 1 1 auto;
}

.acct-filter-bar .ma-type-pills {
    flex: 1 1 auto;
}

.contact-filter-bar .ma-type-pills {
    flex: 1 1 auto;
}

.acct-kpi-strip {
    margin-bottom: 1rem;
}

.opp-kpi-strip {
    margin-bottom: 1rem;
}

.op-kpi-card--active {
    border-color: rgba(37, 99, 235, .35);
    box-shadow: 0 16px 38px rgba(37, 99, 235, .16);
}

.opp-board-columns {
    display: grid;
    grid-template-columns: repeat(6, minmax(16rem, 1fr));
    gap: 1rem;
    overflow-x: auto;
    padding-bottom: .5rem;
}

.opp-board-col {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-xl);
    padding: .85rem;
    min-height: 24rem;
}

.opp-board-col header,
.opp-board-card-top,
.opp-board-card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .75rem;
}

.opp-board-list {
    display: grid;
    gap: .75rem;
    margin-top: .85rem;
}

.opp-board-card {
    background: var(--surface-raised);
    border: 1px solid var(--border-subtle);
    border-radius: var(--r-lg);
    padding: .85rem;
    cursor: pointer;
    box-shadow: var(--shadow-xs);
}

.opp-board-card:hover {
    border-color: rgba(37, 99, 235, .25);
    box-shadow: var(--shadow-md);
}

.opp-win-track,
.opp-stage-track {
    height: .45rem;
    background: var(--surface-muted);
    border-radius: var(--r-full);
    overflow: hidden;
}

.opp-win-track span,
.opp-stage-track div {
    display: block;
    height: 100%;
    background: linear-gradient(90deg, var(--brand-600), var(--accent-cyan));
}

.opp-pipeline-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(22rem, .9fr);
    gap: 1rem;
    margin-bottom: 1rem;
}

.opp-panel {
    background: var(--surface);
    border: 1px solid var(--border);
    border-radius: var(--r-xl);
    padding: 1rem;
}

.opp-panel h3 {
    margin: 0 0 .85rem;
    font-size: 1rem;
    font-weight: 800;
}

.opp-stage-row {
    display: grid;
    grid-template-columns: 9rem minmax(8rem, 1fr) 7rem 4rem;
    align-items: center;
    gap: .75rem;
    margin-bottom: .65rem;
}

.acct-health-score.acct-health-success,
.opp-score-success { color: var(--success); }

.acct-health-score.acct-health-warning,
.opp-score-warning { color: var(--warning); }

.acct-health-score.acct-health-danger,
.opp-score-danger { color: var(--danger); }

@media (max-width: 1100px) {
    .opp-pipeline-layout {
        grid-template-columns: 1fr;
    }
}

.acct-name-cell {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
}

.contact-name-cell {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-width: 0;
}

.acct-avatar {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: var(--r-lg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: linear-gradient(135deg, var(--brand-600), var(--accent-cyan));
    color: #fff;
    font-weight: 900;
    letter-spacing: -.03em;
    box-shadow: 0 10px 22px rgba(35, 109, 255, .18);
}

.contact-avatar {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: var(--r-full);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    background: linear-gradient(135deg, var(--accent-violet), var(--brand-500));
    color: #fff;
    font-weight: 900;
    letter-spacing: -.03em;
    box-shadow: 0 10px 22px rgba(124, 58, 237, .18);
}

.contact-role-dots {
    display: flex;
    align-items: center;
    gap: .35rem;
}

.contact-dot {
    width: .7rem;
    height: .7rem;
    border-radius: var(--r-full);
    display: inline-block;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, .04);
}

.contact-dot-key { background: var(--accent-amber); }
.contact-dot-billing { background: var(--accent-rose); }
.contact-dot-service { background: var(--accent-emerald); }
.contact-dot-portal { background: var(--brand-600); }

.acct-form-card,
.acct-timeline-card {
    padding: 1rem;
}

.acct-tone-info,
.ma-type-chip.acct-tone-info {
    background: var(--info-bg);
    color: var(--brand-700);
}

.acct-tone-success,
.ma-type-chip.acct-tone-success {
    background: var(--success-bg);
    color: var(--success);
}

.acct-tone-warning,
.ma-type-chip.acct-tone-warning {
    background: var(--warning-bg);
    color: var(--warning);
}

.acct-tone-danger,
.ma-type-chip.acct-tone-danger {
    background: var(--danger-bg);
    color: var(--danger);
}

.pc-kpi-strip {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: .85rem;
    margin-bottom: 1rem;
}

.pc-kpi-card {
    display: flex;
    align-items: center;
    gap: .75rem;
    min-height: 5.1rem;
    padding: .95rem;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.pc-kpi-card:hover,
.pc-kpi-card--active {
    transform: translateY(-2px);
    border-color: rgba(35, 109, 255, .38) !important;
    box-shadow: var(--shadow-md) !important;
}

.pc-kpi-card--active {
    background:
        linear-gradient(135deg, rgba(255,255,255,.98), rgba(238,246,255,.92)),
        radial-gradient(circle at 100% 0%, rgba(35,109,255,.14), transparent 10rem) !important;
}

.pc-kpi-icon {
    width: 2.55rem;
    height: 2.55rem;
    border-radius: var(--r-lg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-size: 1.05rem;
}

.pc-kpi-icon--total {
    background: var(--info-bg);
    color: var(--brand-700);
}

.pc-kpi-icon--active {
    background: var(--success-bg);
    color: var(--success);
}

.pc-kpi-icon--inactive {
    background: var(--warning-bg);
    color: var(--warning);
}

.pc-kpi-value {
    color: var(--text-primary);
    font-size: 1.45rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.045em;
}

.pc-kpi-label {
    margin-top: .25rem;
    color: var(--text-muted);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}

.theme-dark .pc-kpi-card--active {
    background:
        linear-gradient(135deg, rgba(16,26,43,.96), rgba(16,40,78,.54)),
        radial-gradient(circle at 100% 0%, rgba(35,109,255,.22), transparent 10rem) !important;
}

@media (max-width: 1200px) {
    .pc-kpi-strip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
    .pc-kpi-strip { grid-template-columns: 1fr; }
    .pmr-filter-bar .ma-search-wrap { min-width: 100%; }
}

.e-grid .e-altrow .e-rowcell {
    background: rgba(248, 250, 252, .55) !important;
}

.theme-dark .e-grid .e-altrow .e-rowcell {
    background: rgba(12, 22, 38, .54) !important;
}

/* -- Marketing pages enterprise polish ----------------------- */
.mkc-kpi-strip,
.mkx-kpi-strip,
.mkw-kpi-strip,
.mkr-kpi-strip,
.mkv-kpi-strip,
.mks-kpi-strip {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: .85rem;
    margin: 0 0 1rem;
}

.mkc-kpi-card,
.mkx-kpi-card,
.mkw-kpi-card,
.mkr-kpi-card,
.mkv-kpi-card,
.mks-kpi-card {
    display: flex !important;
    align-items: center;
    gap: .8rem;
    min-width: 0;
    min-height: 5rem;
    padding: .9rem 1rem !important;
    border: 1px solid rgba(203, 213, 225, .74) !important;
    border-radius: var(--r-xl) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .92)) !important;
    box-shadow: var(--shadow-xs) !important;
    color: var(--text-primary) !important;
}

button.mkc-kpi-card,
button.mkx-kpi-card,
button.mkw-kpi-card,
button.mkr-kpi-card,
button.mkv-kpi-card,
button.mks-kpi-card {
    border-style: solid;
    text-align: left;
    cursor: pointer;
}

button.mkc-kpi-card:hover,
button.mkx-kpi-card:hover,
button.mkw-kpi-card:hover,
button.mkr-kpi-card:hover,
button.mkv-kpi-card:hover,
button.mks-kpi-card:hover {
    transform: translateY(-1px);
    border-color: rgba(35, 109, 255, .35) !important;
    box-shadow: var(--shadow-sm) !important;
}

.mkc-kv,
.mkx-kv,
.mkw-kv,
.mkr-kv,
.mkv-kv,
.mks-kv {
    color: var(--text-primary) !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    line-height: 1.05;
    letter-spacing: -.04em;
    overflow-wrap: anywhere;
}

.mkc-kl,
.mkx-kl,
.mkw-kl,
.mkr-kl,
.mkv-kl,
.mks-kl {
    color: var(--text-muted) !important;
    font-size: .72rem !important;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.mkc-filter-bar,
.mkw-filter-bar {
    display: flex;
    align-items: center;
    gap: .65rem;
    flex-wrap: wrap;
    margin: 0 0 .9rem;
    padding: .75rem;
    border: 1px solid rgba(203, 213, 225, .74);
    border-radius: var(--r-xl);
    background: rgba(255, 255, 255, .82);
    box-shadow: var(--shadow-xs);
}

.mkc-search-wrap {
    position: relative;
    flex: 1 1 18rem;
    min-width: min(18rem, 100%);
}

.mkc-si {
    position: absolute;
    left: .85rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-muted);
    pointer-events: none;
}

.mkc-search,
.mkc-sel,
.mkw-sel {
    min-height: 2.35rem;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--r-md) !important;
    background: var(--surface-input) !important;
    color: var(--text-primary) !important;
    box-shadow: inset 0 1px 0 rgba(15, 23, 42, .02);
}

.mkc-search {
    width: 100%;
    padding: .5rem .8rem .5rem 2.25rem;
}

.mkc-sel,
.mkw-sel {
    padding: .5rem .75rem;
}

.mkc-grid-card,
.mkx-grid-card,
.mkw-grid-card,
.mkr-grid-card,
.mke-history-card,
.marketing-grid-card {
    border: 1px solid rgba(203, 213, 225, .74) !important;
    border-radius: var(--r-2xl) !important;
    background: var(--surface-card) !important;
    box-shadow: var(--shadow-sm) !important;
    overflow: hidden;
}

.marketing-grid .e-gridcontent,
.marketing-grid .e-content,
.marketing-grid .e-table {
    min-width: 100%;
}

.marketing-grid .e-rowcell,
.marketing-grid .e-headercell {
    line-height: 1.25 !important;
    vertical-align: middle !important;
}

.marketing-grid .e-rowcell {
    white-space: normal !important;
    overflow: visible !important;
    overflow-wrap: anywhere;
    word-break: normal;
}

.marketing-grid .e-headertext,
.marketing-grid .e-rowcell .e-cellvalue {
    white-space: normal !important;
}

.marketing-grid .mkc-name-cell,
.marketing-grid .mkx-name-cell,
.marketing-grid .mkw-name-cell,
.marketing-grid .mkr-name-cell {
    min-width: 0;
    max-width: 100%;
}

.mkc-name-cell,
.mkx-name-cell,
.mkw-name-cell,
.mkr-name-cell {
    display: flex;
    align-items: center;
    gap: .7rem;
}

.mkc-name-cell > div:last-child,
.mkx-name-cell > div:last-child,
.mkw-name-cell > div:last-child,
.mkr-name-cell > div:last-child {
    min-width: 0;
}

.mkc-item-name,
.mkx-item-name,
.mkw-item-name,
.mkr-item-name {
    color: var(--text-primary) !important;
    font-weight: 800 !important;
    line-height: 1.2;
    white-space: normal;
    overflow-wrap: anywhere;
}

.mkc-item-sub,
.mkx-item-sub,
.mkw-item-sub,
.mkr-item-sub {
    color: var(--text-muted) !important;
    font-size: .76rem !important;
    line-height: 1.25;
    margin-top: .1rem;
    white-space: normal;
    overflow-wrap: anywhere;
}

.mkc-type-icon,
.mkx-av,
.mkw-av,
.mkr-av {
    flex: 0 0 auto;
}

.mkc-mono,
.mkx-mono,
.mkw-mono,
.mkr-mono,
.mke-mono {
    font-family: var(--font-mono) !important;
    font-size: .82rem !important;
    white-space: nowrap;
}

.mkc-status,
.mkx-opp-type,
.mkr-src-badge,
.mkv-plt-badge {
    display: inline-flex !important;
    align-items: center;
    max-width: 100%;
    padding: .24rem .6rem !important;
    border-radius: var(--r-full) !important;
    font-size: .72rem !important;
    font-weight: 800 !important;
    line-height: 1.1;
    white-space: normal;
    overflow-wrap: anywhere;
}

.mkc-st--active,
.mkc-st--completed,
.mkv-chk { color: var(--success) !important; }
.mkc-st--scheduled { color: var(--brand-700) !important; }
.mkc-st--paused { color: var(--warning) !important; }
.mkc-st--draft { color: var(--text-tertiary) !important; }
.mkc-st--active,
.mkc-st--completed { background: var(--success-bg) !important; border: 1px solid rgba(5, 150, 105, .18); }
.mkc-st--scheduled { background: var(--info-bg) !important; border: 1px solid rgba(35, 109, 255, .18); }
.mkc-st--paused { background: var(--warning-bg) !important; border: 1px solid rgba(217, 119, 6, .20); }
.mkc-st--draft { background: var(--surface-muted) !important; border: 1px solid var(--border-color); }

.mkc-ti-email,
.mkc-ti-page,
.mkc-ti-sms,
.mkc-ti-dm,
.mkc-ti-multi {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--r-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.mkc-ti-email,
.mkc-ti-page { background: var(--info-bg); color: var(--brand-700); }
.mkc-ti-sms { background: var(--success-bg); color: var(--success); }
.mkc-ti-dm { background: var(--warning-bg); color: var(--warning); }
.mkc-ti-multi { background: rgba(124, 58, 237, .12); color: var(--accent-violet); }

.marketing-grid .um-btn-xs,
.marketing-grid .um-btn-sm {
    margin-inline: .1rem;
}

/* -- Agency Setup shared enterprise pattern ------------------- */
.as-kpi-strip {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: .85rem;
    margin: 0 0 1rem;
}

.as-kpi-card {
    position: relative;
    display: flex !important;
    align-items: center;
    gap: .85rem;
    min-width: 0;
    min-height: 5rem;
    padding: .95rem 1rem !important;
    border: 1px solid rgba(203, 213, 225, .74) !important;
    border-radius: var(--r-xl) !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .92)) !important;
    box-shadow: var(--shadow-xs) !important;
    color: var(--text-primary) !important;
    text-align: left;
    cursor: pointer;
}

.as-kpi-card:hover {
    transform: translateY(-1px);
    border-color: rgba(35, 109, 255, .35) !important;
    box-shadow: var(--shadow-sm) !important;
}

.as-kpi-card--active {
    border-color: rgba(35, 109, 255, .55) !important;
    background: linear-gradient(135deg, rgba(238, 246, 255, .98), rgba(255, 255, 255, .94)) !important;
    box-shadow: var(--ring), var(--shadow-sm) !important;
}

.as-kpi-icon {
    flex: 0 0 auto;
    width: 2.65rem;
    height: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--r-lg);
    background: linear-gradient(135deg, var(--brand-50), #fff);
    color: var(--brand-700);
    border: 1px solid var(--brand-100);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .82), 0 10px 22px rgba(35, 109, 255, .10);
    font-size: 1.1rem;
}

.as-kpi-icon--success { background: var(--success-bg); color: var(--success); border-color: rgba(5, 150, 105, .18); }
.as-kpi-icon--warning { background: var(--warning-bg); color: var(--warning); border-color: rgba(217, 119, 6, .20); }
.as-kpi-icon--danger { background: var(--danger-bg); color: var(--danger); border-color: rgba(225, 29, 72, .22); }
.as-kpi-icon--violet { background: rgba(124, 58, 237, .12); color: var(--accent-violet); border-color: rgba(124, 58, 237, .18); }

.as-kpi-value {
    color: var(--text-primary) !important;
    font-size: 1.25rem;
    font-weight: 850;
    line-height: 1.05;
    letter-spacing: -.04em;
    overflow-wrap: anywhere;
}

.as-kpi-label {
    margin-top: .22rem;
    color: var(--text-muted) !important;
    font-size: .72rem;
    font-weight: 750;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.as-card {
    background: var(--surface-card) !important;
    border: 1px solid rgba(203, 213, 225, .74) !important;
    border-radius: var(--r-2xl) !important;
    box-shadow: var(--shadow-sm) !important;
    padding: 1rem;
}

.as-layout {
    display: grid;
    gap: 1rem;
}

.as-layout--split {
    grid-template-columns: minmax(260px, .8fr) minmax(0, 1.4fr);
}

.as-section {
    padding: 1rem;
    border: 1px solid var(--border-color);
    border-radius: var(--r-xl);
    background: linear-gradient(180deg, var(--surface-card), var(--surface-raised));
}

.as-section + .as-section { margin-top: .9rem; }

.as-section-title {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin: 0 0 .85rem;
    color: var(--text-primary);
    font-size: 1rem;
    font-weight: 850;
}

.as-fields {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: .75rem;
}

.as-field {
    min-width: 0;
    padding: .75rem;
    border: 1px solid var(--border-color);
    border-radius: var(--r-lg);
    background: rgba(248, 250, 252, .7);
}

.as-field--full { grid-column: 1 / -1; }

.as-field-label {
    display: block;
    color: var(--text-muted);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.as-field-value {
    display: block;
    margin-top: .25rem;
    color: var(--text-primary);
    font-weight: 700;
    overflow-wrap: anywhere;
}

.as-mono { font-family: var(--font-mono) !important; }
.as-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.as-empty-state {
    display: grid;
    place-items: center;
    min-height: 12rem;
    gap: .6rem;
    color: var(--text-muted);
    text-align: center;
}

.as-empty-icon {
    width: 3.25rem;
    height: 3.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--r-xl);
    background: var(--info-bg);
    color: var(--brand-700);
    font-size: 1.45rem;
}

.as-form,
.as-form-grid {
    display: grid;
    gap: .85rem;
}

.as-form-grid {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.as-form-section-heading {
    margin: .4rem 0 0;
    color: var(--text-primary);
    font-size: .9rem;
    font-weight: 850;
}

.as-color-swatch,
.as-palette-swatch {
    width: 1.65rem;
    height: 1.65rem;
    flex: 0 0 auto;
    border-radius: var(--r-md);
    border: 1px solid rgba(15, 23, 42, .12);
    box-shadow: var(--shadow-xs);
}

.as-preview-panel {
    display: grid;
    gap: .85rem;
    align-content: start;
}

.as-logo-preview {
    min-height: 13rem;
    display: grid;
    place-items: center;
    border-radius: var(--r-xl);
    overflow: hidden;
    border: 1px solid var(--border-color);
}

.as-logo-img { max-width: 80%; max-height: 8rem; object-fit: contain; }

.as-logo-placeholder {
    display: grid;
    place-items: center;
    gap: .35rem;
    color: rgba(255, 255, 255, .9);
    font-weight: 750;
}

.as-palette-list {
    display: grid;
    gap: .65rem;
}

.as-palette-item {
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 0;
}

.as-save-banner {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-bottom: .85rem;
    padding: .8rem 1rem;
    border-radius: var(--r-xl);
    background: var(--success-bg);
    color: var(--success);
    border: 1px solid rgba(5, 150, 105, .18);
    font-weight: 750;
}

.as-section-hint {
    color: var(--text-muted);
    font-size: .78rem;
    font-weight: 650;
}

.as-tenant-hero {
    margin-bottom: 1rem;
}

.as-tenant-hero .ma-hero-actions {
    justify-content: flex-end;
}

@media (max-width: 980px) {
    .as-layout--split { grid-template-columns: 1fr; }

    .as-tenant-hero .ma-hero-actions {
        justify-content: flex-start;
    }
}

/* -- IAM Role detail enterprise polish ----------------------- */
.rd-page {
    display: grid;
    gap: 1rem;
}

.rd-loading,
.rd-not-found {
    min-height: 18rem;
    display: grid;
    place-items: center;
    gap: .75rem;
    padding: 2rem;
    color: var(--text-muted);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-2xl);
    box-shadow: var(--shadow-sm);
    text-align: center;
}

.rd-breadcrumb {
    display: flex;
    align-items: center;
    gap: .55rem;
    color: var(--text-muted);
}

.rd-header-card,
.rd-tabs,
.rd-info-section,
.rd-perm-group,
.rd-scope-card,
.rd-sod-card,
.rd-sod-clear,
.rd-sod-warn {
    background: var(--surface-card) !important;
    border: 1px solid rgba(203, 213, 225, .74) !important;
    border-radius: var(--r-2xl) !important;
    box-shadow: var(--shadow-sm) !important;
}

.rd-header-card {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 1rem;
    padding: 1.15rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .90)),
        radial-gradient(circle at 92% 8%, rgba(35, 109, 255, .12), transparent 18rem) !important;
}

.rd-header-left,
.rd-header-actions,
.rd-badge-row,
.rd-sub-row,
.rd-header-name-row,
.rd-panel-toolbar,
.rd-perm-toolbar,
.rd-assign-chips,
.rd-view-toggle,
.rd-scope-summary,
.rd-audit-subtabs {
    display: flex;
    align-items: center;
    gap: .75rem;
    flex-wrap: wrap;
}

.rd-header-left {
    align-items: flex-start;
}

.rd-avatar {
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: var(--r-xl);
    color: #fff;
    font-size: 1.45rem;
    box-shadow: var(--shadow-sm);
}

.rd-full-name {
    margin: 0;
    color: var(--text-primary);
    font-size: clamp(1.4rem, 2.4vw, 2rem);
    font-weight: 900;
}

.rd-code,
.rd-perm-code,
.rd-perm-id-code {
    font-family: var(--font-mono);
    border-radius: var(--r-md);
    background: var(--surface-muted);
    color: var(--text-secondary);
    padding: .22rem .5rem;
}

.rd-desc-row {
    max-width: 78ch;
    color: var(--text-secondary);
}

.rd-kpi-strip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: .85rem;
}

.rd-kpi-card {
    display: flex;
    align-items: center;
    gap: .8rem;
    min-height: 5rem;
    padding: .95rem;
    text-align: left;
    color: var(--text-primary);
    background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .92)) !important;
    border: 1px solid rgba(203, 213, 225, .74) !important;
    border-radius: var(--r-xl) !important;
    box-shadow: var(--shadow-xs) !important;
    cursor: pointer;
}

.rd-kpi-card:hover {
    transform: translateY(-1px);
    border-color: rgba(35, 109, 255, .35) !important;
    box-shadow: var(--shadow-sm) !important;
}

.rd-kpi-card--active {
    border-color: rgba(35, 109, 255, .55) !important;
    background: linear-gradient(135deg, var(--brand-50), rgba(255,255,255,.96)) !important;
    box-shadow: var(--ring), var(--shadow-sm) !important;
}

.rd-kpi-card strong,
.rd-kpi-card small {
    display: block;
}

.rd-kpi-card strong {
    color: var(--text-primary);
    font-size: 1.4rem;
    font-weight: 900;
    line-height: 1;
    overflow-wrap: anywhere;
}

.rd-kpi-card small {
    margin-top: .25rem;
    color: var(--text-muted);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.rd-kpi-icon {
    width: 2.55rem;
    height: 2.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: var(--r-lg);
    background: var(--info-bg);
    color: var(--brand-700);
    border: 1px solid rgba(35, 109, 255, .18);
}

.rd-kpi-icon--users,
.rd-kpi-icon--safe { background: var(--success-bg); color: var(--success); border-color: rgba(5, 150, 105, .18); }
.rd-kpi-icon--scopes,
.rd-kpi-icon--audit { background: rgba(124, 58, 237, .12); color: var(--accent-violet); border-color: rgba(124, 58, 237, .18); }
.rd-kpi-icon--danger { background: var(--danger-bg); color: var(--danger); border-color: rgba(225, 29, 72, .22); }
.rd-kpi-icon--permissions { background: var(--warning-bg); color: var(--warning); border-color: rgba(217, 119, 6, .20); }

.rd-tabs {
    overflow: hidden;
}

.rd-tab-list {
    display: flex;
    gap: .25rem;
    flex-wrap: wrap;
    padding: .75rem;
    background: var(--surface-raised);
    border-bottom: 1px solid var(--border-color);
}

.rd-tab,
.rd-audit-subtab,
.rd-assign-chip,
.rd-view-btn {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-height: 2.25rem;
    padding: .5rem .75rem;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--r-full) !important;
    background: var(--surface-card) !important;
    color: var(--text-secondary) !important;
    font-weight: 800 !important;
}

.rd-tab-active,
.rd-audit-subtab-active,
.rd-assign-chip-active,
.rd-view-btn-active {
    color: #fff !important;
    background: linear-gradient(135deg, var(--brand-600), var(--brand-500)) !important;
    border-color: transparent !important;
    box-shadow: 0 10px 22px rgba(35, 109, 255, .20) !important;
}

.rd-tab-panel {
    padding: 1rem;
}

.rd-tab-badge {
    min-width: 1.35rem;
    padding: .06rem .4rem;
    color: inherit;
    background: rgba(255,255,255,.22);
    border-radius: var(--r-full);
    font-size: .7rem;
    font-weight: 900;
}

.rd-info-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1rem;
}

.rd-info-section {
    padding: 1rem;
    box-shadow: var(--shadow-xs) !important;
}

.rd-section-title {
    margin: 0 0 .85rem;
    color: var(--text-primary);
    font-size: .95rem;
    font-weight: 900;
}

.rd-info-list {
    display: grid;
    gap: .65rem;
}

.rd-info-row {
    display: grid;
    grid-template-columns: minmax(8rem, .45fr) minmax(0, 1fr);
    gap: .75rem;
    padding: .65rem .75rem;
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: var(--r-lg);
}

.rd-info-label,
.rd-perm-detail-label {
    color: var(--text-muted);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.rd-info-value,
.rd-perm-detail-value {
    color: var(--text-primary);
    font-weight: 700;
    overflow-wrap: anywhere;
}

.rd-perm-toolbar,
.rd-panel-toolbar {
    margin-bottom: .9rem;
    padding: .75rem;
    background: rgba(255,255,255,.78);
    border: 1px solid var(--border-color);
    border-radius: var(--r-xl);
    box-shadow: var(--shadow-xs);
}

.rd-perm-groups,
.rd-perm-rows,
.rd-timeline,
.rd-sod-grid {
    display: grid;
    gap: .85rem;
}

.rd-perm-group {
    overflow: hidden;
    box-shadow: var(--shadow-xs) !important;
}

.rd-perm-group-hdr {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto minmax(8rem, 12rem);
    gap: .75rem;
    align-items: center;
    padding: .85rem 1rem;
    background: var(--surface-raised);
    border-bottom: 1px solid var(--border-color);
    cursor: pointer;
}

.rd-perm-group-name,
.rd-sod-rule-name,
.rd-tl-summary {
    color: var(--text-primary);
    font-weight: 900;
}

.rd-perm-group-count,
.rd-tl-detail,
.rd-sod-rule-desc {
    color: var(--text-muted);
    font-size: .8rem;
}

.rd-perm-group-bar,
.rd-matrix-bar {
    height: .5rem;
    overflow: hidden;
    border-radius: var(--r-full);
    background: var(--surface-muted);
}

.rd-perm-group-fill,
.rd-matrix-bar-fill {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--brand-600), var(--accent-cyan));
}

.rd-perm-row {
    display: grid;
    margin: .7rem;
    border: 1px solid var(--border-color);
    border-radius: var(--r-xl);
    background: var(--surface-card);
    overflow: hidden;
}

.rd-perm-row-assigned {
    border-left: 4px solid var(--success);
}

.rd-perm-row-main {
    display: grid;
    grid-template-columns: minmax(12rem, 1.2fr) minmax(12rem, 1.4fr) auto auto auto;
    gap: .75rem;
    align-items: center;
    padding: .8rem;
}

.rd-perm-detail {
    padding: .85rem;
    background: var(--surface-raised);
    border-top: 1px solid var(--border-color);
}

.rd-perm-detail-grid,
.rd-scope-summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: .75rem;
}

.rd-perm-detail-item {
    display: grid;
    gap: .25rem;
    padding: .7rem;
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-lg);
}

.rd-perm-detail-full,
.rd-perm-detail-id {
    grid-column: 1 / -1;
}

.rd-action-badge,
.rd-assigned-on,
.rd-assigned-off,
.rd-sod-role-pill,
.rd-sod-severity {
    display: inline-flex;
    align-items: center;
    gap: .3rem;
    width: fit-content;
    padding: .25rem .55rem;
    border-radius: var(--r-full);
    font-size: .7rem;
    font-weight: 900;
}

.rd-action-read { background: var(--info-bg); color: var(--brand-700); }
.rd-action-write { background: var(--warning-bg); color: var(--warning); }
.rd-action-delete,
.rd-action-admin { background: var(--danger-bg); color: var(--danger); }
.rd-action-manage { background: rgba(124,58,237,.12); color: var(--accent-violet); }
.rd-action-other { background: var(--surface-muted); color: var(--text-tertiary); }
.rd-assigned-on { color: var(--success); background: var(--success-bg); }
.rd-assigned-off { color: var(--text-tertiary); background: var(--surface-muted); }

.rd-perm-toggle-btn,
.rd-perm-expand-btn {
    min-height: 2rem;
    padding: .35rem .6rem;
    border: 1px solid var(--border-color);
    border-radius: var(--r-md) !important;
    background: var(--surface-card);
    color: var(--text-secondary);
    font-weight: 850;
}

.rd-toggle-assign { color: var(--success); background: var(--success-bg); border-color: rgba(5,150,105,.18); }
.rd-toggle-revoke { color: var(--danger); background: var(--danger-bg); border-color: rgba(225,29,72,.22); }

.rd-matrix-wrap {
    overflow: auto;
    border: 1px solid var(--border-color);
    border-radius: var(--r-xl);
    box-shadow: var(--shadow-xs);
}

.rd-matrix {
    width: 100%;
    min-width: 52rem;
    border-collapse: collapse;
    background: var(--surface-card);
}

.rd-matrix th,
.rd-matrix td {
    padding: .72rem;
    border-bottom: 1px solid var(--border-color);
    text-align: center;
}

.rd-matrix th {
    color: var(--text-muted);
    background: var(--surface-muted);
    font-size: .72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.rd-matrix-td-resource {
    text-align: left !important;
    font-weight: 850;
    color: var(--text-primary);
}

.rd-mc-full { color: var(--success); }
.rd-mc-partial { color: var(--warning); }
.rd-mc-none { color: var(--text-tertiary); }

.rd-user-cell,
.um-user-cell {
    display: flex;
    align-items: center;
    gap: .7rem;
    min-width: 0;
}

.rd-tl-item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: .75rem;
}

.rd-tl-dot {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--r-lg);
    background: var(--info-bg);
    color: var(--brand-700);
}

.rd-tl-content,
.rd-scope-card,
.rd-sod-card {
    padding: .85rem;
}

.rd-sod-clear,
.rd-sod-warn {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
}

.rd-sod-clear { background: var(--success-bg) !important; color: var(--success); }
.rd-sod-warn { background: var(--warning-bg) !important; color: var(--warning); }

.rd-empty,
.rd-tab-loading {
    display: grid;
    place-items: center;
    min-height: 10rem;
    gap: .5rem;
    color: var(--text-muted);
    border: 1px dashed var(--border-dark);
    border-radius: var(--r-xl);
    background: var(--surface-raised);
    text-align: center;
}

@media (max-width: 960px) {
    .rd-header-card,
    .rd-header-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .rd-perm-row-main,
    .rd-perm-group-hdr,
    .rd-info-row {
        grid-template-columns: 1fr;
    }
}

/* -- IAM User detail enterprise polish ----------------------- */
.ud-loading,
.ud-not-found {
    min-height: 18rem;
    display: grid !important;
    place-items: center;
    gap: .75rem;
    padding: 2rem;
    color: var(--text-muted);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-2xl);
    box-shadow: var(--shadow-sm);
    text-align: center;
}

.ud-stats-bar,
.ud-info-card,
.ud-sec-card,
.ud-license-card,
.ud-tabs-card,
.ud-tab-body,
.ud-team-chip,
.ud-notif-row {
    background: var(--surface-card) !important;
    border: 1px solid rgba(203, 213, 225, .74) !important;
    border-radius: var(--r-2xl) !important;
    box-shadow: var(--shadow-sm) !important;
}

.ud-stats-bar {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin: 0 0 1rem;
    padding: 1rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .90)),
        radial-gradient(circle at 92% 8%, rgba(124, 58, 237, .12), transparent 18rem) !important;
}

.ud-avatar-wrap {
    flex: 0 0 auto;
}

.ud-avatar {
    width: 4rem;
    height: 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--r-xl);
    color: #fff;
    font-size: 1.35rem;
    font-weight: 900;
    box-shadow: var(--shadow-sm);
}

.ud-stats,
.ud-tab-toolbar,
.ud-section-heading-row,
.ud-license-meta,
.ud-notif-row,
.ud-notif-channels {
    display: flex;
    align-items: center;
    gap: .65rem;
    flex-wrap: wrap;
}

.ud-stat-chip {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    min-height: 1.75rem;
    padding: .24rem .65rem;
    border-radius: var(--r-full);
    color: var(--text-secondary);
    background: var(--surface-muted);
    border: 1px solid var(--border-color);
    font-size: .75rem;
    font-weight: 800;
}

.ud-kpi-strip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
    gap: .85rem;
    margin-bottom: 1rem;
}

.ud-kpi-card {
    display: flex;
    align-items: center;
    gap: .8rem;
    min-height: 5rem;
    padding: .95rem;
    text-align: left;
    color: var(--text-primary);
    background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 250, 252, .92)) !important;
    border: 1px solid rgba(203, 213, 225, .74) !important;
    border-radius: var(--r-xl) !important;
    box-shadow: var(--shadow-xs) !important;
    cursor: pointer;
}

.ud-kpi-card:hover {
    transform: translateY(-1px);
    border-color: rgba(35, 109, 255, .35) !important;
    box-shadow: var(--shadow-sm) !important;
}

.ud-kpi-card--active {
    border-color: rgba(35, 109, 255, .55) !important;
    background: linear-gradient(135deg, var(--brand-50), rgba(255,255,255,.96)) !important;
    box-shadow: var(--ring), var(--shadow-sm) !important;
}

.ud-kpi-card strong,
.ud-kpi-card small {
    display: block;
}

.ud-kpi-card strong {
    color: var(--text-primary);
    font-size: 1.25rem;
    font-weight: 900;
    line-height: 1;
    overflow-wrap: anywhere;
}

.ud-kpi-card small {
    margin-top: .25rem;
    color: var(--text-muted);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.ud-kpi-icon {
    width: 2.55rem;
    height: 2.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: var(--r-lg);
    background: var(--info-bg);
    color: var(--brand-700);
    border: 1px solid rgba(35, 109, 255, .18);
}

.ud-kpi-icon--safe,
.ud-kpi-icon--teams { background: var(--success-bg); color: var(--success); border-color: rgba(5,150,105,.18); }
.ud-kpi-icon--danger { background: var(--danger-bg); color: var(--danger); border-color: rgba(225,29,72,.22); }
.ud-kpi-icon--permissions { background: var(--warning-bg); color: var(--warning); border-color: rgba(217,119,6,.20); }
.ud-kpi-icon--scopes,
.ud-kpi-icon--branch { background: rgba(124,58,237,.12); color: var(--accent-violet); border-color: rgba(124,58,237,.18); }
.ud-kpi-icon--profile,
.ud-kpi-icon--roles { background: var(--info-bg); color: var(--brand-700); border-color: rgba(35,109,255,.18); }

.ud-tab-body {
    display: grid;
    gap: 1rem;
    padding: 1rem;
    box-shadow: none !important;
}

.ud-info-card,
.ud-sec-card,
.ud-license-card {
    padding: 1rem;
    box-shadow: var(--shadow-xs) !important;
}

.ud-profile-grid,
.ud-security-grid,
.ud-perm-summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
    gap: .85rem;
}

.ud-field-group {
    display: grid;
    gap: .25rem;
    min-width: 0;
    padding: .75rem;
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: var(--r-lg);
}

.ud-field-group--wide {
    grid-column: 1 / -1;
}

.ud-field-group .ts-label,
.ud-sec-label,
.ud-tab-count {
    color: var(--text-muted) !important;
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ud-field-group .ts-value,
.ud-sec-value,
.ud-license-name,
.ud-notif-name {
    color: var(--text-primary) !important;
    font-weight: 850;
    overflow-wrap: anywhere;
}

.ud-sec-card,
.ud-perm-summary-card {
    display: flex;
    align-items: center;
    gap: .85rem;
}

.ud-sec-icon {
    width: 2.65rem;
    height: 2.65rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: var(--r-lg);
    background: var(--surface-muted);
    color: var(--text-tertiary);
}

.ud-sec-icon--on { background: var(--success-bg); color: var(--success); }
.ud-sec-icon--off,
.ud-sec-icon--neutral { background: var(--surface-muted); color: var(--text-tertiary); }
.ud-sec-icon--danger { background: var(--danger-bg); color: var(--danger); }

.ud-sec-card--on { border-left: 4px solid var(--success) !important; }
.ud-sec-card--off { border-left: 4px solid var(--text-tertiary) !important; }
.ud-sec-card--danger { border-left: 4px solid var(--danger) !important; }
.ud-sec-card--wide { grid-column: 1 / -1; }

.ud-sec-detail {
    margin-top: .15rem;
    color: var(--text-muted);
    font-size: .78rem;
}

.ud-section-heading-row {
    justify-content: space-between;
}

.ud-section-heading-row--spaced {
    margin-top: .35rem;
}

.ud-section-title {
    margin: 0;
    color: var(--text-primary);
    font-size: .98rem;
    font-weight: 900;
}

.ud-team-chips,
.ud-notif-list {
    display: grid;
    gap: .75rem;
}

.ud-team-chip {
    display: flex;
    align-items: center;
    gap: .65rem;
    padding: .75rem;
}

.ud-team-chip-icon,
.ud-license-icon {
    width: 2.35rem;
    height: 2.35rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--r-lg);
    background: var(--success-bg);
    color: var(--success);
}

.ud-team-chip-name {
    color: var(--text-primary);
    font-weight: 900;
}

.ud-team-chip-role {
    color: var(--text-muted);
    font-size: .78rem;
}

.ud-team-chip-remove {
    margin-left: auto;
}

.ud-license-card {
    display: flex;
    align-items: center;
    gap: .85rem;
}

.ud-notif-row {
    justify-content: space-between;
    padding: .75rem;
    box-shadow: var(--shadow-xs) !important;
}

@media (max-width: 960px) {
    .ud-stats-bar,
    .ud-license-card,
    .ud-sec-card,
    .ud-perm-summary-card {
        align-items: flex-start;
    }

    .ud-stats-bar {
        flex-direction: column;
    }
}

/* -- Portal My Account -------------------------------------- */
.pma-shell {
    display: grid;
    gap: 1rem;
}

.pma-hero,
.pma-panel,
.pma-kpi-card {
    border: 1px solid rgba(203, 213, 225, .74);
    border-radius: var(--r-2xl);
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.92));
    box-shadow: var(--shadow-sm);
}

.pma-hero {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: clamp(1rem, 2vw, 1.4rem);
    overflow: hidden;
}

.pma-identity {
    display: flex;
    align-items: center;
    gap: 1rem;
    min-width: 0;
}

.pma-avatar {
    width: 4rem;
    height: 4rem;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: 1.25rem;
    background: linear-gradient(135deg, var(--brand-600), var(--accent-cyan));
    color: white;
    font-size: 1.35rem;
    font-weight: 900;
    box-shadow: var(--shadow-sm);
}

.pma-eyebrow {
    color: var(--brand-700);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.pma-identity h2 {
    margin: .15rem 0 .4rem;
    font-size: clamp(1.35rem, 2.3vw, 2rem);
}

.pma-subtitle {
    display: flex;
    flex-wrap: wrap;
    gap: .55rem .9rem;
    color: var(--text-muted);
    font-size: .83rem;
}

.pma-subtitle span,
.pma-status {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.pma-status-stack {
    display: grid;
    gap: .35rem;
    justify-items: end;
}

.pma-status {
    width: fit-content;
    border-radius: var(--r-full);
    padding: .28rem .7rem;
    font-size: .75rem;
    font-weight: 900;
}

.pma-status--active {
    background: var(--success-bg);
    color: var(--success);
    border: 1px solid rgba(5,150,105,.18);
}

.pma-renewal {
    color: var(--text-muted);
    font-size: .8rem;
}

.pma-kpi-strip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: .85rem;
}

.pma-kpi-card {
    display: flex;
    align-items: center;
    gap: .8rem;
    min-width: 0;
    padding: .95rem;
    text-align: left;
    color: var(--text-primary);
}

.pma-kpi-card:hover {
    transform: translateY(-1px);
    border-color: rgba(35,109,255,.35);
    box-shadow: var(--shadow-md);
}

.pma-kpi-icon {
    width: 2.5rem;
    height: 2.5rem;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border-radius: var(--r-lg);
    font-size: 1.15rem;
}

.pma-ki-blue .pma-kpi-icon { background: var(--info-bg); color: var(--brand-700); }
.pma-ki-amber .pma-kpi-icon { background: var(--warning-bg); color: var(--warning); }
.pma-ki-green .pma-kpi-icon { background: var(--success-bg); color: var(--success); }
.pma-ki-purple .pma-kpi-icon { background: rgba(124,58,237,.12); color: var(--accent-violet); }
.pma-ki-gray .pma-kpi-icon { background: var(--surface-muted); color: var(--text-tertiary); }

.pma-kpi-value {
    font-size: 1.35rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.04em;
}

.pma-kpi-label {
    color: var(--text-secondary);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.pma-kpi-card span {
    color: var(--text-muted);
    font-size: .75rem;
}

.pma-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
    gap: 1rem;
}

.pma-panel {
    padding: 1rem;
    min-width: 0;
}

.pma-panel--span2 {
    grid-column: span 1;
}

.pma-panel-hdr {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin: 0 0 .9rem;
    color: var(--text-primary);
    font-weight: 900;
}

.pma-panel-hdr i {
    color: var(--brand-600);
}

.pma-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .85rem;
}

.pma-form-grid--one {
    grid-template-columns: 1fr;
}

.pma-field--full {
    grid-column: 1 / -1;
}

.pma-field label,
.pma-meter-label {
    display: flex;
    justify-content: space-between;
    margin-bottom: .35rem;
    color: var(--text-secondary);
    font-size: .75rem;
    font-weight: 800;
}

.pma-plan-card {
    display: grid;
    gap: .8rem;
}

.pma-plan-name {
    color: var(--text-primary);
    font-size: 1.25rem;
    font-weight: 900;
}

.pma-meter {
    height: .6rem;
    overflow: hidden;
    border-radius: var(--r-full);
    background: var(--surface-muted);
}

.pma-meter span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--brand-600), var(--accent-cyan));
}

.pma-plan-meta {
    color: var(--text-muted);
    font-size: .8rem;
}

.pma-toggle-list,
.pma-health-list,
.pma-activity-list {
    display: grid;
    gap: .65rem;
}

.pma-toggle-list label {
    display: flex;
    align-items: center;
    gap: .55rem;
    color: var(--text-secondary);
    font-weight: 700;
}

.pma-health-row,
.pma-activity-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: .75rem;
    align-items: center;
    padding: .72rem;
    border: 1px solid var(--border-color);
    border-radius: var(--r-lg);
    background: rgba(255,255,255,.62);
}

.pma-activity-row {
    grid-template-columns: auto minmax(0, 1fr);
}

.pma-health-row i,
.pma-activity-row i {
    width: 2rem;
    height: 2rem;
    display: grid;
    place-items: center;
    border-radius: var(--r-md);
    background: var(--info-bg);
    color: var(--brand-700);
}

.pma-health-row strong,
.pma-activity-row strong {
    display: block;
    color: var(--text-primary);
}

.pma-health-row span,
.pma-activity-row span,
.pma-activity-row small {
    display: block;
    color: var(--text-muted);
    font-size: .78rem;
}

.pma-health-row em {
    font-style: normal;
    font-size: .72rem;
    font-weight: 900;
    text-transform: uppercase;
}

.pma-health--healthy em,
.pma-activity--success i { color: var(--success); }
.pma-health--attention em,
.pma-activity--warning i { color: var(--warning); }

.pma-loading {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 1rem;
    border: 1px solid var(--border-color);
    border-radius: var(--r-xl);
    background: var(--surface-card);
}

@media (max-width: 1100px) {
    .pma-grid,
    .pma-hero {
        grid-template-columns: 1fr;
    }

    .pma-hero {
        flex-direction: column;
        align-items: flex-start;
    }

    .pma-status-stack {
        justify-items: start;
    }
}

@media (max-width: 640px) {
    .pma-form-grid {
        grid-template-columns: 1fr;
    }
}

/* -- Workbench Tasks ------------------------------------------ */
.mt-toast {
    position: fixed;
    right: 1.25rem;
    bottom: 1.25rem;
    z-index: 3000;
    display: flex;
    align-items: center;
    gap: .65rem;
    min-width: 280px;
    max-width: 420px;
    padding: .9rem 1rem;
    border: 1px solid var(--border-color);
    border-radius: var(--r-xl);
    background: var(--surface-card);
    box-shadow: var(--shadow-lg);
    color: var(--text-primary);
    font-weight: 800;
}

.mt-toast--success { border-left: 4px solid var(--success); }
.mt-toast--danger { border-left: 4px solid var(--danger); }

.mt-toast button {
    margin-left: auto;
    border: 0;
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
}

.mt-kpi-strip {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    gap: .85rem;
    margin: 0 0 1rem !important;
}

.mt-kpi-card {
    display: grid;
    gap: .35rem;
    min-width: 0;
    padding: 1rem !important;
    border: 1px solid rgba(203, 213, 225, .74) !important;
    border-top: 3px solid var(--border-dark) !important;
    border-radius: var(--r-xl) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.92)) !important;
    box-shadow: var(--shadow-xs) !important;
    color: var(--text-primary) !important;
    text-align: left;
    cursor: pointer;
}

.mt-kpi-card:hover {
    transform: translateY(-1px);
    border-color: rgba(35, 109, 255, .35) !important;
    box-shadow: var(--shadow-sm) !important;
}

.mt-kpi-active {
    border-color: rgba(35, 109, 255, .55) !important;
    box-shadow: var(--ring), var(--shadow-sm) !important;
}

.mt-kpi-val {
    font-size: 1.35rem;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.04em;
}

.mt-kpi-lbl {
    display: flex;
    align-items: center;
    gap: .35rem;
    color: var(--text-secondary);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.mt-kpi-all .mt-kpi-val { color: var(--brand-600); }
.mt-kpi-today .mt-kpi-val { color: var(--warning); }
.mt-kpi-overdue .mt-kpi-val { color: var(--danger); }
.mt-kpi-week .mt-kpi-val { color: var(--accent-violet); }
.mt-kpi-done .mt-kpi-val { color: var(--success); }

.mt-load-error {
    border-left: 4px solid #dc3545;
    animation: um-shake .3s ease;
}

.mt-loading,
.mt-filter-bar,
.mt-content {
    border: 1px solid var(--border-color) !important;
    background: rgba(255, 255, 255, .92) !important;
    box-shadow: var(--shadow-sm) !important;
}

.mt-loading {
    display: flex;
    align-items: center;
    gap: .75rem;
    padding: 1rem 1.25rem;
    margin-bottom: 1rem;
    border-radius: var(--r-xl);
    color: var(--text-secondary);
}

.mt-filter-bar {
    display: flex;
    align-items: center;
    gap: .6rem;
    flex-wrap: wrap;
    padding: 1rem !important;
    margin-bottom: 1rem !important;
    border-radius: var(--r-xl) !important;
}

.mt-input { outline: none; }
.mt-search { flex: 0 0 260px; min-width: min(100%, 260px); }
.mt-filter-sel { flex: 0 0 150px; min-width: 140px; }
.mt-pill-group { display: flex; flex-wrap: wrap; gap: .3rem; }

.mt-pill {
    padding: .32rem .75rem;
    border: 1px solid var(--border-color);
    border-radius: var(--r-full) !important;
    background: var(--surface-card);
    color: var(--text-muted);
    cursor: pointer;
    font-size: .75rem;
    font-weight: 800;
}

.mt-pill:hover { background: var(--surface-hover); }
.mt-pill-active { background: var(--brand-600); border-color: var(--brand-600); color: #fff; }
.mt-toggle { display: flex; align-items: center; gap: .35rem; color: var(--text-secondary); font-size: .8rem; font-weight: 700; }
.mt-filter-count { margin-left: auto; color: var(--text-muted); font-size: .76rem; font-weight: 800; }

.mt-view-tabs {
    display: flex;
    overflow-x: auto;
    padding: 0 1rem !important;
    border: 1px solid var(--border-color) !important;
    border-radius: var(--r-xl) var(--r-xl) 0 0 !important;
    background: var(--surface-card) !important;
}

.mt-view-tab {
    display: flex;
    align-items: center;
    gap: .4rem;
    padding: .72rem 1rem;
    border: 0;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--text-muted);
    cursor: pointer;
    font-weight: 800;
}

.mt-view-tab--active { color: var(--brand-600); border-bottom-color: var(--brand-600); }
.mt-tab-count { padding: .06rem .45rem; border: 1px solid var(--border-color); border-radius: var(--r-full); background: var(--surface-raised); color: var(--text-muted); font-size: .68rem; }

.mt-content {
    padding: 1rem !important;
    border-top: 0 !important;
    border-radius: 0 0 var(--r-xl) var(--r-xl) !important;
}

.mt-group-hd { display: flex; align-items: center; gap: .5rem; padding: .55rem 0 .3rem; }
.mt-group-lbl { font-size: .72rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.mt-group-count { padding: .05rem .45rem; border: 1px solid var(--border-color); border-radius: var(--r-full); background: var(--surface-raised); color: var(--text-muted); font-size: .7rem; font-weight: 800; }
.mt-grp-overdue { color: var(--danger); }
.mt-grp-today { color: var(--warning); }
.mt-grp-upcoming { color: var(--brand-600); }
.mt-grp-done { color: var(--success); }

.mt-task-row {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    margin-bottom: .35rem;
    padding: .75rem .85rem;
    border: 1px solid transparent;
    border-radius: var(--r-lg);
    background: rgba(255,255,255,.72);
    cursor: pointer;
}

.mt-task-row:hover { border-color: var(--border-color); background: var(--surface-hover); }
.mt-row-overdue { border-left: 4px solid var(--danger) !important; background: var(--danger-bg); }
.mt-check { flex: 0 0 auto; margin-top: .1rem; padding: 0; border: 0; background: transparent; color: var(--text-muted); cursor: pointer; font-size: 1.15rem; }
.mt-check--done { color: var(--success); }
.mt-check:hover { color: var(--brand-600); }
.mt-row-body { flex: 1; min-width: 0; }
.mt-row-title { display: block; overflow: hidden; color: var(--text-primary); font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }
.mt-done-text { color: var(--text-muted) !important; text-decoration: line-through; }
.mt-overdue-text { color: var(--danger) !important; }
.mt-row-meta { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: .2rem; }
.mt-row-meta span { display: flex; align-items: center; gap: .25rem; color: var(--text-muted); font-size: .73rem; }
.mt-row-number { font-family: var(--font-mono); }
.mt-row-notes { max-width: 520px; overflow: hidden; font-style: italic; text-overflow: ellipsis; white-space: nowrap; }
.mt-row-right { position: relative; display: flex; align-items: center; gap: .45rem; flex-shrink: 0; }
.mt-pri { display: inline-flex; align-items: center; padding: .16rem .48rem; border-radius: var(--r-full); font-size: .68rem; font-weight: 900; }
.mt-pri-high { background: var(--danger-bg); color: var(--danger); }
.mt-pri-medium { background: var(--warning-bg); color: var(--warning); }
.mt-pri-low { background: var(--surface-muted); color: var(--text-tertiary); }
.mt-due { display: flex; align-items: center; gap: .25rem; color: var(--text-muted); font-size: .75rem; white-space: nowrap; }
.mt-due-red { color: var(--danger); font-weight: 900; }

.mt-actions-menu {
    position: absolute;
    right: 0;
    top: calc(100% + .35rem);
    z-index: 40;
    min-width: 190px;
    padding: .35rem;
    border: 1px solid var(--border-color);
    border-radius: var(--r-lg);
    background: var(--surface-card);
    box-shadow: var(--shadow-md);
}

.mt-actions-menu--table { top: 2rem; }
.mt-actions-menu button { display: flex; align-items: center; gap: .5rem; width: 100%; padding: .55rem .65rem; border: 0; background: transparent; color: var(--text-primary); text-align: left; cursor: pointer; font-weight: 800; }
.mt-actions-menu button:hover { background: var(--surface-hover); }
.mt-actions-menu .mt-action-danger { color: var(--danger); }

.mt-table-wrap { overflow: auto; }
.mt-table { width: 100%; border-collapse: separate; border-spacing: 0; font-size: .84rem; }
.mt-table th { padding: .75rem; border-bottom: 1px solid var(--border-color); color: var(--text-muted); text-align: left; text-transform: uppercase; font-size: .68rem; font-weight: 900; letter-spacing: .06em; }
.mt-table td { padding: .75rem; border-bottom: 1px solid var(--border-color); background: rgba(255,255,255,.78); }
.mt-table tr { cursor: pointer; }
.mt-table tr:hover td { background: var(--surface-hover); }
.mt-table-overdue td { background: var(--danger-bg); }
.mt-table-actions { position: relative; }
.mt-empty { display: flex; flex-direction: column; align-items: center; gap: .5rem; padding: 3rem 0; color: var(--text-muted); font-weight: 800; }
.mt-empty-icon { font-size: 2.4rem; opacity: .35; }

.mt-modal-backdrop { position: fixed; inset: 0; z-index: 2500; display: flex; align-items: flex-start; justify-content: center; padding: clamp(1rem, 5vh, 3rem) 1rem 1rem; background: rgba(15,23,42,.48); backdrop-filter: blur(3px); }
.mt-modal { width: min(720px, 100%); max-height: calc(100vh - clamp(2rem, 10vh, 6rem)); overflow: hidden; border: 1px solid var(--border-color); border-radius: var(--r-2xl); background: var(--surface-card); box-shadow: var(--shadow-xl); }
.mt-modal--task { width: min(960px, 100%); }
.mt-confirm { width: min(440px, 100%); background: var(--surface-card); }

.td-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem; align-items: start; padding: 1rem; margin-bottom: 1rem; border: 1px solid var(--border-color); border-radius: var(--r-2xl); background: var(--surface-card); box-shadow: var(--shadow-sm); }
.td-title { margin: .35rem 0 .5rem; color: var(--text-primary); font-size: 1.35rem; font-weight: 900; }
.td-meta { display: flex; flex-wrap: wrap; gap: .5rem; color: var(--text-muted); }
.td-chip { display: inline-flex; align-items: center; gap: .3rem; padding: .25rem .6rem; border: 1px solid var(--border-color); border-radius: var(--r-full); background: var(--surface-raised); font-size: .75rem; font-weight: 800; }
.td-actions { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: flex-end; }
.td-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .45fr); gap: 1rem; }
.td-panel { padding: 1rem; }
.td-panel h3 { display: flex; align-items: center; gap: .45rem; margin: 0 0 .75rem; font-size: 1rem; font-weight: 900; }
.td-description { color: var(--text-secondary); white-space: pre-wrap; }
.td-detail-list { display: grid; gap: .65rem; }
.td-detail-row { display: grid; grid-template-columns: 120px minmax(0, 1fr); gap: .75rem; padding-bottom: .65rem; border-bottom: 1px solid var(--border-color); }
.td-detail-row span:first-child { color: var(--text-muted); font-size: .75rem; font-weight: 900; text-transform: uppercase; }
.td-detail-row strong { color: var(--text-primary); }

@keyframes um-shake { 0%,100%{transform:translateX(0)} 25%{transform:translateX(-4px)} 75%{transform:translateX(4px)} }

@media (max-width: 900px) {
    .td-hero,
    .td-grid { grid-template-columns: 1fr; }

    .td-actions { justify-content: flex-start; }
}

.e-pager {
    background: var(--surface-raised) !important;
    border-color: var(--border-color) !important;
    color: var(--text-secondary) !important;
    font-family: var(--font) !important;
}

.e-pager .e-currentitem,
.e-pager .e-currentitem:hover {
    background: linear-gradient(135deg, var(--brand-600), var(--brand-500)) !important;
    border-color: transparent !important;
    color: #fff !important;
    border-radius: var(--r-md) !important;
}

.e-dialog {
    overflow: hidden !important;
    border: 1px solid rgba(203, 213, 225, .72) !important;
    border-radius: var(--r-2xl) !important;
    background: var(--surface-card) !important;
    box-shadow: var(--shadow-xl) !important;
    font-family: var(--font) !important;
}

.e-dialog .e-dlg-header-content,
.e-dialog .e-footer-content {
    background: var(--surface-raised) !important;
    border-color: var(--border-color) !important;
}

.e-dialog .e-dlg-header {
    color: var(--text-primary) !important;
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    letter-spacing: -.025em;
}

/* ── CRM/Tenant configuration enterprise utilities ─────────── */
.pc-kpi-strip {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    gap: .85rem;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 1rem;
}

.pc-kpi-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(203, 213, 225, .72);
    border-radius: var(--r-2xl);
    box-shadow: var(--shadow-sm);
    cursor: pointer;
    transition: box-shadow .15s, border-color .15s, background .15s;
}

.pc-kpi-card:hover {
    border-color: var(--brand-300);
    background: var(--surface-hover);
    box-shadow: var(--shadow-md);
}

.pc-kpi-card--active {
    border-color: var(--brand-500) !important;
    background: var(--brand-50) !important;
    box-shadow: 0 0 0 3px rgba(35, 109, 255, .15), var(--shadow-sm) !important;
}

.pc-kpi-card--active .pc-kpi-value {
    color: var(--brand-700);
}

.pc-kpi-card--active .pc-kpi-label {
    color: var(--brand-600);
}

.ams-kpi-filter-hidden {
    display: none !important;
}

.ams-kpi-card-active {
    border-color: var(--brand-500) !important;
    background: var(--brand-50) !important;
    box-shadow: 0 0 0 3px rgba(35, 109, 255, .15), var(--shadow-sm) !important;
}

[class*="kpi-card"],
[class*="kpi-tile"],
.pc-kpi-card,
.api-kpi-card,
.pu-kpi-card,
.pr-kpi-card,
.pd-kpi-card,
.pa-kpi-card {
    cursor: pointer;
}

.theme-dark .pc-kpi-card {
    background: rgba(16, 26, 43, .88);
    border-color: rgba(148, 163, 184, .18);
}

.pc-kpi-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    flex: 0 0 auto;
    border-radius: var(--r-lg);
    color: var(--brand-600);
    background: linear-gradient(135deg, var(--brand-50), #fff);
    border: 1px solid var(--brand-100);
}

.pc-kpi-icon--active {
    color: var(--success);
    background: var(--success-bg);
    border-color: rgba(5, 150, 105, .18);
}

.pc-kpi-icon--inactive {
    color: var(--text-tertiary);
    background: var(--surface-muted);
    border-color: var(--border-color);
}

.pc-kpi-value {
    color: var(--text-primary);
    font-size: 1.35rem;
    font-weight: 850;
    line-height: 1;
}

.pc-kpi-label {
    margin-top: .2rem;
    color: var(--text-muted);
    font-size: .78rem;
    font-weight: 750;
}

.um-grid-card,
.um-settings-container,
.um-settings-card {
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(203, 213, 225, .72);
    border-radius: var(--r-2xl);
    box-shadow: var(--shadow-sm);
}

.theme-dark .um-grid-card,
.theme-dark .um-settings-container,
.theme-dark .um-settings-card {
    background: rgba(16, 26, 43, .88);
    border-color: rgba(148, 163, 184, .18);
}

.um-settings-container {
    padding: 1rem;
}

.um-settings-card {
    overflow: hidden;
    height: 100%;
}

.um-settings-card__header,
.um-settings-card__body {
    padding: 1rem;
}

.um-settings-card__header {
    border-bottom: 1px solid var(--border-color);
    background: var(--surface-raised);
}

.um-form-grid {
    display: grid;
    gap: .85rem;
}

.um-field {
    display: grid;
    gap: .35rem;
}

.um-field--checkbox label {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
}

.um-input {
    width: 100%;
}

.um-dialog-footer {
    display: flex;
    justify-content: flex-end;
    gap: .6rem;
    margin-top: 1rem;
}

/* ── Professional Modal Shell ──────────────────────────────── */
.um-modal-header {
    display: flex;
    align-items: center;
    gap: .6rem;
    padding: 1.1rem 1.5rem .75rem;
    border-bottom: 1px solid var(--border-color);
    font-size: 1rem;
    font-weight: 700;
    color: var(--text-primary);
}

.um-modal-body {
    padding: 1.25rem 1.5rem;
}

.um-modal-footer {
    display: flex;
    justify-content: flex-end;
    gap: .6rem;
    padding: .85rem 1.5rem 1.1rem;
    border-top: 1px solid var(--border-color);
}

.app-modal-backdrop {
    position: fixed;
    inset: 0;
    z-index: 1090;
    display: grid;
    place-items: center;
    padding: 1.25rem;
    background: rgba(15, 23, 42, .45);
    backdrop-filter: blur(4px);
}

.app-modal {
    max-height: min(92vh, 52rem);
    overflow: auto;
    border: 1px solid rgba(226, 232, 240, .9);
    border-radius: 1.25rem;
    background: var(--color-surface, #fff);
    box-shadow: 0 28px 70px rgba(15, 23, 42, .28);
}

.app-modal__close {
    position: absolute;
    top: .85rem;
    right: .85rem;
    display: inline-grid;
    place-items: center;
    width: 2rem;
    height: 2rem;
    border: 1px solid rgba(148, 163, 184, .28);
    border-radius: 999px;
    background: rgba(255, 255, 255, .9);
    color: #334155;
}

/* ── Confirm / Danger Dialog ───────────────────────────────── */
.um-confirm-AppModal {
    width: min(420px, calc(100vw - 2rem));
    overflow: hidden;
}

.um-confirm-dialog {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 2rem 1.5rem 1.25rem;
    gap: 1rem;
    background:
        radial-gradient(circle at top, rgba(239, 68, 68, .08), transparent 38%),
        linear-gradient(180deg, #fff, #f8fafc);
}

.um-confirm-icon {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    flex-shrink: 0;
}

.um-confirm-icon--danger {
    background: #fee2e2;
    color: #dc2626;
    box-shadow: 0 14px 28px rgba(220, 38, 38, .18);
}

.um-confirm-content h3,
.um-confirm-dialog h3 {
    margin: 0;
    color: #0f172a;
    font-size: 1rem;
    font-weight: 900;
}

.um-confirm-content p,
.um-confirm-dialog p {
    margin: .25rem 0 0;
    color: #64748b;
    font-size: .88rem;
    line-height: 1.55;
}

.um-confirm-dialog .um-modal-footer {
    width: 100%;
    justify-content: center;
    padding: .95rem 0 0;
    border-top: 1px solid rgba(226, 232, 240, .9);
}

.theme-dark .app-modal {
    border-color: rgba(148, 163, 184, .22);
    background: rgba(15, 23, 42, .96);
    box-shadow: 0 28px 70px rgba(0, 0, 0, .42);
}

.theme-dark .um-confirm-dialog {
    background:
        radial-gradient(circle at top, rgba(248, 113, 113, .12), transparent 38%),
        linear-gradient(180deg, rgba(15, 23, 42, .98), rgba(30, 41, 59, .94));
}

.theme-dark .um-confirm-content h3,
.theme-dark .um-confirm-dialog h3 {
    color: #f8fafc;
}

.theme-dark .um-confirm-content p,
.theme-dark .um-confirm-dialog p {
    color: #cbd5e1;
}

.theme-dark .um-confirm-dialog .um-modal-footer {
    border-color: rgba(148, 163, 184, .22);
}

.um-confirm-icon--warning {
    background: #fef3c7;
    color: #d97706;
}

.um-confirm-icon--info {
    background: #dbeafe;
    color: #2563eb;
}

.um-confirm-message {
    display: flex;
    flex-direction: column;
    gap: .35rem;
}

.um-confirm-message h6 {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.um-confirm-message p {
    color: var(--text-tertiary);
    font-size: .9rem;
    margin: 0;
    line-height: 1.5;
}

.um-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.65rem;
    padding: .2rem .6rem;
    border-radius: var(--r-full);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .01em;
    border: 1px solid transparent;
}

.um-badge-success {
    background: var(--success-bg);
    color: var(--success);
    border-color: rgba(5, 150, 105, .18);
}

.um-badge-neutral {
    background: var(--surface-muted);
    color: var(--text-tertiary);
    border-color: var(--border-color);
}

.um-badge-danger {
    background: var(--danger-bg);
    color: var(--danger);
    border-color: rgba(225, 29, 72, .22);
}

.um-badge-info {
    background: var(--info-bg);
    color: var(--info);
    border-color: rgba(35, 109, 255, .18);
}

.um-badge-warning {
    background: var(--warning-bg);
    color: var(--warning);
    border-color: rgba(217, 119, 6, .20);
}

.um-btn-sm {
    min-height: 1.9rem;
    padding-inline: .55rem;
}

.um-spinner-sm {
    display: inline-block;
    width: .85rem;
    height: .85rem;
    margin-right: .35rem;
    border: 2px solid rgba(255, 255, 255, .38);
    border-top-color: #fff;
    border-radius: 50%;
    animation: um-spin .65s linear infinite;
}

.acs-filter-bar,
.toolbar,
.toolbar-row,
.ts-sec-actions-row {
    background: rgba(255, 255, 255, .78) !important;
    border: 1px solid rgba(203, 213, 225, .72) !important;
    border-radius: var(--r-2xl) !important;
    padding: .85rem !important;
    box-shadow: var(--shadow-xs) !important;
}

.theme-dark .acs-filter-bar,
.theme-dark .toolbar,
.theme-dark .toolbar-row,
.theme-dark .ts-sec-actions-row {
    background: rgba(16, 26, 43, .70) !important;
}

.acs-loading,
.acs-empty,
.ts-empty,
.ts-loading {
    background: rgba(255, 255, 255, .62);
    border: 1px dashed var(--border-dark);
    border-radius: var(--r-2xl);
    color: var(--text-muted) !important;
}

.theme-dark .acs-loading,
.theme-dark .acs-empty,
.theme-dark .ts-empty,
.theme-dark .ts-loading {
    background: rgba(16, 26, 43, .55);
}

::-webkit-scrollbar {
    width: 9px;
    height: 9px;
}

::-webkit-scrollbar-thumb {
    background: rgba(100, 116, 139, .35);
    border: 2px solid transparent;
    border-radius: var(--r-full);
    background-clip: padding-box;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(100, 116, 139, .52);
    background-clip: padding-box;
}

/* ── Tasks & Workflows enterprise layout ───────────────── */
.ops-hero,
.ops-command-bar,
.ops-side-panel,
.ops-lane,
.ops-module-card,
.ops-kpi-card {
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(203, 213, 225, .72);
    border-radius: var(--r-2xl);
    box-shadow: var(--shadow-sm);
}

.tset-workflow-manager {
    display: grid;
    gap: .85rem;
    min-width: 0;
}

.tset-workflow-toolbar {
    display: flex;
    justify-content: space-between;
    gap: .85rem;
    align-items: center;
    padding: .85rem 1rem;
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(203, 213, 225, .72);
    border-radius: var(--r-2xl);
    box-shadow: var(--shadow-sm);
}

.theme-dark .tset-workflow-toolbar {
    background: rgba(16, 26, 43, .88);
    border-color: rgba(148, 163, 184, .18);
}

.tset-workflow-toolbar strong,
.tset-workflow-toolbar span {
    display: block;
}

.tset-workflow-toolbar strong {
    color: var(--text-primary);
    font-weight: 850;
}

.tset-workflow-toolbar span {
    color: var(--text-muted);
    font-size: .78rem;
}

.theme-dark .ops-hero,
.theme-dark .ops-command-bar,
.theme-dark .ops-side-panel,
.theme-dark .ops-lane,
.theme-dark .ops-module-card,
.theme-dark .ops-kpi-card {
    background: rgba(16, 26, 43, .88);
    border-color: rgba(148, 163, 184, .18);
}

.ops-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: center;
    padding: clamp(1.25rem, 2vw, 1.75rem);
    margin-bottom: 1rem;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .88)),
        radial-gradient(circle at 88% 8%, rgba(35, 109, 255, .14), transparent 20rem);
}

.theme-dark .ops-hero {
    background:
        linear-gradient(135deg, rgba(16, 26, 43, .96), rgba(12, 22, 38, .86)),
        radial-gradient(circle at 88% 8%, rgba(35, 109, 255, .20), transparent 20rem);
}

.ops-eyebrow {
    display: inline-flex;
    margin-bottom: .45rem;
    color: var(--brand-600);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.ops-hero h2 {
    margin: 0;
    font-size: clamp(1.6rem, 3vw, 2.35rem);
    font-weight: 850;
}

.ops-hero p {
    max-width: 72ch;
    margin: .5rem 0 0;
    color: var(--text-secondary);
    font-size: .96rem;
}

.ops-hero-actions,
.ops-pill-group,
.ops-detail-actions {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
}

.ops-shortcut {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .65rem .8rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-md);
    font-weight: 750;
    box-shadow: var(--shadow-xs);
}

.ops-shortcut:hover {
    color: var(--brand-600);
    border-color: rgba(35, 109, 255, .32);
    background: var(--surface-hover);
}

.ops-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-bottom: 1rem;
}

.ops-kpi-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
    text-align: left;
    cursor: pointer;
}

.ops-kpi-card:hover {
    transform: translateY(-1px);
    border-color: rgba(35, 109, 255, .35);
    box-shadow: var(--shadow-md);
}

.ops-kpi-card--active {
    border-color: rgba(35, 109, 255, .55) !important;
    box-shadow: var(--ring), var(--shadow-sm) !important;
}

.ops-kpi-card strong {
    display: block;
    color: var(--text-primary);
    font-size: 1.55rem;
    line-height: 1;
    letter-spacing: -.045em;
}

.ops-kpi-card span,
.ops-kpi-card small {
    display: block;
}

.ops-kpi-card span {
    margin-top: .15rem;
    color: var(--text-secondary);
    font-weight: 800;
}

.ops-kpi-card small {
    margin-top: .15rem;
    color: var(--text-muted);
    font-size: .75rem;
}

.ops-kpi-icon,
.ops-module-icon {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: var(--r-lg);
    font-size: 1.1rem;
}

.ops-command-bar {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .85rem;
    margin-bottom: 1rem;
}

.ops-search-wrap {
    position: relative;
    flex: 1 1 24rem;
}

.ops-search-wrap i {
    position: absolute;
    left: .85rem;
    top: 50%;
    color: var(--text-muted);
    transform: translateY(-50%);
    pointer-events: none;
}

.ops-search-wrap input {
    width: 100%;
    padding-left: 2.35rem;
}

.ops-pill {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.2rem;
    padding: .48rem .75rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-full) !important;
    font-size: .78rem;
    font-weight: 800;
}

.ops-pill span {
    min-width: 1.35rem;
    padding: .05rem .4rem;
    color: var(--text-muted);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    font-size: .7rem;
}

.ops-pill--active {
    color: #fff;
    background: linear-gradient(135deg, var(--brand-600), var(--brand-500));
    border-color: transparent;
    box-shadow: 0 10px 22px rgba(35, 109, 255, .20);
}

.ops-pill--active span {
    color: #fff;
    background: rgba(255, 255, 255, .20);
}

.ops-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 24rem);
    gap: 1rem;
    align-items: start;
}

.ops-board {
    display: grid;
    grid-template-columns: repeat(5, minmax(15rem, 1fr));
    gap: .85rem;
    overflow-x: auto;
    padding-bottom: .25rem;
}

.ops-lane {
    min-width: 15rem;
    padding: .75rem;
}

.ops-lane-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: .75rem;
    padding: .25rem .25rem .75rem;
}

.ops-lane-title,
.ops-lane-subtitle {
    display: block;
}

.ops-lane-title {
    color: var(--text-primary);
    font-weight: 850;
    letter-spacing: -.02em;
}

.ops-lane-subtitle {
    margin-top: .1rem;
    color: var(--text-muted);
    font-size: .72rem;
}

.ops-lane-count {
    min-width: 1.65rem;
    padding: .12rem .45rem;
    color: var(--text-secondary);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    text-align: center;
    font-size: .76rem;
    font-weight: 850;
}

.ops-lane-list {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.ops-work-card {
    width: 100%;
    display: block;
    padding: .85rem;
    text-align: left;
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-xl) !important;
    box-shadow: var(--shadow-xs);
}

.ops-work-card:hover {
    border-color: rgba(35, 109, 255, .34);
    box-shadow: var(--shadow-sm);
}

.ops-work-card--selected {
    border-color: rgba(35, 109, 255, .55) !important;
    background: var(--brand-50);
    box-shadow: var(--ring), var(--shadow-xs) !important;
}

.ops-work-card--risk {
    border-left: 4px solid var(--danger);
}

.ops-work-topline,
.ops-work-meta,
.ops-detail-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.ops-work-card strong {
    display: block;
    margin-top: .65rem;
    color: var(--text-primary);
    font-size: .92rem;
    line-height: 1.25;
}

.ops-work-card p {
    margin: .3rem 0 .65rem;
    color: var(--text-secondary);
    font-size: .8rem;
}

.ops-work-meta {
    color: var(--text-muted);
    font-size: .72rem;
}

.ops-work-meta span {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.ops-work-type,
.ops-priority {
    display: inline-flex;
    align-items: center;
    border-radius: var(--r-full);
    font-size: .68rem;
    font-weight: 850;
    line-height: 1;
}

.ops-work-type {
    padding: .28rem .5rem;
}

.ops-priority {
    padding: .25rem .45rem;
}

.ops-tone-blue { background: rgba(35, 109, 255, .12); color: var(--brand-700); }
.ops-tone-violet { background: rgba(124, 58, 237, .12); color: #6d28d9; }
.ops-tone-cyan { background: rgba(8, 145, 178, .12); color: #0e7490; }
.ops-tone-amber { background: rgba(217, 119, 6, .13); color: #b45309; }
.ops-tone-red { background: rgba(225, 29, 72, .12); color: #be123c; }
.ops-tone-green { background: rgba(5, 150, 105, .13); color: #047857; }
.ops-tone-neutral { background: var(--surface-muted); color: var(--text-secondary); }

.ops-priority-high { background: var(--danger-bg); color: var(--danger); }
.ops-priority-medium { background: var(--warning-bg); color: var(--warning); }
.ops-priority-low { background: var(--surface-muted); color: var(--text-tertiary); }
.ops-danger-text { color: var(--danger) !important; font-weight: 850; }

.ops-side-panel {
    position: sticky;
    top: calc(var(--header-h) + 1rem);
    padding: 1rem;
}

.ops-side-empty {
    display: grid;
    place-items: center;
    min-height: 20rem;
    text-align: center;
    color: var(--text-muted);
}

.ops-side-empty i {
    margin-bottom: .65rem;
    color: var(--brand-500);
    font-size: 2.2rem;
}

.ops-side-empty h3,
.ops-side-panel h3 {
    margin: .75rem 0 .35rem;
    color: var(--text-primary);
    font-size: 1.15rem;
    letter-spacing: -.03em;
}

.ops-side-panel p {
    color: var(--text-secondary);
}

.ops-detail-list {
    display: grid;
    gap: .55rem;
    margin: 1rem 0;
}

.ops-detail-list div {
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr);
    gap: .75rem;
    padding: .65rem .75rem;
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: var(--r-lg);
}

.ops-detail-list dt {
    color: var(--text-muted);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.ops-detail-list dd {
    margin: 0;
    color: var(--text-primary);
    font-weight: 700;
}

.ops-module-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-top: 1rem;
}

.ops-module-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
    color: inherit;
    text-align: left;
}

.ops-module-card:hover {
    border-color: rgba(35, 109, 255, .34);
    box-shadow: var(--shadow-md);
}

.ops-module-content {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.ops-module-content strong {
    color: var(--text-primary);
    font-size: .92rem;
}

.ops-module-content small {
    color: var(--text-muted);
    font-size: .76rem;
    line-height: 1.35;
}

.ops-module-arrow {
    margin-left: auto;
    color: var(--text-muted);
}

.ops-empty-mini {
    display: grid;
    place-items: center;
    min-height: 5rem;
    color: var(--text-muted);
    border: 1px dashed var(--border-dark);
    border-radius: var(--r-lg);
    font-size: .78rem;
}

/* ── Communications tenant admin workflow ───────────────── */
.comms-hero,
.comms-command-bar,
.comms-admin-panel,
.comms-lane,
.comms-module-card,
.comms-kpi-card {
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(203, 213, 225, .72);
    border-radius: var(--r-2xl);
    box-shadow: var(--shadow-sm);
}

.theme-dark .comms-hero,
.theme-dark .comms-command-bar,
.theme-dark .comms-admin-panel,
.theme-dark .comms-lane,
.theme-dark .comms-module-card,
.theme-dark .comms-kpi-card {
    background: rgba(16, 26, 43, .88);
    border-color: rgba(148, 163, 184, .18);
}

.comms-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: center;
    padding: clamp(1.25rem, 2vw, 1.75rem);
    margin-bottom: 1rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .88)),
        radial-gradient(circle at 90% 8%, rgba(8, 145, 178, .14), transparent 20rem);
}

.theme-dark .comms-hero {
    background:
        linear-gradient(135deg, rgba(16, 26, 43, .96), rgba(12, 22, 38, .86)),
        radial-gradient(circle at 90% 8%, rgba(8, 145, 178, .20), transparent 20rem);
}

.comms-eyebrow {
    display: inline-flex;
    margin-bottom: .45rem;
    color: var(--accent-cyan);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.comms-hero h2 {
    margin: 0;
    font-size: clamp(1.6rem, 3vw, 2.35rem);
    font-weight: 850;
}

.comms-hero p {
    max-width: 72ch;
    margin: .5rem 0 0;
    color: var(--text-secondary);
    font-size: .96rem;
}

.comms-hero-grid,
.comms-pill-group,
.comms-detail-actions {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
}

.comms-quick-action {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .65rem .8rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-md) !important;
    font-weight: 750;
    box-shadow: var(--shadow-xs);
}

.comms-quick-action:hover {
    color: var(--accent-cyan);
    border-color: rgba(8, 145, 178, .32);
    background: var(--surface-hover);
}

.comms-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-bottom: 1rem;
}

.comms-kpi-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
}

.comms-kpi-card strong {
    display: block;
    color: var(--text-primary);
    font-size: 1.55rem;
    line-height: 1;
    letter-spacing: -.045em;
}

.comms-kpi-card span,
.comms-kpi-card small {
    display: block;
}

.comms-kpi-card span {
    margin-top: .15rem;
    color: var(--text-secondary);
    font-weight: 800;
}

.comms-kpi-card small {
    margin-top: .15rem;
    color: var(--text-muted);
    font-size: .75rem;
}

.comms-kpi-icon,
.comms-module-icon {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: var(--r-lg);
    font-size: 1.1rem;
}

.comms-command-bar {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .85rem;
    margin-bottom: 1rem;
}

.comms-search-wrap {
    position: relative;
    flex: 1 1 24rem;
}

.comms-search-wrap i {
    position: absolute;
    left: .85rem;
    top: 50%;
    color: var(--text-muted);
    transform: translateY(-50%);
    pointer-events: none;
}

.comms-search-wrap input {
    width: 100%;
    padding-left: 2.35rem;
}

.comms-pill {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.2rem;
    padding: .48rem .75rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-full) !important;
    font-size: .78rem;
    font-weight: 800;
}

.comms-pill span {
    min-width: 1.35rem;
    padding: .05rem .4rem;
    color: var(--text-muted);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    font-size: .7rem;
}

.comms-pill--active {
    color: #fff;
    background: linear-gradient(135deg, var(--accent-cyan), var(--brand-500));
    border-color: transparent;
    box-shadow: 0 10px 22px rgba(8, 145, 178, .20);
}

.comms-pill--active span {
    color: #fff;
    background: rgba(255, 255, 255, .20);
}

.comms-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 24rem);
    gap: 1rem;
    align-items: start;
}

.comms-flow {
    display: grid;
    grid-template-columns: repeat(5, minmax(15rem, 1fr));
    gap: .85rem;
    overflow-x: auto;
    padding-bottom: .25rem;
}

.comms-lane {
    min-width: 15rem;
    padding: .75rem;
}

.comms-lane-header,
.comms-work-topline,
.comms-work-meta,
.comms-detail-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.comms-lane-header {
    align-items: flex-start;
    padding: .25rem .25rem .75rem;
}

.comms-lane-title,
.comms-lane-subtitle {
    display: block;
}

.comms-lane-title {
    color: var(--text-primary);
    font-weight: 850;
    letter-spacing: -.02em;
}

.comms-lane-subtitle {
    margin-top: .1rem;
    color: var(--text-muted);
    font-size: .72rem;
}

.comms-lane-count {
    min-width: 1.65rem;
    padding: .12rem .45rem;
    color: var(--text-secondary);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    text-align: center;
    font-size: .76rem;
    font-weight: 850;
}

.comms-lane-list {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.comms-work-card {
    width: 100%;
    display: block;
    padding: .85rem;
    text-align: left;
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-xl) !important;
    box-shadow: var(--shadow-xs);
}

.comms-work-card:hover {
    border-color: rgba(8, 145, 178, .34);
    box-shadow: var(--shadow-sm);
}

.comms-work-card--risk {
    border-left: 4px solid var(--danger);
}

.comms-work-card strong {
    display: block;
    margin-top: .65rem;
    color: var(--text-primary);
    font-size: .92rem;
    line-height: 1.25;
}

.comms-work-card p {
    margin: .3rem 0 .65rem;
    color: var(--text-secondary);
    font-size: .8rem;
}

.comms-work-meta {
    color: var(--text-muted);
    font-size: .72rem;
}

.comms-work-meta span {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.comms-chip,
.comms-status {
    display: inline-flex;
    align-items: center;
    border-radius: var(--r-full);
    font-size: .68rem;
    font-weight: 850;
    line-height: 1;
    padding: .28rem .5rem;
}

.comms-tone-blue { background: rgba(35, 109, 255, .12); color: var(--brand-700); }
.comms-tone-violet { background: rgba(124, 58, 237, .12); color: #6d28d9; }
.comms-tone-cyan { background: rgba(8, 145, 178, .12); color: #0e7490; }
.comms-tone-amber { background: rgba(217, 119, 6, .13); color: #b45309; }
.comms-tone-red { background: rgba(225, 29, 72, .12); color: #be123c; }
.comms-tone-green { background: rgba(5, 150, 105, .13); color: #047857; }
.comms-tone-neutral { background: var(--surface-muted); color: var(--text-secondary); }

.comms-status-urgent,
.comms-status-high { background: var(--danger-bg); color: var(--danger); }
.comms-status-medium { background: var(--warning-bg); color: var(--warning); }
.comms-status-low { background: var(--surface-muted); color: var(--text-tertiary); }
.comms-danger-text { color: var(--danger) !important; font-weight: 850; }

.comms-admin-panel {
    position: sticky;
    top: calc(var(--header-h) + 1rem);
    padding: 1rem;
}

.comms-side-empty {
    display: grid;
    place-items: center;
    min-height: 20rem;
    text-align: center;
    color: var(--text-muted);
}

.comms-side-empty i {
    margin-bottom: .65rem;
    color: var(--accent-cyan);
    font-size: 2.2rem;
}

.comms-side-empty h3,
.comms-admin-panel h3 {
    margin: .75rem 0 .35rem;
    color: var(--text-primary);
    font-size: 1.15rem;
    letter-spacing: -.03em;
}

.comms-admin-panel p {
    color: var(--text-secondary);
}

.comms-detail-list {
    display: grid;
    gap: .55rem;
    margin: 1rem 0;
}

.comms-detail-list div {
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr);
    gap: .75rem;
    padding: .65rem .75rem;
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: var(--r-lg);
}

.comms-detail-list dt {
    color: var(--text-muted);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.comms-detail-list dd {
    margin: 0;
    color: var(--text-primary);
    font-weight: 700;
}

.comms-policy-card {
    display: grid;
    gap: .45rem;
    padding: .85rem;
    margin-bottom: 1rem;
    background: var(--info-bg);
    border: 1px solid rgba(35, 109, 255, .18);
    border-radius: var(--r-xl);
}

.comms-policy-card strong {
    color: var(--text-primary);
}

.comms-policy-card span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--text-secondary);
    font-size: .78rem;
}

.comms-module-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
    margin-top: 1rem;
}

.comms-module-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
    color: inherit;
    text-align: left;
}

.comms-module-card:hover {
    border-color: rgba(8, 145, 178, .34);
    box-shadow: var(--shadow-md);
}

.comms-module-content {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.comms-module-content strong {
    color: var(--text-primary);
    font-size: .92rem;
}

.comms-module-content small {
    color: var(--text-muted);
    font-size: .76rem;
    line-height: 1.35;
}

.comms-module-arrow {
    margin-left: auto;
    color: var(--text-muted);
}

.comms-empty-mini {
    display: grid;
    place-items: center;
    min-height: 5rem;
    color: var(--text-muted);
    border: 1px dashed var(--border-dark);
    border-radius: var(--r-lg);
    font-size: .78rem;
}

/* ── Documents tenant admin workflow ───────────────────── */
.docs-hero,
.docs-command-bar,
.docs-admin-panel,
.docs-lane,
.docs-module-card,
.docs-kpi-card {
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(203, 213, 225, .72);
    border-radius: var(--r-2xl);
    box-shadow: var(--shadow-sm);
}

.theme-dark .docs-hero,
.theme-dark .docs-command-bar,
.theme-dark .docs-admin-panel,
.theme-dark .docs-lane,
.theme-dark .docs-module-card,
.theme-dark .docs-kpi-card {
    background: rgba(16, 26, 43, .88);
    border-color: rgba(148, 163, 184, .18);
}

.docs-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: center;
    padding: clamp(1.25rem, 2vw, 1.75rem);
    margin-bottom: 1rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .88)),
        radial-gradient(circle at 90% 8%, rgba(124, 58, 237, .13), transparent 20rem);
}

.theme-dark .docs-hero {
    background:
        linear-gradient(135deg, rgba(16, 26, 43, .96), rgba(12, 22, 38, .86)),
        radial-gradient(circle at 90% 8%, rgba(124, 58, 237, .20), transparent 20rem);
}

.docs-eyebrow {
    display: inline-flex;
    margin-bottom: .45rem;
    color: var(--accent-violet);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.docs-hero h2 {
    margin: 0;
    font-size: clamp(1.6rem, 3vw, 2.35rem);
    font-weight: 850;
}

.docs-hero p {
    max-width: 72ch;
    margin: .5rem 0 0;
    color: var(--text-secondary);
    font-size: .96rem;
}

.docs-hero-grid,
.docs-pill-group,
.docs-detail-actions {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
}

.docs-quick-action {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .65rem .8rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-md) !important;
    font-weight: 750;
    box-shadow: var(--shadow-xs);
}

.docs-quick-action:hover {
    color: var(--accent-violet);
    border-color: rgba(124, 58, 237, .32);
    background: var(--surface-hover);
}

.docs-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-bottom: 1rem;
}

.docs-kpi-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
}

.docs-kpi-card strong {
    display: block;
    color: var(--text-primary);
    font-size: 1.55rem;
    line-height: 1;
    letter-spacing: -.045em;
}

.docs-kpi-card span,
.docs-kpi-card small { display: block; }

.docs-kpi-card span {
    margin-top: .15rem;
    color: var(--text-secondary);
    font-weight: 800;
}

.docs-kpi-card small {
    margin-top: .15rem;
    color: var(--text-muted);
    font-size: .75rem;
}

.docs-kpi-icon,
.docs-module-icon {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: var(--r-lg);
    font-size: 1.1rem;
}

.docs-command-bar {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .85rem;
    margin-bottom: 1rem;
}

.docs-search-wrap {
    position: relative;
    flex: 1 1 24rem;
}

.docs-search-wrap i {
    position: absolute;
    left: .85rem;
    top: 50%;
    color: var(--text-muted);
    transform: translateY(-50%);
    pointer-events: none;
}

.docs-search-wrap input {
    width: 100%;
    padding-left: 2.35rem;
}

.docs-pill {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.2rem;
    padding: .48rem .75rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-full) !important;
    font-size: .78rem;
    font-weight: 800;
}

.docs-pill span {
    min-width: 1.35rem;
    padding: .05rem .4rem;
    color: var(--text-muted);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    font-size: .7rem;
}

.docs-pill--active {
    color: #fff;
    background: linear-gradient(135deg, var(--accent-violet), var(--brand-500));
    border-color: transparent;
    box-shadow: 0 10px 22px rgba(124, 58, 237, .20);
}

.docs-pill--active span {
    color: #fff;
    background: rgba(255, 255, 255, .20);
}

.docs-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 24rem);
    gap: 1rem;
    align-items: start;
}

.docs-flow {
    display: grid;
    grid-template-columns: repeat(5, minmax(15rem, 1fr));
    gap: .85rem;
    overflow-x: auto;
    padding-bottom: .25rem;
}

.docs-lane {
    min-width: 15rem;
    padding: .75rem;
}

.docs-lane-header,
.docs-work-topline,
.docs-work-meta,
.docs-detail-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.docs-lane-header {
    align-items: flex-start;
    padding: .25rem .25rem .75rem;
}

.docs-lane-title,
.docs-lane-subtitle { display: block; }

.docs-lane-title {
    color: var(--text-primary);
    font-weight: 850;
    letter-spacing: -.02em;
}

.docs-lane-subtitle {
    margin-top: .1rem;
    color: var(--text-muted);
    font-size: .72rem;
}

.docs-lane-count {
    min-width: 1.65rem;
    padding: .12rem .45rem;
    color: var(--text-secondary);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    text-align: center;
    font-size: .76rem;
    font-weight: 850;
}

.docs-lane-list {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.docs-work-card {
    width: 100%;
    display: block;
    padding: .85rem;
    text-align: left;
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-xl) !important;
    box-shadow: var(--shadow-xs);
}

.docs-work-card:hover {
    border-color: rgba(124, 58, 237, .34);
    box-shadow: var(--shadow-sm);
}

.docs-work-card--risk { border-left: 4px solid var(--danger); }

.docs-work-card strong {
    display: block;
    margin-top: .65rem;
    color: var(--text-primary);
    font-size: .92rem;
    line-height: 1.25;
}

.docs-work-card p {
    margin: .3rem 0 .65rem;
    color: var(--text-secondary);
    font-size: .8rem;
}

.docs-work-meta {
    color: var(--text-muted);
    font-size: .72rem;
}

.docs-work-meta span {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.docs-chip,
.docs-status {
    display: inline-flex;
    align-items: center;
    border-radius: var(--r-full);
    font-size: .68rem;
    font-weight: 850;
    line-height: 1;
    padding: .28rem .5rem;
}

.docs-tone-blue { background: rgba(35, 109, 255, .12); color: var(--brand-700); }
.docs-tone-violet { background: rgba(124, 58, 237, .12); color: #6d28d9; }
.docs-tone-cyan { background: rgba(8, 145, 178, .12); color: #0e7490; }
.docs-tone-amber { background: rgba(217, 119, 6, .13); color: #b45309; }
.docs-tone-red { background: rgba(225, 29, 72, .12); color: #be123c; }
.docs-tone-green { background: rgba(5, 150, 105, .13); color: #047857; }
.docs-tone-neutral { background: var(--surface-muted); color: var(--text-secondary); }

.docs-status-high { background: var(--danger-bg); color: var(--danger); }
.docs-status-medium { background: var(--warning-bg); color: var(--warning); }
.docs-status-low { background: var(--surface-muted); color: var(--text-tertiary); }

.docs-admin-panel {
    position: sticky;
    top: calc(var(--header-h) + 1rem);
    padding: 1rem;
}

.docs-side-empty {
    display: grid;
    place-items: center;
    min-height: 20rem;
    text-align: center;
    color: var(--text-muted);
}

.docs-side-empty i {
    margin-bottom: .65rem;
    color: var(--accent-violet);
    font-size: 2.2rem;
}

.docs-side-empty h3,
.docs-admin-panel h3 {
    margin: .75rem 0 .35rem;
    color: var(--text-primary);
    font-size: 1.15rem;
    letter-spacing: -.03em;
}

.docs-admin-panel p { color: var(--text-secondary); }

.docs-detail-list {
    display: grid;
    gap: .55rem;
    margin: 1rem 0;
}

.docs-detail-list div {
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr);
    gap: .75rem;
    padding: .65rem .75rem;
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: var(--r-lg);
}

.docs-detail-list dt {
    color: var(--text-muted);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.docs-detail-list dd {
    margin: 0;
    color: var(--text-primary);
    font-weight: 700;
}

.docs-policy-card {
    display: grid;
    gap: .45rem;
    padding: .85rem;
    margin-bottom: 1rem;
    background: var(--info-bg);
    border: 1px solid rgba(124, 58, 237, .18);
    border-radius: var(--r-xl);
}

.docs-policy-card strong { color: var(--text-primary); }

.docs-policy-card span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--text-secondary);
    font-size: .78rem;
}

.docs-module-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
    margin: 1rem 0;
}

.docs-module-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
    color: inherit;
    text-align: left;
}

.docs-module-card:hover {
    border-color: rgba(124, 58, 237, .34);
    box-shadow: var(--shadow-md);
}

.docs-module-content {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.docs-module-content strong {
    color: var(--text-primary);
    font-size: .92rem;
}

.docs-module-content small {
    color: var(--text-muted);
    font-size: .76rem;
    line-height: 1.35;
}

.docs-module-arrow {
    margin-left: auto;
    color: var(--text-muted);
}

.docs-empty-mini {
    display: grid;
    place-items: center;
    min-height: 5rem;
    color: var(--text-muted);
    border: 1px dashed var(--border-dark);
    border-radius: var(--r-lg);
    font-size: .78rem;
}

/* ── Billing & Accounting tenant admin workflow ────────── */
.bill-hero,
.bill-command-bar,
.bill-admin-panel,
.bill-lane,
.bill-module-card,
.bill-kpi-card {
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(203, 213, 225, .72);
    border-radius: var(--r-2xl);
    box-shadow: var(--shadow-sm);
}

.theme-dark .bill-hero,
.theme-dark .bill-command-bar,
.theme-dark .bill-admin-panel,
.theme-dark .bill-lane,
.theme-dark .bill-module-card,
.theme-dark .bill-kpi-card {
    background: rgba(16, 26, 43, .88);
    border-color: rgba(148, 163, 184, .18);
}

.bill-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: center;
    padding: clamp(1.25rem, 2vw, 1.75rem);
    margin-bottom: 1rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .88)),
        radial-gradient(circle at 90% 8%, rgba(5, 150, 105, .13), transparent 20rem);
}

.theme-dark .bill-hero {
    background:
        linear-gradient(135deg, rgba(16, 26, 43, .96), rgba(12, 22, 38, .86)),
        radial-gradient(circle at 90% 8%, rgba(5, 150, 105, .20), transparent 20rem);
}

.bill-eyebrow {
    display: inline-flex;
    margin-bottom: .45rem;
    color: var(--accent-emerald);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.bill-hero h2 {
    margin: 0;
    font-size: clamp(1.6rem, 3vw, 2.35rem);
    font-weight: 850;
}

.bill-hero p {
    max-width: 72ch;
    margin: .5rem 0 0;
    color: var(--text-secondary);
    font-size: .96rem;
}

.bill-hero-grid,
.bill-pill-group,
.bill-detail-actions {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
}

.bill-quick-action {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .65rem .8rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-md) !important;
    font-weight: 750;
    box-shadow: var(--shadow-xs);
}

.bill-quick-action:hover {
    color: var(--accent-emerald);
    border-color: rgba(5, 150, 105, .32);
    background: var(--surface-hover);
}

.bill-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-bottom: 1rem;
}

.bill-kpi-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
}

.bill-kpi-card strong {
    display: block;
    color: var(--text-primary);
    font-size: 1.55rem;
    line-height: 1;
    letter-spacing: -.045em;
}

.bill-kpi-card span,
.bill-kpi-card small { display: block; }

.bill-kpi-card span {
    margin-top: .15rem;
    color: var(--text-secondary);
    font-weight: 800;
}

.bill-kpi-card small {
    margin-top: .15rem;
    color: var(--text-muted);
    font-size: .75rem;
}

.bill-kpi-icon,
.bill-module-icon {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: var(--r-lg);
    font-size: 1.1rem;
}

.bill-command-bar {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .85rem;
    margin-bottom: 1rem;
}

.bill-pill {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.2rem;
    padding: .48rem .75rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-full) !important;
    font-size: .78rem;
    font-weight: 800;
}

.bill-pill span {
    min-width: 1.35rem;
    padding: .05rem .4rem;
    color: var(--text-muted);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    font-size: .7rem;
}

.bill-pill--active {
    color: #fff;
    background: linear-gradient(135deg, var(--accent-emerald), var(--brand-500));
    border-color: transparent;
    box-shadow: 0 10px 22px rgba(5, 150, 105, .20);
}

.bill-pill--active span {
    color: #fff;
    background: rgba(255, 255, 255, .20);
}

.bill-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 24rem);
    gap: 1rem;
    align-items: start;
}

.bill-flow {
    display: grid;
    grid-template-columns: repeat(5, minmax(15rem, 1fr));
    gap: .85rem;
    overflow-x: auto;
    padding-bottom: .25rem;
}

.bill-lane {
    min-width: 15rem;
    padding: .75rem;
}

.bill-lane-header,
.bill-work-topline,
.bill-work-meta,
.bill-detail-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.bill-lane-header {
    align-items: flex-start;
    padding: .25rem .25rem .75rem;
}

.bill-lane-title,
.bill-lane-subtitle { display: block; }

.bill-lane-title {
    color: var(--text-primary);
    font-weight: 850;
    letter-spacing: -.02em;
}

.bill-lane-subtitle {
    margin-top: .1rem;
    color: var(--text-muted);
    font-size: .72rem;
}

.bill-lane-count {
    min-width: 1.65rem;
    padding: .12rem .45rem;
    color: var(--text-secondary);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    text-align: center;
    font-size: .76rem;
    font-weight: 850;
}

.bill-lane-list {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.bill-work-card {
    width: 100%;
    display: block;
    padding: .85rem;
    text-align: left;
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-xl) !important;
    box-shadow: var(--shadow-xs);
}

.bill-work-card:hover {
    border-color: rgba(5, 150, 105, .34);
    box-shadow: var(--shadow-sm);
}

.bill-work-card--risk { border-left: 4px solid var(--danger); }

.bill-work-card strong {
    display: block;
    margin-top: .65rem;
    color: var(--text-primary);
    font-size: .92rem;
    line-height: 1.25;
}

.bill-work-card p {
    margin: .3rem 0 .65rem;
    color: var(--text-secondary);
    font-size: .8rem;
}

.bill-work-meta {
    color: var(--text-muted);
    font-size: .72rem;
}

.bill-work-meta span {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.bill-chip,
.bill-status {
    display: inline-flex;
    align-items: center;
    border-radius: var(--r-full);
    font-size: .68rem;
    font-weight: 850;
    line-height: 1;
    padding: .28rem .5rem;
}

.bill-tone-blue { background: rgba(35, 109, 255, .12); color: var(--brand-700); }
.bill-tone-violet { background: rgba(124, 58, 237, .12); color: #6d28d9; }
.bill-tone-cyan { background: rgba(8, 145, 178, .12); color: #0e7490; }
.bill-tone-amber { background: rgba(217, 119, 6, .13); color: #b45309; }
.bill-tone-red { background: rgba(225, 29, 72, .12); color: #be123c; }
.bill-tone-green { background: rgba(5, 150, 105, .13); color: #047857; }
.bill-tone-neutral { background: var(--surface-muted); color: var(--text-secondary); }

.bill-status-high { background: var(--danger-bg); color: var(--danger); }
.bill-status-medium { background: var(--warning-bg); color: var(--warning); }
.bill-status-low { background: var(--surface-muted); color: var(--text-tertiary); }

.bill-admin-panel {
    position: sticky;
    top: calc(var(--header-h) + 1rem);
    padding: 1rem;
}

.bill-side-empty {
    display: grid;
    place-items: center;
    min-height: 20rem;
    text-align: center;
    color: var(--text-muted);
}

.bill-side-empty i {
    margin-bottom: .65rem;
    color: var(--accent-emerald);
    font-size: 2.2rem;
}

.bill-side-empty h3,
.bill-admin-panel h3 {
    margin: .75rem 0 .35rem;
    color: var(--text-primary);
    font-size: 1.15rem;
    letter-spacing: -.03em;
}

.bill-admin-panel p { color: var(--text-secondary); }

.bill-detail-list {
    display: grid;
    gap: .55rem;
    margin: 1rem 0;
}

.bill-detail-list div {
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr);
    gap: .75rem;
    padding: .65rem .75rem;
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: var(--r-lg);
}

.bill-detail-list dt {
    color: var(--text-muted);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.bill-detail-list dd {
    margin: 0;
    color: var(--text-primary);
    font-weight: 700;
}

.bill-policy-card {
    display: grid;
    gap: .45rem;
    padding: .85rem;
    margin-bottom: 1rem;
    background: var(--success-bg);
    border: 1px solid rgba(5, 150, 105, .18);
    border-radius: var(--r-xl);
}

.bill-policy-card strong { color: var(--text-primary); }

.bill-policy-card span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--text-secondary);
    font-size: .78rem;
}

.bill-module-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
    margin-top: 1rem;
}

.bill-module-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
    color: inherit;
    text-align: left;
}

.bill-module-card:hover {
    border-color: rgba(5, 150, 105, .34);
    box-shadow: var(--shadow-md);
}

.bill-module-content {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.bill-module-content strong {
    color: var(--text-primary);
    font-size: .92rem;
}

.bill-module-content small {
    color: var(--text-muted);
    font-size: .76rem;
    line-height: 1.35;
}

.bill-module-arrow {
    margin-left: auto;
    color: var(--text-muted);
}

.bill-empty-mini {
    display: grid;
    place-items: center;
    min-height: 5rem;
    color: var(--text-muted);
    border: 1px dashed var(--border-dark);
    border-radius: var(--r-lg);
    font-size: .78rem;
}

/* ── Subscription & Tenant Settings admin workflow ─────── */
.tenant-hero,
.tenant-command-bar,
.tenant-admin-panel,
.tenant-lane,
.tenant-module-card,
.tenant-kpi-card {
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(203, 213, 225, .72);
    border-radius: var(--r-2xl);
    box-shadow: var(--shadow-sm);
}

.theme-dark .tenant-hero,
.theme-dark .tenant-command-bar,
.theme-dark .tenant-admin-panel,
.theme-dark .tenant-lane,
.theme-dark .tenant-module-card,
.theme-dark .tenant-kpi-card {
    background: rgba(16, 26, 43, .88);
    border-color: rgba(148, 163, 184, .18);
}

.tenant-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: center;
    padding: clamp(1.25rem, 2vw, 1.75rem);
    margin-bottom: 1rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .88)),
        radial-gradient(circle at 90% 8%, rgba(35, 109, 255, .13), transparent 20rem);
}

.theme-dark .tenant-hero {
    background:
        linear-gradient(135deg, rgba(16, 26, 43, .96), rgba(12, 22, 38, .86)),
        radial-gradient(circle at 90% 8%, rgba(35, 109, 255, .20), transparent 20rem);
}

.tenant-eyebrow {
    display: inline-flex;
    margin-bottom: .45rem;
    color: var(--brand-600);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.tenant-hero h2 {
    margin: 0;
    font-size: clamp(1.6rem, 3vw, 2.35rem);
    font-weight: 850;
}

.tenant-hero p {
    max-width: 72ch;
    margin: .5rem 0 0;
    color: var(--text-secondary);
    font-size: .96rem;
}

.tenant-hero-grid,
.tenant-pill-group,
.tenant-detail-actions {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
}

.tenant-quick-action {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .65rem .8rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-md) !important;
    font-weight: 750;
    box-shadow: var(--shadow-xs);
}

.tenant-quick-action:hover {
    color: var(--brand-600);
    border-color: rgba(35, 109, 255, .32);
    background: var(--surface-hover);
}

.tenant-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-bottom: 1rem;
}

.tenant-kpi-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
}

.tenant-kpi-card strong {
    display: block;
    color: var(--text-primary);
    font-size: 1.55rem;
    line-height: 1;
    letter-spacing: -.045em;
}

.tenant-kpi-card span,
.tenant-kpi-card small { display: block; }

.tenant-kpi-card span {
    margin-top: .15rem;
    color: var(--text-secondary);
    font-weight: 800;
}

.tenant-kpi-card small {
    margin-top: .15rem;
    color: var(--text-muted);
    font-size: .75rem;
}

.tenant-kpi-icon,
.tenant-module-icon {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: var(--r-lg);
    font-size: 1.1rem;
}

.tenant-command-bar {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .85rem;
    margin-bottom: 1rem;
}

.tenant-search-wrap {
    position: relative;
    flex: 1 1 24rem;
}

.tenant-search-wrap i {
    position: absolute;
    left: .85rem;
    top: 50%;
    color: var(--text-muted);
    transform: translateY(-50%);
    pointer-events: none;
}

.tenant-search-wrap input {
    width: 100%;
    padding-left: 2.35rem;
}

.tenant-pill {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.2rem;
    padding: .48rem .75rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-full) !important;
    font-size: .78rem;
    font-weight: 800;
}

.tenant-pill span {
    min-width: 1.35rem;
    padding: .05rem .4rem;
    color: var(--text-muted);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    font-size: .7rem;
}

.tenant-pill--active {
    color: #fff;
    background: linear-gradient(135deg, var(--brand-600), var(--accent-violet));
    border-color: transparent;
    box-shadow: 0 10px 22px rgba(35, 109, 255, .20);
}

.tenant-pill--active span {
    color: #fff;
    background: rgba(255, 255, 255, .20);
}

.tenant-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 24rem);
    gap: 1rem;
    align-items: start;
}

.tenant-flow {
    display: grid;
    grid-template-columns: repeat(5, minmax(15rem, 1fr));
    gap: .85rem;
    overflow-x: auto;
    padding-bottom: .25rem;
}

.tenant-lane {
    min-width: 15rem;
    padding: .75rem;
}

.tenant-lane-header,
.tenant-work-topline,
.tenant-work-meta,
.tenant-detail-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.tenant-lane-header {
    align-items: flex-start;
    padding: .25rem .25rem .75rem;
}

.tenant-lane-title,
.tenant-lane-subtitle { display: block; }

.tenant-lane-title {
    color: var(--text-primary);
    font-weight: 850;
    letter-spacing: -.02em;
}

.tenant-lane-subtitle {
    margin-top: .1rem;
    color: var(--text-muted);
    font-size: .72rem;
}

.tenant-lane-count {
    min-width: 1.65rem;
    padding: .12rem .45rem;
    color: var(--text-secondary);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    text-align: center;
    font-size: .76rem;
    font-weight: 850;
}

.tenant-lane-list {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.tenant-work-card {
    width: 100%;
    display: block;
    padding: .85rem;
    text-align: left;
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-xl) !important;
    box-shadow: var(--shadow-xs);
}

.tenant-work-card:hover {
    border-color: rgba(35, 109, 255, .34);
    box-shadow: var(--shadow-sm);
}

.tenant-work-card--risk { border-left: 4px solid var(--danger); }

.tenant-work-card strong {
    display: block;
    margin-top: .65rem;
    color: var(--text-primary);
    font-size: .92rem;
    line-height: 1.25;
}

.tenant-work-card p {
    margin: .3rem 0 .65rem;
    color: var(--text-secondary);
    font-size: .8rem;
}

.tenant-work-meta {
    color: var(--text-muted);
    font-size: .72rem;
}

.tenant-work-meta span {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.tenant-chip,
.tenant-status {
    display: inline-flex;
    align-items: center;
    border-radius: var(--r-full);
    font-size: .68rem;
    font-weight: 850;
    line-height: 1;
    padding: .28rem .5rem;
}

.tenant-tone-blue { background: rgba(35, 109, 255, .12); color: var(--brand-700); }
.tenant-tone-violet { background: rgba(124, 58, 237, .12); color: #6d28d9; }
.tenant-tone-cyan { background: rgba(8, 145, 178, .12); color: #0e7490; }
.tenant-tone-amber { background: rgba(217, 119, 6, .13); color: #b45309; }
.tenant-tone-red { background: rgba(225, 29, 72, .12); color: #be123c; }
.tenant-tone-green { background: rgba(5, 150, 105, .13); color: #047857; }
.tenant-tone-neutral { background: var(--surface-muted); color: var(--text-secondary); }

.tenant-status-high { background: var(--danger-bg); color: var(--danger); }
.tenant-status-medium { background: var(--warning-bg); color: var(--warning); }
.tenant-status-low { background: var(--surface-muted); color: var(--text-tertiary); }

.tenant-admin-panel {
    position: sticky;
    top: calc(var(--header-h) + 1rem);
    padding: 1rem;
}

.tenant-side-empty {
    display: grid;
    place-items: center;
    min-height: 20rem;
    text-align: center;
    color: var(--text-muted);
}

.tenant-side-empty i {
    margin-bottom: .65rem;
    color: var(--brand-600);
    font-size: 2.2rem;
}

.tenant-side-empty h3,
.tenant-admin-panel h3 {
    margin: .75rem 0 .35rem;
    color: var(--text-primary);
    font-size: 1.15rem;
    letter-spacing: -.03em;
}

.tenant-admin-panel p { color: var(--text-secondary); }

.tenant-detail-list {
    display: grid;
    gap: .55rem;
    margin: 1rem 0;
}

.tenant-detail-list div {
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr);
    gap: .75rem;
    padding: .65rem .75rem;
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: var(--r-lg);
}

.tenant-detail-list dt {
    color: var(--text-muted);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.tenant-detail-list dd {
    margin: 0;
    color: var(--text-primary);
    font-weight: 700;
}

.tenant-policy-card {
    display: grid;
    gap: .45rem;
    padding: .85rem;
    margin-bottom: 1rem;
    background: var(--info-bg);
    border: 1px solid rgba(35, 109, 255, .18);
    border-radius: var(--r-xl);
}

.tenant-policy-card strong { color: var(--text-primary); }

.tenant-policy-card span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--text-secondary);
    font-size: .78rem;
}

.tenant-module-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
    margin-top: 1rem;
}

.tenant-module-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
    color: inherit;
    text-align: left;
}

.tenant-module-card:hover {
    border-color: rgba(35, 109, 255, .34);
    box-shadow: var(--shadow-md);
}

.tenant-module-content {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.tenant-module-content strong {
    color: var(--text-primary);
    font-size: .92rem;
}

.tenant-module-content small {
    color: var(--text-muted);
    font-size: .76rem;
    line-height: 1.35;
}

.tenant-module-arrow {
    margin-left: auto;
    color: var(--text-muted);
}

.tenant-empty-mini {
    display: grid;
    place-items: center;
    min-height: 5rem;
    color: var(--text-muted);
    border: 1px dashed var(--border-dark);
    border-radius: var(--r-lg);
    font-size: .78rem;
}

/* ── Data Management tenant admin workflow ─────────────── */
.data-hero,
.data-command-bar,
.data-admin-panel,
.data-lane,
.data-module-card,
.data-kpi-card {
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(203, 213, 225, .72);
    border-radius: var(--r-2xl);
    box-shadow: var(--shadow-sm);
}

.theme-dark .data-hero,
.theme-dark .data-command-bar,
.theme-dark .data-admin-panel,
.theme-dark .data-lane,
.theme-dark .data-module-card,
.theme-dark .data-kpi-card {
    background: rgba(16, 26, 43, .88);
    border-color: rgba(148, 163, 184, .18);
}

.data-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: center;
    padding: clamp(1.25rem, 2vw, 1.75rem);
    margin-bottom: 1rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .88)),
        radial-gradient(circle at 90% 8%, rgba(8, 145, 178, .13), transparent 20rem);
}

.theme-dark .data-hero {
    background:
        linear-gradient(135deg, rgba(16, 26, 43, .96), rgba(12, 22, 38, .86)),
        radial-gradient(circle at 90% 8%, rgba(8, 145, 178, .20), transparent 20rem);
}

.data-eyebrow {
    display: inline-flex;
    margin-bottom: .45rem;
    color: var(--accent-cyan);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.data-hero h2 {
    margin: 0;
    font-size: clamp(1.6rem, 3vw, 2.35rem);
    font-weight: 850;
}

.data-hero p {
    max-width: 72ch;
    margin: .5rem 0 0;
    color: var(--text-secondary);
    font-size: .96rem;
}

.data-hero-grid,
.data-pill-group,
.data-detail-actions {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
}

.data-quick-action {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .65rem .8rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-md) !important;
    font-weight: 750;
    box-shadow: var(--shadow-xs);
}

.data-quick-action:hover {
    color: var(--accent-cyan);
    border-color: rgba(8, 145, 178, .32);
    background: var(--surface-hover);
}

.data-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-bottom: 1rem;
}

.data-kpi-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
}

.data-kpi-card strong {
    display: block;
    color: var(--text-primary);
    font-size: 1.55rem;
    line-height: 1;
    letter-spacing: -.045em;
}

.data-kpi-card span,
.data-kpi-card small { display: block; }

.data-kpi-card span {
    margin-top: .15rem;
    color: var(--text-secondary);
    font-weight: 800;
}

.data-kpi-card small {
    margin-top: .15rem;
    color: var(--text-muted);
    font-size: .75rem;
}

.data-kpi-icon,
.data-module-icon {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: var(--r-lg);
    font-size: 1.1rem;
}

.data-command-bar {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .85rem;
    margin-bottom: 1rem;
}

.data-search-wrap {
    position: relative;
    flex: 1 1 24rem;
}

.data-search-wrap i {
    position: absolute;
    left: .85rem;
    top: 50%;
    color: var(--text-muted);
    transform: translateY(-50%);
    pointer-events: none;
}

.data-search-wrap input {
    width: 100%;
    padding-left: 2.35rem;
}

.data-pill {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.2rem;
    padding: .48rem .75rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-full) !important;
    font-size: .78rem;
    font-weight: 800;
}

.data-pill span {
    min-width: 1.35rem;
    padding: .05rem .4rem;
    color: var(--text-muted);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    font-size: .7rem;
}

.data-pill--active {
    color: #fff;
    background: linear-gradient(135deg, var(--accent-cyan), var(--brand-500));
    border-color: transparent;
    box-shadow: 0 10px 22px rgba(8, 145, 178, .20);
}

.data-pill--active span {
    color: #fff;
    background: rgba(255, 255, 255, .20);
}

.data-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 24rem);
    gap: 1rem;
    align-items: start;
}

.data-flow {
    display: grid;
    grid-template-columns: repeat(5, minmax(15rem, 1fr));
    gap: .85rem;
    overflow-x: auto;
    padding-bottom: .25rem;
}

.data-lane {
    min-width: 15rem;
    padding: .75rem;
}

.data-lane-header,
.data-work-topline,
.data-work-meta,
.data-detail-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.data-lane-header {
    align-items: flex-start;
    padding: .25rem .25rem .75rem;
}

.data-lane-title,
.data-lane-subtitle { display: block; }

.data-lane-title {
    color: var(--text-primary);
    font-weight: 850;
    letter-spacing: -.02em;
}

.data-lane-subtitle {
    margin-top: .1rem;
    color: var(--text-muted);
    font-size: .72rem;
}

.data-lane-count {
    min-width: 1.65rem;
    padding: .12rem .45rem;
    color: var(--text-secondary);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    text-align: center;
    font-size: .76rem;
    font-weight: 850;
}

.data-lane-list {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.data-work-card {
    width: 100%;
    display: block;
    padding: .85rem;
    text-align: left;
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-xl) !important;
    box-shadow: var(--shadow-xs);
}

.data-work-card:hover {
    border-color: rgba(8, 145, 178, .34);
    box-shadow: var(--shadow-sm);
}

.data-work-card--risk { border-left: 4px solid var(--danger); }

.data-work-card strong {
    display: block;
    margin-top: .65rem;
    color: var(--text-primary);
    font-size: .92rem;
    line-height: 1.25;
}

.data-work-card p {
    margin: .3rem 0 .65rem;
    color: var(--text-secondary);
    font-size: .8rem;
}

.data-work-meta {
    color: var(--text-muted);
    font-size: .72rem;
}

.data-work-meta span {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.data-chip,
.data-status {
    display: inline-flex;
    align-items: center;
    border-radius: var(--r-full);
    font-size: .68rem;
    font-weight: 850;
    line-height: 1;
    padding: .28rem .5rem;
}

.data-tone-blue { background: rgba(35, 109, 255, .12); color: var(--brand-700); }
.data-tone-violet { background: rgba(124, 58, 237, .12); color: #6d28d9; }
.data-tone-cyan { background: rgba(8, 145, 178, .12); color: #0e7490; }
.data-tone-amber { background: rgba(217, 119, 6, .13); color: #b45309; }
.data-tone-red { background: rgba(225, 29, 72, .12); color: #be123c; }
.data-tone-green { background: rgba(5, 150, 105, .13); color: #047857; }
.data-tone-neutral { background: var(--surface-muted); color: var(--text-secondary); }

.data-status-high { background: var(--danger-bg); color: var(--danger); }
.data-status-medium { background: var(--warning-bg); color: var(--warning); }
.data-status-low { background: var(--surface-muted); color: var(--text-tertiary); }

.data-admin-panel {
    position: sticky;
    top: calc(var(--header-h) + 1rem);
    padding: 1rem;
}

.data-side-empty {
    display: grid;
    place-items: center;
    min-height: 20rem;
    text-align: center;
    color: var(--text-muted);
}

.data-side-empty i {
    margin-bottom: .65rem;
    color: var(--accent-cyan);
    font-size: 2.2rem;
}

.data-side-empty h3,
.data-admin-panel h3 {
    margin: .75rem 0 .35rem;
    color: var(--text-primary);
    font-size: 1.15rem;
    letter-spacing: -.03em;
}

.data-admin-panel p { color: var(--text-secondary); }

.data-detail-list {
    display: grid;
    gap: .55rem;
    margin: 1rem 0;
}

.data-detail-list div {
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr);
    gap: .75rem;
    padding: .65rem .75rem;
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: var(--r-lg);
}

.data-detail-list dt {
    color: var(--text-muted);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.data-detail-list dd {
    margin: 0;
    color: var(--text-primary);
    font-weight: 700;
}

.data-policy-card {
    display: grid;
    gap: .45rem;
    padding: .85rem;
    margin-bottom: 1rem;
    background: var(--info-bg);
    border: 1px solid rgba(8, 145, 178, .18);
    border-radius: var(--r-xl);
}

.data-policy-card strong { color: var(--text-primary); }

.data-policy-card span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--text-secondary);
    font-size: .78rem;
}

.data-module-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-top: 1rem;
}

.data-module-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
    color: inherit;
    text-align: left;
}

.data-module-card:hover {
    border-color: rgba(8, 145, 178, .34);
    box-shadow: var(--shadow-md);
}

.data-module-content {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.data-module-content strong {
    color: var(--text-primary);
    font-size: .92rem;
}

.data-module-content small {
    color: var(--text-muted);
    font-size: .76rem;
    line-height: 1.35;
}

.data-module-arrow {
    margin-left: auto;
    color: var(--text-muted);
}

.data-empty-mini {
    display: grid;
    place-items: center;
    min-height: 5rem;
    color: var(--text-muted);
    border: 1px dashed var(--border-dark);
    border-radius: var(--r-lg);
    font-size: .78rem;
}

/* ── AI Settings tenant admin workflow ─────────────────── */
.aiset-hero,
.aiset-command-bar,
.aiset-admin-panel,
.aiset-lane,
.aiset-module-card,
.aiset-kpi-card {
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(203, 213, 225, .72);
    border-radius: var(--r-2xl);
    box-shadow: var(--shadow-sm);
}

.theme-dark .aiset-hero,
.theme-dark .aiset-command-bar,
.theme-dark .aiset-admin-panel,
.theme-dark .aiset-lane,
.theme-dark .aiset-module-card,
.theme-dark .aiset-kpi-card {
    background: rgba(16, 26, 43, .88);
    border-color: rgba(148, 163, 184, .18);
}

.aiset-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: center;
    padding: clamp(1.25rem, 2vw, 1.75rem);
    margin-bottom: 1rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .88)),
        radial-gradient(circle at 90% 8%, rgba(124, 58, 237, .14), transparent 20rem);
}

.theme-dark .aiset-hero {
    background:
        linear-gradient(135deg, rgba(16, 26, 43, .96), rgba(12, 22, 38, .86)),
        radial-gradient(circle at 90% 8%, rgba(124, 58, 237, .20), transparent 20rem);
}

.aiset-eyebrow {
    display: inline-flex;
    margin-bottom: .45rem;
    color: var(--accent-violet);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.aiset-hero h2 {
    margin: 0;
    font-size: clamp(1.6rem, 3vw, 2.35rem);
    font-weight: 850;
}

.aiset-hero p {
    max-width: 72ch;
    margin: .5rem 0 0;
    color: var(--text-secondary);
    font-size: .96rem;
}

.aiset-hero-grid,
.aiset-pill-group,
.aiset-detail-actions {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
}

.aiset-quick-action {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .65rem .8rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-md) !important;
    font-weight: 750;
    box-shadow: var(--shadow-xs);
}

.aiset-quick-action:hover {
    color: var(--accent-violet);
    border-color: rgba(124, 58, 237, .32);
    background: var(--surface-hover);
}

.aiset-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-bottom: 1rem;
}

.aiset-kpi-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
}

.aiset-kpi-card strong {
    display: block;
    color: var(--text-primary);
    font-size: 1.55rem;
    line-height: 1;
    letter-spacing: -.045em;
}

.aiset-kpi-card span,
.aiset-kpi-card small { display: block; }

.aiset-kpi-card span {
    margin-top: .15rem;
    color: var(--text-secondary);
    font-weight: 800;
}

.aiset-kpi-card small {
    margin-top: .15rem;
    color: var(--text-muted);
    font-size: .75rem;
}

.aiset-kpi-icon,
.aiset-module-icon {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: var(--r-lg);
    font-size: 1.1rem;
}

.aiset-command-bar {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .85rem;
    margin-bottom: 1rem;
}

.aiset-search-wrap {
    position: relative;
    flex: 1 1 24rem;
}

.aiset-search-wrap i {
    position: absolute;
    left: .85rem;
    top: 50%;
    color: var(--text-muted);
    transform: translateY(-50%);
    pointer-events: none;
}

.aiset-search-wrap input {
    width: 100%;
    padding-left: 2.35rem;
}

.aiset-pill {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.2rem;
    padding: .48rem .75rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-full) !important;
    font-size: .78rem;
    font-weight: 800;
}

.aiset-pill span {
    min-width: 1.35rem;
    padding: .05rem .4rem;
    color: var(--text-muted);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    font-size: .7rem;
}

.aiset-pill--active {
    color: #fff;
    background: linear-gradient(135deg, var(--accent-violet), var(--brand-500));
    border-color: transparent;
    box-shadow: 0 10px 22px rgba(124, 58, 237, .20);
}

.aiset-pill--active span {
    color: #fff;
    background: rgba(255, 255, 255, .20);
}

.aiset-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 24rem);
    gap: 1rem;
    align-items: start;
}

.aiset-flow {
    display: grid;
    grid-template-columns: repeat(5, minmax(15rem, 1fr));
    gap: .85rem;
    overflow-x: auto;
    padding-bottom: .25rem;
}

.aiset-lane {
    min-width: 15rem;
    padding: .75rem;
}

.aiset-lane-header,
.aiset-work-topline,
.aiset-work-meta,
.aiset-detail-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.aiset-lane-header {
    align-items: flex-start;
    padding: .25rem .25rem .75rem;
}

.aiset-lane-title,
.aiset-lane-subtitle { display: block; }

.aiset-lane-title {
    color: var(--text-primary);
    font-weight: 850;
    letter-spacing: -.02em;
}

.aiset-lane-subtitle {
    margin-top: .1rem;
    color: var(--text-muted);
    font-size: .72rem;
}

.aiset-lane-count {
    min-width: 1.65rem;
    padding: .12rem .45rem;
    color: var(--text-secondary);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    text-align: center;
    font-size: .76rem;
    font-weight: 850;
}

.aiset-lane-list {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.aiset-work-card {
    width: 100%;
    display: block;
    padding: .85rem;
    text-align: left;
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-xl) !important;
    box-shadow: var(--shadow-xs);
}

.aiset-work-card:hover {
    border-color: rgba(124, 58, 237, .34);
    box-shadow: var(--shadow-sm);
}

.aiset-work-card--risk { border-left: 4px solid var(--danger); }

.aiset-work-card strong {
    display: block;
    margin-top: .65rem;
    color: var(--text-primary);
    font-size: .92rem;
    line-height: 1.25;
}

.aiset-work-card p {
    margin: .3rem 0 .65rem;
    color: var(--text-secondary);
    font-size: .8rem;
}

.aiset-work-meta {
    color: var(--text-muted);
    font-size: .72rem;
}

.aiset-work-meta span {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.aiset-chip,
.aiset-status {
    display: inline-flex;
    align-items: center;
    border-radius: var(--r-full);
    font-size: .68rem;
    font-weight: 850;
    line-height: 1;
    padding: .28rem .5rem;
}

.aiset-tone-blue { background: rgba(35, 109, 255, .12); color: var(--brand-700); }
.aiset-tone-violet { background: rgba(124, 58, 237, .12); color: #6d28d9; }
.aiset-tone-cyan { background: rgba(8, 145, 178, .12); color: #0e7490; }
.aiset-tone-amber { background: rgba(217, 119, 6, .13); color: #b45309; }
.aiset-tone-red { background: rgba(225, 29, 72, .12); color: #be123c; }
.aiset-tone-green { background: rgba(5, 150, 105, .13); color: #047857; }
.aiset-tone-neutral { background: var(--surface-muted); color: var(--text-secondary); }

.aiset-status-high { background: var(--danger-bg); color: var(--danger); }
.aiset-status-medium { background: var(--warning-bg); color: var(--warning); }
.aiset-status-low { background: var(--surface-muted); color: var(--text-tertiary); }

.aiset-admin-panel {
    position: sticky;
    top: calc(var(--header-h) + 1rem);
    padding: 1rem;
}

.aiset-side-empty {
    display: grid;
    place-items: center;
    min-height: 20rem;
    text-align: center;
    color: var(--text-muted);
}

.aiset-side-empty i {
    margin-bottom: .65rem;
    color: var(--accent-violet);
    font-size: 2.2rem;
}

.aiset-side-empty h3,
.aiset-admin-panel h3 {
    margin: .75rem 0 .35rem;
    color: var(--text-primary);
    font-size: 1.15rem;
    letter-spacing: -.03em;
}

.aiset-admin-panel p { color: var(--text-secondary); }

.aiset-detail-list {
    display: grid;
    gap: .55rem;
    margin: 1rem 0;
}

.aiset-detail-list div {
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr);
    gap: .75rem;
    padding: .65rem .75rem;
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: var(--r-lg);
}

.aiset-detail-list dt {
    color: var(--text-muted);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.aiset-detail-list dd {
    margin: 0;
    color: var(--text-primary);
    font-weight: 700;
}

.aiset-policy-card {
    display: grid;
    gap: .45rem;
    padding: .85rem;
    margin-bottom: 1rem;
    background: var(--info-bg);
    border: 1px solid rgba(124, 58, 237, .18);
    border-radius: var(--r-xl);
}

.aiset-policy-card strong { color: var(--text-primary); }

.aiset-policy-card span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--text-secondary);
    font-size: .78rem;
}

.aiset-module-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-top: 1rem;
}

.aiset-module-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
    color: inherit;
    text-align: left;
}

.aiset-module-card:hover {
    border-color: rgba(124, 58, 237, .34);
    box-shadow: var(--shadow-md);
}

.aiset-module-content {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.aiset-module-content strong {
    color: var(--text-primary);
    font-size: .92rem;
}

.aiset-module-content small {
    color: var(--text-muted);
    font-size: .76rem;
    line-height: 1.35;
}

.aiset-module-arrow {
    margin-left: auto;
    color: var(--text-muted);
}

.aiset-empty-mini {
    display: grid;
    place-items: center;
    min-height: 5rem;
    color: var(--text-muted);
    border: 1px dashed var(--border-dark);
    border-radius: var(--r-lg);
    font-size: .78rem;
}

/* ── Tenant Integrations admin workflow ────────────────── */
.intg-hero,
.intg-command-bar,
.intg-admin-panel,
.intg-lane,
.intg-module-card,
.intg-kpi-card {
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(203, 213, 225, .72);
    border-radius: var(--r-2xl);
    box-shadow: var(--shadow-sm);
}

.theme-dark .intg-hero,
.theme-dark .intg-command-bar,
.theme-dark .intg-admin-panel,
.theme-dark .intg-lane,
.theme-dark .intg-module-card,
.theme-dark .intg-kpi-card {
    background: rgba(16, 26, 43, .88);
    border-color: rgba(148, 163, 184, .18);
}

.intg-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: center;
    padding: clamp(1.25rem, 2vw, 1.75rem);
    margin-bottom: 1rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .88)),
        radial-gradient(circle at 90% 8%, rgba(35, 109, 255, .13), transparent 20rem);
}

.theme-dark .intg-hero {
    background:
        linear-gradient(135deg, rgba(16, 26, 43, .96), rgba(12, 22, 38, .86)),
        radial-gradient(circle at 90% 8%, rgba(35, 109, 255, .20), transparent 20rem);
}

.intg-eyebrow {
    display: inline-flex;
    margin-bottom: .45rem;
    color: var(--brand-600);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.intg-hero h2 {
    margin: 0;
    font-size: clamp(1.6rem, 3vw, 2.35rem);
    font-weight: 850;
}

.intg-hero p {
    max-width: 72ch;
    margin: .5rem 0 0;
    color: var(--text-secondary);
    font-size: .96rem;
}

.intg-hero-grid,
.intg-pill-group,
.intg-detail-actions {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
}

.intg-quick-action {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .65rem .8rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-md) !important;
    font-weight: 750;
    box-shadow: var(--shadow-xs);
}

.intg-quick-action:hover {
    color: var(--brand-600);
    border-color: rgba(35, 109, 255, .32);
    background: var(--surface-hover);
}

.intg-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-bottom: 1rem;
}

.intg-kpi-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
}

.intg-kpi-card strong {
    display: block;
    color: var(--text-primary);
    font-size: 1.55rem;
    line-height: 1;
    letter-spacing: -.045em;
}

.intg-kpi-card span,
.intg-kpi-card small { display: block; }

.intg-kpi-card span {
    margin-top: .15rem;
    color: var(--text-secondary);
    font-weight: 800;
}

.intg-kpi-card small {
    margin-top: .15rem;
    color: var(--text-muted);
    font-size: .75rem;
}

.intg-kpi-icon,
.intg-module-icon {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: var(--r-lg);
    font-size: 1.1rem;
}

.intg-command-bar {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .85rem;
    margin-bottom: 1rem;
}

.intg-search-wrap {
    position: relative;
    flex: 1 1 24rem;
}

.intg-search-wrap i {
    position: absolute;
    left: .85rem;
    top: 50%;
    color: var(--text-muted);
    transform: translateY(-50%);
    pointer-events: none;
}

.intg-search-wrap input {
    width: 100%;
    padding-left: 2.35rem;
}

.intg-pill {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.2rem;
    padding: .48rem .75rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-full) !important;
    font-size: .78rem;
    font-weight: 800;
}

.intg-pill span {
    min-width: 1.35rem;
    padding: .05rem .4rem;
    color: var(--text-muted);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    font-size: .7rem;
}

.intg-pill--active {
    color: #fff;
    background: linear-gradient(135deg, var(--brand-600), var(--accent-cyan));
    border-color: transparent;
    box-shadow: 0 10px 22px rgba(35, 109, 255, .20);
}

.intg-pill--active span {
    color: #fff;
    background: rgba(255, 255, 255, .20);
}

.intg-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 24rem);
    gap: 1rem;
    align-items: start;
}

.intg-flow {
    display: grid;
    grid-template-columns: repeat(5, minmax(15rem, 1fr));
    gap: .85rem;
    overflow-x: auto;
    padding-bottom: .25rem;
}

.intg-lane {
    min-width: 15rem;
    padding: .75rem;
}

.intg-lane-header,
.intg-work-topline,
.intg-work-meta,
.intg-detail-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.intg-lane-header {
    align-items: flex-start;
    padding: .25rem .25rem .75rem;
}

.intg-lane-title,
.intg-lane-subtitle { display: block; }

.intg-lane-title {
    color: var(--text-primary);
    font-weight: 850;
    letter-spacing: -.02em;
}

.intg-lane-subtitle {
    margin-top: .1rem;
    color: var(--text-muted);
    font-size: .72rem;
}

.intg-lane-count {
    min-width: 1.65rem;
    padding: .12rem .45rem;
    color: var(--text-secondary);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    text-align: center;
    font-size: .76rem;
    font-weight: 850;
}

.intg-lane-list {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.intg-work-card {
    width: 100%;
    display: block;
    padding: .85rem;
    text-align: left;
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-xl) !important;
    box-shadow: var(--shadow-xs);
}

.intg-work-card:hover {
    border-color: rgba(35, 109, 255, .34);
    box-shadow: var(--shadow-sm);
}

.intg-work-card--risk { border-left: 4px solid var(--danger); }

.intg-work-card strong {
    display: block;
    margin-top: .65rem;
    color: var(--text-primary);
    font-size: .92rem;
    line-height: 1.25;
}

.intg-work-card p {
    margin: .3rem 0 .65rem;
    color: var(--text-secondary);
    font-size: .8rem;
}

.intg-work-meta {
    color: var(--text-muted);
    font-size: .72rem;
}

.intg-work-meta span {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.intg-chip,
.intg-status {
    display: inline-flex;
    align-items: center;
    border-radius: var(--r-full);
    font-size: .68rem;
    font-weight: 850;
    line-height: 1;
    padding: .28rem .5rem;
}

.intg-tone-blue { background: rgba(35, 109, 255, .12); color: var(--brand-700); }
.intg-tone-violet { background: rgba(124, 58, 237, .12); color: #6d28d9; }
.intg-tone-cyan { background: rgba(8, 145, 178, .12); color: #0e7490; }
.intg-tone-amber { background: rgba(217, 119, 6, .13); color: #b45309; }
.intg-tone-red { background: rgba(225, 29, 72, .12); color: #be123c; }
.intg-tone-green { background: rgba(5, 150, 105, .13); color: #047857; }
.intg-tone-neutral { background: var(--surface-muted); color: var(--text-secondary); }

.intg-status-high { background: var(--danger-bg); color: var(--danger); }
.intg-status-medium { background: var(--warning-bg); color: var(--warning); }
.intg-status-low { background: var(--surface-muted); color: var(--text-tertiary); }

.intg-admin-panel {
    position: sticky;
    top: calc(var(--header-h) + 1rem);
    padding: 1rem;
}

.intg-side-empty {
    display: grid;
    place-items: center;
    min-height: 20rem;
    text-align: center;
    color: var(--text-muted);
}

.intg-side-empty i {
    margin-bottom: .65rem;
    color: var(--brand-600);
    font-size: 2.2rem;
}

.intg-side-empty h3,
.intg-admin-panel h3 {
    margin: .75rem 0 .35rem;
    color: var(--text-primary);
    font-size: 1.15rem;
    letter-spacing: -.03em;
}

.intg-admin-panel p { color: var(--text-secondary); }

.intg-detail-list {
    display: grid;
    gap: .55rem;
    margin: 1rem 0;
}

.intg-detail-list div {
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr);
    gap: .75rem;
    padding: .65rem .75rem;
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: var(--r-lg);
}

.intg-detail-list dt {
    color: var(--text-muted);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.intg-detail-list dd {
    margin: 0;
    color: var(--text-primary);
    font-weight: 700;
}

.intg-policy-card {
    display: grid;
    gap: .45rem;
    padding: .85rem;
    margin-bottom: 1rem;
    background: var(--info-bg);
    border: 1px solid rgba(35, 109, 255, .18);
    border-radius: var(--r-xl);
}

.intg-policy-card strong { color: var(--text-primary); }

.intg-policy-card span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--text-secondary);
    font-size: .78rem;
}

.intg-module-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .85rem;
    margin-top: 1rem;
}

.intg-module-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
    color: inherit;
    text-align: left;
}

.intg-module-card:hover {
    border-color: rgba(35, 109, 255, .34);
    box-shadow: var(--shadow-md);
}

.intg-module-content {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.intg-module-content strong {
    color: var(--text-primary);
    font-size: .92rem;
}

.intg-module-content small {
    color: var(--text-muted);
    font-size: .76rem;
    line-height: 1.35;
}

.intg-module-arrow {
    margin-left: auto;
    color: var(--text-muted);
}

.intg-empty-mini {
    display: grid;
    place-items: center;
    min-height: 5rem;
    color: var(--text-muted);
    border: 1px dashed var(--border-dark);
    border-radius: var(--r-lg);
    font-size: .78rem;
}

/* ── Client Portal Setup tenant admin workflow ─────────── */
.cps-hero,
.cps-command-bar,
.cps-admin-panel,
.cps-lane,
.cps-module-card,
.cps-kpi-card {
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(203, 213, 225, .72);
    border-radius: var(--r-2xl);
    box-shadow: var(--shadow-sm);
}

.theme-dark .cps-hero,
.theme-dark .cps-command-bar,
.theme-dark .cps-admin-panel,
.theme-dark .cps-lane,
.theme-dark .cps-module-card,
.theme-dark .cps-kpi-card {
    background: rgba(16, 26, 43, .88);
    border-color: rgba(148, 163, 184, .18);
}

.cps-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: center;
    padding: clamp(1.25rem, 2vw, 1.75rem);
    margin-bottom: 1rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .88)),
        radial-gradient(circle at 90% 8%, rgba(124, 58, 237, .13), transparent 20rem);
}

.theme-dark .cps-hero {
    background:
        linear-gradient(135deg, rgba(16, 26, 43, .96), rgba(12, 22, 38, .86)),
        radial-gradient(circle at 90% 8%, rgba(124, 58, 237, .20), transparent 20rem);
}

.cps-eyebrow {
    display: inline-flex;
    margin-bottom: .45rem;
    color: var(--accent-violet);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.cps-hero h2 {
    margin: 0;
    font-size: clamp(1.6rem, 3vw, 2.35rem);
    font-weight: 850;
}

.cps-hero p {
    max-width: 72ch;
    margin: .5rem 0 0;
    color: var(--text-secondary);
    font-size: .96rem;
}

.cps-hero-grid,
.cps-pill-group,
.cps-detail-actions {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
}

.cps-quick-action {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .65rem .8rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-md) !important;
    font-weight: 750;
    box-shadow: var(--shadow-xs);
}

.cps-quick-action:hover {
    color: var(--accent-violet);
    border-color: rgba(124, 58, 237, .32);
    background: var(--surface-hover);
}

.cps-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-bottom: 1rem;
}

.cps-kpi-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
}

.cps-kpi-card strong {
    display: block;
    color: var(--text-primary);
    font-size: 1.55rem;
    line-height: 1;
    letter-spacing: -.045em;
}

.cps-kpi-card span,
.cps-kpi-card small { display: block; }

.cps-kpi-card span {
    margin-top: .15rem;
    color: var(--text-secondary);
    font-weight: 800;
}

.cps-kpi-card small {
    margin-top: .15rem;
    color: var(--text-muted);
    font-size: .75rem;
}

.cps-kpi-icon,
.cps-module-icon {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: var(--r-lg);
    font-size: 1.1rem;
}

.cps-command-bar {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .85rem;
    margin-bottom: 1rem;
}

.cps-search-wrap {
    position: relative;
    flex: 1 1 24rem;
}

.cps-search-wrap i {
    position: absolute;
    left: .85rem;
    top: 50%;
    color: var(--text-muted);
    transform: translateY(-50%);
    pointer-events: none;
}

.cps-search-wrap input {
    width: 100%;
    padding-left: 2.35rem;
}

.cps-pill {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.2rem;
    padding: .48rem .75rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-full) !important;
    font-size: .78rem;
    font-weight: 800;
}

.cps-pill span {
    min-width: 1.35rem;
    padding: .05rem .4rem;
    color: var(--text-muted);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    font-size: .7rem;
}

.cps-pill--active {
    color: #fff;
    background: linear-gradient(135deg, var(--accent-violet), var(--brand-500));
    border-color: transparent;
    box-shadow: 0 10px 22px rgba(124, 58, 237, .20);
}

.cps-pill--active span {
    color: #fff;
    background: rgba(255, 255, 255, .20);
}

.cps-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 24rem);
    gap: 1rem;
    align-items: start;
}

.cps-flow {
    display: grid;
    grid-template-columns: repeat(5, minmax(15rem, 1fr));
    gap: .85rem;
    overflow-x: auto;
    padding-bottom: .25rem;
}

.cps-lane {
    min-width: 15rem;
    padding: .75rem;
}

.cps-lane-header,
.cps-work-topline,
.cps-work-meta,
.cps-detail-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.cps-lane-header {
    align-items: flex-start;
    padding: .25rem .25rem .75rem;
}

.cps-lane-title,
.cps-lane-subtitle { display: block; }

.cps-lane-title {
    color: var(--text-primary);
    font-weight: 850;
    letter-spacing: -.02em;
}

.cps-lane-subtitle {
    margin-top: .1rem;
    color: var(--text-muted);
    font-size: .72rem;
}

.cps-lane-count {
    min-width: 1.65rem;
    padding: .12rem .45rem;
    color: var(--text-secondary);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    text-align: center;
    font-size: .76rem;
    font-weight: 850;
}

.cps-lane-list {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.cps-work-card {
    width: 100%;
    display: block;
    padding: .85rem;
    text-align: left;
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-xl) !important;
    box-shadow: var(--shadow-xs);
}

.cps-work-card:hover {
    border-color: rgba(124, 58, 237, .34);
    box-shadow: var(--shadow-sm);
}

.cps-work-card--risk { border-left: 4px solid var(--danger); }

.cps-work-card strong {
    display: block;
    margin-top: .65rem;
    color: var(--text-primary);
    font-size: .92rem;
    line-height: 1.25;
}

.cps-work-card p {
    margin: .3rem 0 .65rem;
    color: var(--text-secondary);
    font-size: .8rem;
}

.cps-work-meta {
    color: var(--text-muted);
    font-size: .72rem;
}

.cps-work-meta span {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.cps-chip,
.cps-status {
    display: inline-flex;
    align-items: center;
    border-radius: var(--r-full);
    font-size: .68rem;
    font-weight: 850;
    line-height: 1;
    padding: .28rem .5rem;
}

.cps-tone-blue { background: rgba(35, 109, 255, .12); color: var(--brand-700); }
.cps-tone-violet { background: rgba(124, 58, 237, .12); color: #6d28d9; }
.cps-tone-cyan { background: rgba(8, 145, 178, .12); color: #0e7490; }
.cps-tone-amber { background: rgba(217, 119, 6, .13); color: #b45309; }
.cps-tone-red { background: rgba(225, 29, 72, .12); color: #be123c; }
.cps-tone-green { background: rgba(5, 150, 105, .13); color: #047857; }
.cps-tone-neutral { background: var(--surface-muted); color: var(--text-secondary); }

.cps-status-high { background: var(--danger-bg); color: var(--danger); }
.cps-status-medium { background: var(--warning-bg); color: var(--warning); }
.cps-status-low { background: var(--surface-muted); color: var(--text-tertiary); }

.cps-admin-panel {
    position: sticky;
    top: calc(var(--header-h) + 1rem);
    padding: 1rem;
}

.cps-side-empty {
    display: grid;
    place-items: center;
    min-height: 20rem;
    text-align: center;
    color: var(--text-muted);
}

.cps-side-empty i {
    margin-bottom: .65rem;
    color: var(--accent-violet);
    font-size: 2.2rem;
}

.cps-side-empty h3,
.cps-admin-panel h3 {
    margin: .75rem 0 .35rem;
    color: var(--text-primary);
    font-size: 1.15rem;
    letter-spacing: -.03em;
}

.cps-admin-panel p { color: var(--text-secondary); }

.cps-detail-list {
    display: grid;
    gap: .55rem;
    margin: 1rem 0;
}

.cps-detail-list div {
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr);
    gap: .75rem;
    padding: .65rem .75rem;
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: var(--r-lg);
}

.cps-detail-list dt {
    color: var(--text-muted);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.cps-detail-list dd {
    margin: 0;
    color: var(--text-primary);
    font-weight: 700;
}

.cps-policy-card {
    display: grid;
    gap: .45rem;
    padding: .85rem;
    margin-bottom: 1rem;
    background: var(--info-bg);
    border: 1px solid rgba(124, 58, 237, .18);
    border-radius: var(--r-xl);
}

.cps-policy-card strong { color: var(--text-primary); }

.cps-policy-card span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--text-secondary);
    font-size: .78rem;
}

.cps-module-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-top: 1rem;
}

.cps-module-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
    color: inherit;
    text-align: left;
}

.cps-module-card:hover {
    border-color: rgba(124, 58, 237, .34);
    box-shadow: var(--shadow-md);
}

.cps-module-content {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.cps-module-content strong {
    color: var(--text-primary);
    font-size: .92rem;
}

.cps-module-content small {
    color: var(--text-muted);
    font-size: .76rem;
    line-height: 1.35;
}

.cps-module-arrow {
    margin-left: auto;
    color: var(--text-muted);
}

.cps-empty-mini {
    display: grid;
    place-items: center;
    min-height: 5rem;
    color: var(--text-muted);
    border: 1px dashed var(--border-dark);
    border-radius: var(--r-lg);
    font-size: .78rem;
}

/* ── Marketing Setup tenant admin workflow ─────────────── */
.mktcfg-hero,
.mktcfg-command-bar,
.mktcfg-admin-panel,
.mktcfg-lane,
.mktcfg-module-card,
.mktcfg-kpi-card {
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(203, 213, 225, .72);
    border-radius: var(--r-2xl);
    box-shadow: var(--shadow-sm);
}

.theme-dark .mktcfg-hero,
.theme-dark .mktcfg-command-bar,
.theme-dark .mktcfg-admin-panel,
.theme-dark .mktcfg-lane,
.theme-dark .mktcfg-module-card,
.theme-dark .mktcfg-kpi-card {
    background: rgba(16, 26, 43, .88);
    border-color: rgba(148, 163, 184, .18);
}

.mktcfg-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: center;
    padding: clamp(1.25rem, 2vw, 1.75rem);
    margin-bottom: 1rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .88)),
        radial-gradient(circle at 90% 8%, rgba(217, 119, 6, .13), transparent 20rem);
}

.theme-dark .mktcfg-hero {
    background:
        linear-gradient(135deg, rgba(16, 26, 43, .96), rgba(12, 22, 38, .86)),
        radial-gradient(circle at 90% 8%, rgba(217, 119, 6, .20), transparent 20rem);
}

.mktcfg-eyebrow {
    display: inline-flex;
    margin-bottom: .45rem;
    color: var(--warning);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.mktcfg-hero h2 {
    margin: 0;
    font-size: clamp(1.6rem, 3vw, 2.35rem);
    font-weight: 850;
}

.mktcfg-hero p {
    max-width: 72ch;
    margin: .5rem 0 0;
    color: var(--text-secondary);
    font-size: .96rem;
}

.mktcfg-hero-grid,
.mktcfg-pill-group,
.mktcfg-detail-actions {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
}

.mktcfg-quick-action {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .65rem .8rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-md) !important;
    font-weight: 750;
    box-shadow: var(--shadow-xs);
}

.mktcfg-quick-action:hover {
    color: var(--warning);
    border-color: rgba(217, 119, 6, .32);
    background: var(--surface-hover);
}

.mktcfg-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-bottom: 1rem;
}

.mktcfg-kpi-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
}

.mktcfg-kpi-card strong {
    display: block;
    color: var(--text-primary);
    font-size: 1.55rem;
    line-height: 1;
    letter-spacing: -.045em;
}

.mktcfg-kpi-card span,
.mktcfg-kpi-card small { display: block; }

.mktcfg-kpi-card span {
    margin-top: .15rem;
    color: var(--text-secondary);
    font-weight: 800;
}

.mktcfg-kpi-card small {
    margin-top: .15rem;
    color: var(--text-muted);
    font-size: .75rem;
}

.mktcfg-kpi-icon,
.mktcfg-module-icon {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: var(--r-lg);
    font-size: 1.1rem;
}

.mktcfg-command-bar {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .85rem;
    margin-bottom: 1rem;
}

.mktcfg-search-wrap {
    position: relative;
    flex: 1 1 24rem;
}

.mktcfg-search-wrap i {
    position: absolute;
    left: .85rem;
    top: 50%;
    color: var(--text-muted);
    transform: translateY(-50%);
    pointer-events: none;
}

.mktcfg-search-wrap input {
    width: 100%;
    padding-left: 2.35rem;
}

.mktcfg-pill {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.2rem;
    padding: .48rem .75rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-full) !important;
    font-size: .78rem;
    font-weight: 800;
}

.mktcfg-pill span {
    min-width: 1.35rem;
    padding: .05rem .4rem;
    color: var(--text-muted);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    font-size: .7rem;
}

.mktcfg-pill--active {
    color: #fff;
    background: linear-gradient(135deg, var(--warning), var(--brand-500));
    border-color: transparent;
    box-shadow: 0 10px 22px rgba(217, 119, 6, .20);
}

.mktcfg-pill--active span {
    color: #fff;
    background: rgba(255, 255, 255, .20);
}

.mktcfg-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 24rem);
    gap: 1rem;
    align-items: start;
}

.mktcfg-flow {
    display: grid;
    grid-template-columns: repeat(5, minmax(15rem, 1fr));
    gap: .85rem;
    overflow-x: auto;
    padding-bottom: .25rem;
}

.mktcfg-lane {
    min-width: 15rem;
    padding: .75rem;
}

.mktcfg-lane-header,
.mktcfg-work-topline,
.mktcfg-work-meta,
.mktcfg-detail-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.mktcfg-lane-header {
    align-items: flex-start;
    padding: .25rem .25rem .75rem;
}

.mktcfg-lane-title,
.mktcfg-lane-subtitle { display: block; }

.mktcfg-lane-title {
    color: var(--text-primary);
    font-weight: 850;
    letter-spacing: -.02em;
}

.mktcfg-lane-subtitle {
    margin-top: .1rem;
    color: var(--text-muted);
    font-size: .72rem;
}

.mktcfg-lane-count {
    min-width: 1.65rem;
    padding: .12rem .45rem;
    color: var(--text-secondary);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    text-align: center;
    font-size: .76rem;
    font-weight: 850;
}

.mktcfg-lane-list {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.mktcfg-work-card {
    width: 100%;
    display: block;
    padding: .85rem;
    text-align: left;
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-xl) !important;
    box-shadow: var(--shadow-xs);
}

.mktcfg-work-card:hover {
    border-color: rgba(217, 119, 6, .34);
    box-shadow: var(--shadow-sm);
}

.mktcfg-work-card--risk { border-left: 4px solid var(--danger); }

.mktcfg-work-card strong {
    display: block;
    margin-top: .65rem;
    color: var(--text-primary);
    font-size: .92rem;
    line-height: 1.25;
}

.mktcfg-work-card p {
    margin: .3rem 0 .65rem;
    color: var(--text-secondary);
    font-size: .8rem;
}

.mktcfg-work-meta {
    color: var(--text-muted);
    font-size: .72rem;
}

.mktcfg-work-meta span {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.mktcfg-chip,
.mktcfg-status {
    display: inline-flex;
    align-items: center;
    border-radius: var(--r-full);
    font-size: .68rem;
    font-weight: 850;
    line-height: 1;
    padding: .28rem .5rem;
}

.mktcfg-tone-blue { background: rgba(35, 109, 255, .12); color: var(--brand-700); }
.mktcfg-tone-violet { background: rgba(124, 58, 237, .12); color: #6d28d9; }
.mktcfg-tone-cyan { background: rgba(8, 145, 178, .12); color: #0e7490; }
.mktcfg-tone-amber { background: rgba(217, 119, 6, .13); color: #b45309; }
.mktcfg-tone-red { background: rgba(225, 29, 72, .12); color: #be123c; }
.mktcfg-tone-green { background: rgba(5, 150, 105, .13); color: #047857; }
.mktcfg-tone-neutral { background: var(--surface-muted); color: var(--text-secondary); }

.mktcfg-status-high { background: var(--danger-bg); color: var(--danger); }
.mktcfg-status-medium { background: var(--warning-bg); color: var(--warning); }
.mktcfg-status-low { background: var(--surface-muted); color: var(--text-tertiary); }

.mktcfg-admin-panel {
    position: sticky;
    top: calc(var(--header-h) + 1rem);
    padding: 1rem;
}

.mktcfg-side-empty {
    display: grid;
    place-items: center;
    min-height: 20rem;
    text-align: center;
    color: var(--text-muted);
}

.mktcfg-side-empty i {
    margin-bottom: .65rem;
    color: var(--warning);
    font-size: 2.2rem;
}

.mktcfg-side-empty h3,
.mktcfg-admin-panel h3 {
    margin: .75rem 0 .35rem;
    color: var(--text-primary);
    font-size: 1.15rem;
    letter-spacing: -.03em;
}

.mktcfg-admin-panel p { color: var(--text-secondary); }

.mktcfg-detail-list {
    display: grid;
    gap: .55rem;
    margin: 1rem 0;
}

.mktcfg-detail-list div {
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr);
    gap: .75rem;
    padding: .65rem .75rem;
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: var(--r-lg);
}

.mktcfg-detail-list dt {
    color: var(--text-muted);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.mktcfg-detail-list dd {
    margin: 0;
    color: var(--text-primary);
    font-weight: 700;
}

.mktcfg-policy-card {
    display: grid;
    gap: .45rem;
    padding: .85rem;
    margin-bottom: 1rem;
    background: var(--warning-bg);
    border: 1px solid rgba(217, 119, 6, .18);
    border-radius: var(--r-xl);
}

.mktcfg-policy-card strong { color: var(--text-primary); }

.mktcfg-policy-card span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--text-secondary);
    font-size: .78rem;
}

.mktcfg-module-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-top: 1rem;
}

.mktcfg-module-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
    color: inherit;
    text-align: left;
}

.mktcfg-module-card:hover {
    border-color: rgba(217, 119, 6, .34);
    box-shadow: var(--shadow-md);
}

.mktcfg-module-content {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.mktcfg-module-content strong {
    color: var(--text-primary);
    font-size: .92rem;
}

.mktcfg-module-content small {
    color: var(--text-muted);
    font-size: .76rem;
    line-height: 1.35;
}

.mktcfg-module-arrow {
    margin-left: auto;
    color: var(--text-muted);
}

.mktcfg-empty-mini {
    display: grid;
    place-items: center;
    min-height: 5rem;
    color: var(--text-muted);
    border: 1px dashed var(--border-dark);
    border-radius: var(--r-lg);
    font-size: .78rem;
}

/* ── Commission Setup tenant admin workflow ────────────── */
.commcfg-hero,
.commcfg-command-bar,
.commcfg-admin-panel,
.commcfg-lane,
.commcfg-module-card,
.commcfg-kpi-card {
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(203, 213, 225, .72);
    border-radius: var(--r-2xl);
    box-shadow: var(--shadow-sm);
}

.theme-dark .commcfg-hero,
.theme-dark .commcfg-command-bar,
.theme-dark .commcfg-admin-panel,
.theme-dark .commcfg-lane,
.theme-dark .commcfg-module-card,
.theme-dark .commcfg-kpi-card {
    background: rgba(16, 26, 43, .88);
    border-color: rgba(148, 163, 184, .18);
}

.commcfg-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: center;
    padding: clamp(1.25rem, 2vw, 1.75rem);
    margin-bottom: 1rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .88)),
        radial-gradient(circle at 90% 8%, rgba(5, 150, 105, .13), transparent 20rem);
}

.theme-dark .commcfg-hero {
    background:
        linear-gradient(135deg, rgba(16, 26, 43, .96), rgba(12, 22, 38, .86)),
        radial-gradient(circle at 90% 8%, rgba(5, 150, 105, .20), transparent 20rem);
}

.commcfg-eyebrow {
    display: inline-flex;
    margin-bottom: .45rem;
    color: var(--accent-emerald);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.commcfg-hero h2 {
    margin: 0;
    font-size: clamp(1.6rem, 3vw, 2.35rem);
    font-weight: 850;
}

.commcfg-hero p {
    max-width: 72ch;
    margin: .5rem 0 0;
    color: var(--text-secondary);
    font-size: .96rem;
}

.commcfg-hero-grid,
.commcfg-pill-group,
.commcfg-detail-actions {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
}

.commcfg-quick-action {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .65rem .8rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-md) !important;
    font-weight: 750;
    box-shadow: var(--shadow-xs);
}

.commcfg-quick-action:hover {
    color: var(--accent-emerald);
    border-color: rgba(5, 150, 105, .32);
    background: var(--surface-hover);
}

.commcfg-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-bottom: 1rem;
}

.commcfg-kpi-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
}

.commcfg-kpi-card strong {
    display: block;
    color: var(--text-primary);
    font-size: 1.55rem;
    line-height: 1;
    letter-spacing: -.045em;
}

.commcfg-kpi-card span,
.commcfg-kpi-card small { display: block; }

.commcfg-kpi-card span {
    margin-top: .15rem;
    color: var(--text-secondary);
    font-weight: 800;
}

.commcfg-kpi-card small {
    margin-top: .15rem;
    color: var(--text-muted);
    font-size: .75rem;
}

.commcfg-kpi-icon,
.commcfg-module-icon {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: var(--r-lg);
    font-size: 1.1rem;
}

.commcfg-command-bar {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .85rem;
    margin-bottom: 1rem;
}

.commcfg-search-wrap {
    position: relative;
    flex: 1 1 24rem;
}

.commcfg-search-wrap i {
    position: absolute;
    left: .85rem;
    top: 50%;
    color: var(--text-muted);
    transform: translateY(-50%);
    pointer-events: none;
}

.commcfg-search-wrap input {
    width: 100%;
    padding-left: 2.35rem;
}

.commcfg-pill {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.2rem;
    padding: .48rem .75rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-full) !important;
    font-size: .78rem;
    font-weight: 800;
}

.commcfg-pill span {
    min-width: 1.35rem;
    padding: .05rem .4rem;
    color: var(--text-muted);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    font-size: .7rem;
}

.commcfg-pill--active {
    color: #fff;
    background: linear-gradient(135deg, var(--accent-emerald), var(--brand-500));
    border-color: transparent;
    box-shadow: 0 10px 22px rgba(5, 150, 105, .20);
}

.commcfg-pill--active span {
    color: #fff;
    background: rgba(255, 255, 255, .20);
}

.commcfg-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 24rem);
    gap: 1rem;
    align-items: start;
}

.commcfg-flow {
    display: grid;
    grid-template-columns: repeat(5, minmax(15rem, 1fr));
    gap: .85rem;
    overflow-x: auto;
    padding-bottom: .25rem;
}

.commcfg-lane {
    min-width: 15rem;
    padding: .75rem;
}

.commcfg-lane-header,
.commcfg-work-topline,
.commcfg-work-meta,
.commcfg-detail-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.commcfg-lane-header {
    align-items: flex-start;
    padding: .25rem .25rem .75rem;
}

.commcfg-lane-title,
.commcfg-lane-subtitle { display: block; }

.commcfg-lane-title {
    color: var(--text-primary);
    font-weight: 850;
    letter-spacing: -.02em;
}

.commcfg-lane-subtitle {
    margin-top: .1rem;
    color: var(--text-muted);
    font-size: .72rem;
}

.commcfg-lane-count {
    min-width: 1.65rem;
    padding: .12rem .45rem;
    color: var(--text-secondary);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    text-align: center;
    font-size: .76rem;
    font-weight: 850;
}

.commcfg-lane-list {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.commcfg-work-card {
    width: 100%;
    display: block;
    padding: .85rem;
    text-align: left;
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-xl) !important;
    box-shadow: var(--shadow-xs);
}

.commcfg-work-card:hover {
    border-color: rgba(5, 150, 105, .34);
    box-shadow: var(--shadow-sm);
}

.commcfg-work-card--risk { border-left: 4px solid var(--danger); }

.commcfg-work-card strong {
    display: block;
    margin-top: .65rem;
    color: var(--text-primary);
    font-size: .92rem;
    line-height: 1.25;
}

.commcfg-work-card p {
    margin: .3rem 0 .65rem;
    color: var(--text-secondary);
    font-size: .8rem;
}

.commcfg-work-meta {
    color: var(--text-muted);
    font-size: .72rem;
}

.commcfg-work-meta span {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.commcfg-chip,
.commcfg-status {
    display: inline-flex;
    align-items: center;
    border-radius: var(--r-full);
    font-size: .68rem;
    font-weight: 850;
    line-height: 1;
    padding: .28rem .5rem;
}

.commcfg-tone-blue { background: rgba(35, 109, 255, .12); color: var(--brand-700); }
.commcfg-tone-violet { background: rgba(124, 58, 237, .12); color: #6d28d9; }
.commcfg-tone-cyan { background: rgba(8, 145, 178, .12); color: #0e7490; }
.commcfg-tone-amber { background: rgba(217, 119, 6, .13); color: #b45309; }
.commcfg-tone-red { background: rgba(225, 29, 72, .12); color: #be123c; }
.commcfg-tone-green { background: rgba(5, 150, 105, .13); color: #047857; }
.commcfg-tone-neutral { background: var(--surface-muted); color: var(--text-secondary); }

.commcfg-status-high { background: var(--danger-bg); color: var(--danger); }
.commcfg-status-medium { background: var(--warning-bg); color: var(--warning); }
.commcfg-status-low { background: var(--surface-muted); color: var(--text-tertiary); }

.commcfg-admin-panel {
    position: sticky;
    top: calc(var(--header-h) + 1rem);
    padding: 1rem;
}

.commcfg-side-empty {
    display: grid;
    place-items: center;
    min-height: 20rem;
    text-align: center;
    color: var(--text-muted);
}

.commcfg-side-empty i {
    margin-bottom: .65rem;
    color: var(--accent-emerald);
    font-size: 2.2rem;
}

.commcfg-side-empty h3,
.commcfg-admin-panel h3 {
    margin: .75rem 0 .35rem;
    color: var(--text-primary);
    font-size: 1.15rem;
    letter-spacing: -.03em;
}

.commcfg-admin-panel p { color: var(--text-secondary); }

.commcfg-detail-list {
    display: grid;
    gap: .55rem;
    margin: 1rem 0;
}

.commcfg-detail-list div {
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr);
    gap: .75rem;
    padding: .65rem .75rem;
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: var(--r-lg);
}

.commcfg-detail-list dt {
    color: var(--text-muted);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.commcfg-detail-list dd {
    margin: 0;
    color: var(--text-primary);
    font-weight: 700;
}

.commcfg-policy-card {
    display: grid;
    gap: .45rem;
    padding: .85rem;
    margin-bottom: 1rem;
    background: var(--success-bg);
    border: 1px solid rgba(5, 150, 105, .18);
    border-radius: var(--r-xl);
}

.commcfg-policy-card strong { color: var(--text-primary); }

.commcfg-policy-card span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--text-secondary);
    font-size: .78rem;
}

.commcfg-module-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-top: 1rem;
}

.commcfg-module-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
    color: inherit;
    text-align: left;
}

.commcfg-module-card:hover {
    border-color: rgba(5, 150, 105, .34);
    box-shadow: var(--shadow-md);
}

.commcfg-module-content {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.commcfg-module-content strong {
    color: var(--text-primary);
    font-size: .92rem;
}

.commcfg-module-content small {
    color: var(--text-muted);
    font-size: .76rem;
    line-height: 1.35;
}

.commcfg-module-arrow {
    margin-left: auto;
    color: var(--text-muted);
}

.commcfg-admin-panel .commcfg-module-grid {
    grid-template-columns: 1fr;
    gap: .65rem;
}

.commcfg-admin-panel .commcfg-module-card {
    width: 100%;
    min-width: 0;
    padding: .85rem;
    border-radius: var(--r-xl) !important;
}

.commcfg-admin-panel .commcfg-module-icon {
    width: 2.35rem;
    height: 2.35rem;
}

.commcfg-admin-panel .commcfg-module-content strong,
.commcfg-admin-panel .commcfg-module-content small {
    overflow-wrap: anywhere;
}

.commcfg-empty-mini {
    display: grid;
    place-items: center;
    min-height: 5rem;
    color: var(--text-muted);
    border: 1px dashed var(--border-dark);
    border-radius: var(--r-lg);
    font-size: .78rem;
}

/* ── Billing & Accounting Setup tenant admin workflow ─── */
.billcfg-hero,
.billcfg-command-bar,
.billcfg-admin-panel,
.billcfg-lane,
.billcfg-module-card,
.billcfg-kpi-card {
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(203, 213, 225, .72);
    border-radius: var(--r-2xl);
    box-shadow: var(--shadow-sm);
}

.theme-dark .billcfg-hero,
.theme-dark .billcfg-command-bar,
.theme-dark .billcfg-admin-panel,
.theme-dark .billcfg-lane,
.theme-dark .billcfg-module-card,
.theme-dark .billcfg-kpi-card {
    background: rgba(16, 26, 43, .88);
    border-color: rgba(148, 163, 184, .18);
}

.billcfg-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: center;
    padding: clamp(1.25rem, 2vw, 1.75rem);
    margin-bottom: 1rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .88)),
        radial-gradient(circle at 90% 8%, rgba(35, 109, 255, .13), transparent 20rem);
}

.theme-dark .billcfg-hero {
    background:
        linear-gradient(135deg, rgba(16, 26, 43, .96), rgba(12, 22, 38, .86)),
        radial-gradient(circle at 90% 8%, rgba(35, 109, 255, .20), transparent 20rem);
}

.billcfg-eyebrow {
    display: inline-flex;
    margin-bottom: .45rem;
    color: var(--brand-600);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.billcfg-hero h2 {
    margin: 0;
    font-size: clamp(1.6rem, 3vw, 2.35rem);
    font-weight: 850;
}

.billcfg-hero p {
    max-width: 72ch;
    margin: .5rem 0 0;
    color: var(--text-secondary);
    font-size: .96rem;
}

.billcfg-hero-grid,
.billcfg-pill-group,
.billcfg-detail-actions {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
}

.billcfg-quick-action {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .65rem .8rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-md) !important;
    font-weight: 750;
    box-shadow: var(--shadow-xs);
}

.billcfg-quick-action:hover {
    color: var(--brand-600);
    border-color: rgba(35, 109, 255, .32);
    background: var(--surface-hover);
}

.billcfg-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-bottom: 1rem;
}

.billcfg-kpi-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
}

.billcfg-kpi-card strong {
    display: block;
    color: var(--text-primary);
    font-size: 1.55rem;
    line-height: 1;
    letter-spacing: -.045em;
}

.billcfg-kpi-card span,
.billcfg-kpi-card small { display: block; }

.billcfg-kpi-card span {
    margin-top: .15rem;
    color: var(--text-secondary);
    font-weight: 800;
}

.billcfg-kpi-card small {
    margin-top: .15rem;
    color: var(--text-muted);
    font-size: .75rem;
}

.billcfg-kpi-icon,
.billcfg-module-icon {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: var(--r-lg);
    font-size: 1.1rem;
}

.billcfg-command-bar {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .85rem;
    margin-bottom: 1rem;
}

.billcfg-search-wrap {
    position: relative;
    flex: 1 1 24rem;
}

.billcfg-search-wrap i {
    position: absolute;
    left: .85rem;
    top: 50%;
    color: var(--text-muted);
    transform: translateY(-50%);
    pointer-events: none;
}

.billcfg-search-wrap input {
    width: 100%;
    padding-left: 2.35rem;
}

.billcfg-pill {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.2rem;
    padding: .48rem .75rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-full) !important;
    font-size: .78rem;
    font-weight: 800;
}

.billcfg-pill span {
    min-width: 1.35rem;
    padding: .05rem .4rem;
    color: var(--text-muted);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    font-size: .7rem;
}

.billcfg-pill--active {
    color: #fff;
    background: linear-gradient(135deg, var(--brand-600), var(--accent-cyan));
    border-color: transparent;
    box-shadow: 0 10px 22px rgba(35, 109, 255, .20);
}

.billcfg-pill--active span {
    color: #fff;
    background: rgba(255, 255, 255, .20);
}

.billcfg-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 24rem);
    gap: 1rem;
    align-items: start;
}

.billcfg-flow {
    display: grid;
    grid-template-columns: repeat(5, minmax(15rem, 1fr));
    gap: .85rem;
    overflow-x: auto;
    padding-bottom: .25rem;
}

.billcfg-lane {
    min-width: 15rem;
    padding: .75rem;
}

.billcfg-lane-header,
.billcfg-work-topline,
.billcfg-work-meta,
.billcfg-detail-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.billcfg-lane-header {
    align-items: flex-start;
    padding: .25rem .25rem .75rem;
}

.billcfg-lane-title,
.billcfg-lane-subtitle { display: block; }

.billcfg-lane-title {
    color: var(--text-primary);
    font-weight: 850;
    letter-spacing: -.02em;
}

.billcfg-lane-subtitle {
    margin-top: .1rem;
    color: var(--text-muted);
    font-size: .72rem;
}

.billcfg-lane-count {
    min-width: 1.65rem;
    padding: .12rem .45rem;
    color: var(--text-secondary);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    text-align: center;
    font-size: .76rem;
    font-weight: 850;
}

.billcfg-lane-list {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.billcfg-work-card {
    width: 100%;
    display: block;
    padding: .85rem;
    text-align: left;
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-xl) !important;
    box-shadow: var(--shadow-xs);
}

.billcfg-work-card:hover {
    border-color: rgba(35, 109, 255, .34);
    box-shadow: var(--shadow-sm);
}

.billcfg-work-card--risk { border-left: 4px solid var(--danger); }

.billcfg-work-card strong {
    display: block;
    margin-top: .65rem;
    color: var(--text-primary);
    font-size: .92rem;
    line-height: 1.25;
}

.billcfg-work-card p {
    margin: .3rem 0 .65rem;
    color: var(--text-secondary);
    font-size: .8rem;
}

.billcfg-work-meta {
    color: var(--text-muted);
    font-size: .72rem;
}

.billcfg-work-meta span {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.billcfg-chip,
.billcfg-status {
    display: inline-flex;
    align-items: center;
    border-radius: var(--r-full);
    font-size: .68rem;
    font-weight: 850;
    line-height: 1;
    padding: .28rem .5rem;
}

.billcfg-tone-blue { background: rgba(35, 109, 255, .12); color: var(--brand-700); }
.billcfg-tone-violet { background: rgba(124, 58, 237, .12); color: #6d28d9; }
.billcfg-tone-cyan { background: rgba(8, 145, 178, .12); color: #0e7490; }
.billcfg-tone-amber { background: rgba(217, 119, 6, .13); color: #b45309; }
.billcfg-tone-red { background: rgba(225, 29, 72, .12); color: #be123c; }
.billcfg-tone-green { background: rgba(5, 150, 105, .13); color: #047857; }
.billcfg-tone-neutral { background: var(--surface-muted); color: var(--text-secondary); }

.billcfg-status-high { background: var(--danger-bg); color: var(--danger); }
.billcfg-status-medium { background: var(--warning-bg); color: var(--warning); }
.billcfg-status-low { background: var(--surface-muted); color: var(--text-tertiary); }

.billcfg-admin-panel {
    position: sticky;
    top: calc(var(--header-h) + 1rem);
    padding: 1rem;
}

.billcfg-side-empty {
    display: grid;
    place-items: center;
    min-height: 20rem;
    text-align: center;
    color: var(--text-muted);
}

.billcfg-side-empty i {
    margin-bottom: .65rem;
    color: var(--brand-600);
    font-size: 2.2rem;
}

.billcfg-side-empty h3,
.billcfg-admin-panel h3 {
    margin: .75rem 0 .35rem;
    color: var(--text-primary);
    font-size: 1.15rem;
    letter-spacing: -.03em;
}

.billcfg-admin-panel p { color: var(--text-secondary); }

.billcfg-detail-list {
    display: grid;
    gap: .55rem;
    margin: 1rem 0;
}

.billcfg-detail-list div {
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr);
    gap: .75rem;
    padding: .65rem .75rem;
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: var(--r-lg);
}

.billcfg-detail-list dt {
    color: var(--text-muted);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.billcfg-detail-list dd {
    margin: 0;
    color: var(--text-primary);
    font-weight: 700;
}

.billcfg-policy-card {
    display: grid;
    gap: .45rem;
    padding: .85rem;
    margin-bottom: 1rem;
    background: var(--info-bg);
    border: 1px solid rgba(35, 109, 255, .18);
    border-radius: var(--r-xl);
}

.billcfg-policy-card strong { color: var(--text-primary); }

.billcfg-policy-card span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--text-secondary);
    font-size: .78rem;
}

.billcfg-module-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-top: 1rem;
}

.billcfg-module-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
    color: inherit;
    text-align: left;
}

.billcfg-module-card:hover {
    border-color: rgba(35, 109, 255, .34);
    box-shadow: var(--shadow-md);
}

.billcfg-module-content {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.billcfg-module-content strong {
    color: var(--text-primary);
    font-size: .92rem;
}

.billcfg-module-content small {
    color: var(--text-muted);
    font-size: .76rem;
    line-height: 1.35;
}

.billcfg-module-arrow {
    margin-left: auto;
    color: var(--text-muted);
}

.billcfg-empty-mini {
    display: grid;
    place-items: center;
    min-height: 5rem;
    color: var(--text-muted);
    border: 1px dashed var(--border-dark);
    border-radius: var(--r-lg);
    font-size: .78rem;
}

/* ── Documents & Forms Setup tenant admin workflow ─────── */
.doccfg-hero,
.doccfg-command-bar,
.doccfg-admin-panel,
.doccfg-lane,
.doccfg-module-card,
.doccfg-kpi-card {
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(203, 213, 225, .72);
    border-radius: var(--r-2xl);
    box-shadow: var(--shadow-sm);
}

.theme-dark .doccfg-hero,
.theme-dark .doccfg-command-bar,
.theme-dark .doccfg-admin-panel,
.theme-dark .doccfg-lane,
.theme-dark .doccfg-module-card,
.theme-dark .doccfg-kpi-card {
    background: rgba(16, 26, 43, .88);
    border-color: rgba(148, 163, 184, .18);
}

.doccfg-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: center;
    padding: clamp(1.25rem, 2vw, 1.75rem);
    margin-bottom: 1rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .88)),
        radial-gradient(circle at 90% 8%, rgba(8, 145, 178, .13), transparent 20rem);
}

.theme-dark .doccfg-hero {
    background:
        linear-gradient(135deg, rgba(16, 26, 43, .96), rgba(12, 22, 38, .86)),
        radial-gradient(circle at 90% 8%, rgba(8, 145, 178, .20), transparent 20rem);
}

.doccfg-eyebrow {
    display: inline-flex;
    margin-bottom: .45rem;
    color: var(--accent-cyan);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.doccfg-hero h2 {
    margin: 0;
    font-size: clamp(1.6rem, 3vw, 2.35rem);
    font-weight: 850;
}

.doccfg-hero p {
    max-width: 72ch;
    margin: .5rem 0 0;
    color: var(--text-secondary);
    font-size: .96rem;
}

.doccfg-hero-grid,
.doccfg-pill-group,
.doccfg-detail-actions {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
}

.doccfg-quick-action {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .65rem .8rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-md) !important;
    font-weight: 750;
    box-shadow: var(--shadow-xs);
}

.doccfg-quick-action:hover {
    color: var(--accent-cyan);
    border-color: rgba(8, 145, 178, .32);
    background: var(--surface-hover);
}

.doccfg-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-bottom: 1rem;
}

.doccfg-kpi-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
    cursor: pointer;
}

.doccfg-kpi-card--active {
    border-color: rgba(8, 145, 178, .42);
    background: linear-gradient(135deg, rgba(8, 145, 178, .10), rgba(59, 130, 246, .08));
    box-shadow: 0 14px 30px rgba(8, 145, 178, .16);
}

.doccfg-kpi-card strong {
    display: block;
    color: var(--text-primary);
    font-size: 1.55rem;
    line-height: 1;
    letter-spacing: -.045em;
}

.doccfg-kpi-card span,
.doccfg-kpi-card small { display: block; }

.doccfg-kpi-card span {
    margin-top: .15rem;
    color: var(--text-secondary);
    font-weight: 800;
}

.doccfg-kpi-card small {
    margin-top: .15rem;
    color: var(--text-muted);
    font-size: .75rem;
}

.doccfg-kpi-icon,
.doccfg-module-icon {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: var(--r-lg);
    font-size: 1.1rem;
}

.doccfg-command-bar {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .85rem;
    margin-bottom: 1rem;
}

.doccfg-search-wrap {
    position: relative;
    flex: 1 1 24rem;
}

.doccfg-search-wrap i {
    position: absolute;
    left: .85rem;
    top: 50%;
    color: var(--text-muted);
    transform: translateY(-50%);
    pointer-events: none;
}

.doccfg-search-wrap input {
    width: 100%;
    padding-left: 2.35rem;
}

.doccfg-pill {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.2rem;
    padding: .48rem .75rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-full) !important;
    font-size: .78rem;
    font-weight: 800;
}

.doccfg-pill span {
    min-width: 1.35rem;
    padding: .05rem .4rem;
    color: var(--text-muted);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    font-size: .7rem;
}

.doccfg-pill--active {
    color: #fff;
    background: linear-gradient(135deg, var(--accent-cyan), var(--brand-500));
    border-color: transparent;
    box-shadow: 0 10px 22px rgba(8, 145, 178, .20);
}

.doccfg-pill--active span {
    color: #fff;
    background: rgba(255, 255, 255, .20);
}

.doccfg-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 24rem);
    gap: 1rem;
    align-items: start;
}

.doccfg-flow {
    display: grid;
    grid-template-columns: repeat(5, minmax(15rem, 1fr));
    gap: .85rem;
    overflow-x: auto;
    padding-bottom: .25rem;
}

.doccfg-lane {
    min-width: 15rem;
    padding: .75rem;
}

.doccfg-lane-header,
.doccfg-work-topline,
.doccfg-work-meta,
.doccfg-detail-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.doccfg-lane-header {
    align-items: flex-start;
    padding: .25rem .25rem .75rem;
}

.doccfg-lane-title,
.doccfg-lane-subtitle { display: block; }

.doccfg-lane-title {
    color: var(--text-primary);
    font-weight: 850;
    letter-spacing: -.02em;
}

.doccfg-lane-subtitle {
    margin-top: .1rem;
    color: var(--text-muted);
    font-size: .72rem;
}

.doccfg-lane-count {
    min-width: 1.65rem;
    padding: .12rem .45rem;
    color: var(--text-secondary);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    text-align: center;
    font-size: .76rem;
    font-weight: 850;
}

.doccfg-lane-list {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.doccfg-work-card {
    width: 100%;
    display: block;
    padding: .85rem;
    text-align: left;
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-xl) !important;
    box-shadow: var(--shadow-xs);
}

.doccfg-work-card:hover {
    border-color: rgba(8, 145, 178, .34);
    box-shadow: var(--shadow-sm);
}

.doccfg-work-card--risk { border-left: 4px solid var(--danger); }

.doccfg-work-card strong {
    display: block;
    margin-top: .65rem;
    color: var(--text-primary);
    font-size: .92rem;
    line-height: 1.25;
}

.doccfg-work-card p {
    margin: .3rem 0 .65rem;
    color: var(--text-secondary);
    font-size: .8rem;
}

.doccfg-work-meta {
    color: var(--text-muted);
    font-size: .72rem;
}

.doccfg-work-meta span {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.doccfg-chip,
.doccfg-status {
    display: inline-flex;
    align-items: center;
    border-radius: var(--r-full);
    font-size: .68rem;
    font-weight: 850;
    line-height: 1;
    padding: .28rem .5rem;
}

.doccfg-tone-blue { background: rgba(35, 109, 255, .12); color: var(--brand-700); }
.doccfg-tone-violet { background: rgba(124, 58, 237, .12); color: #6d28d9; }
.doccfg-tone-cyan { background: rgba(8, 145, 178, .12); color: #0e7490; }
.doccfg-tone-amber { background: rgba(217, 119, 6, .13); color: #b45309; }
.doccfg-tone-red { background: rgba(225, 29, 72, .12); color: #be123c; }
.doccfg-tone-green { background: rgba(5, 150, 105, .13); color: #047857; }
.doccfg-tone-neutral { background: var(--surface-muted); color: var(--text-secondary); }

.doccfg-status-high { background: var(--danger-bg); color: var(--danger); }
.doccfg-status-medium { background: var(--warning-bg); color: var(--warning); }
.doccfg-status-low { background: var(--surface-muted); color: var(--text-tertiary); }

.doccfg-admin-panel {
    position: sticky;
    top: calc(var(--header-h) + 1rem);
    padding: 1rem;
}

.doccfg-side-empty {
    display: grid;
    place-items: center;
    min-height: 20rem;
    text-align: center;
    color: var(--text-muted);
}

.doccfg-side-empty i {
    margin-bottom: .65rem;
    color: var(--accent-cyan);
    font-size: 2.2rem;
}

.doccfg-side-empty h3,
.doccfg-admin-panel h3 {
    margin: .75rem 0 .35rem;
    color: var(--text-primary);
    font-size: 1.15rem;
    letter-spacing: -.03em;
}

.doccfg-admin-panel p { color: var(--text-secondary); }

.doccfg-detail-list {
    display: grid;
    gap: .55rem;
    margin: 1rem 0;
}

.doccfg-detail-list div {
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr);
    gap: .75rem;
    padding: .65rem .75rem;
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: var(--r-lg);
}

.doccfg-detail-list dt {
    color: var(--text-muted);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.doccfg-detail-list dd {
    margin: 0;
    color: var(--text-primary);
    font-weight: 700;
}

.doccfg-policy-card {
    display: grid;
    gap: .45rem;
    padding: .85rem;
    margin-bottom: 1rem;
    background: var(--info-bg);
    border: 1px solid rgba(8, 145, 178, .18);
    border-radius: var(--r-xl);
}

.doccfg-policy-card strong { color: var(--text-primary); }

.doccfg-policy-card span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--text-secondary);
    font-size: .78rem;
}

.doccfg-module-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-top: 1rem;
}

.doccfg-module-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
    color: inherit;
    text-align: left;
}

.doccfg-module-card:hover {
    border-color: rgba(8, 145, 178, .34);
    box-shadow: var(--shadow-md);
}

.doccfg-module-content {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.doccfg-module-content strong {
    color: var(--text-primary);
    font-size: .92rem;
}

.doccfg-module-content small {
    color: var(--text-muted);
    font-size: .76rem;
    line-height: 1.35;
}

.doccfg-module-arrow {
    margin-left: auto;
    color: var(--text-muted);
}

.doccfg-empty-mini {
    display: grid;
    place-items: center;
    min-height: 5rem;
    color: var(--text-muted);
    border: 1px dashed var(--border-dark);
    border-radius: var(--r-lg);
    font-size: .78rem;
}

/* ── Communications Setup tenant admin workflow ────────── */
.comcfg-hero,
.comcfg-command-bar,
.comcfg-admin-panel,
.comcfg-lane,
.comcfg-module-card,
.comcfg-kpi-card {
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(203, 213, 225, .72);
    border-radius: var(--r-2xl);
    box-shadow: var(--shadow-sm);
}

.theme-dark .comcfg-hero,
.theme-dark .comcfg-command-bar,
.theme-dark .comcfg-admin-panel,
.theme-dark .comcfg-lane,
.theme-dark .comcfg-module-card,
.theme-dark .comcfg-kpi-card {
    background: rgba(16, 26, 43, .88);
    border-color: rgba(148, 163, 184, .18);
}

.comcfg-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: center;
    padding: clamp(1.25rem, 2vw, 1.75rem);
    margin-bottom: 1rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .88)),
        radial-gradient(circle at 90% 8%, rgba(124, 58, 237, .13), transparent 20rem);
}

.theme-dark .comcfg-hero {
    background:
        linear-gradient(135deg, rgba(16, 26, 43, .96), rgba(12, 22, 38, .86)),
        radial-gradient(circle at 90% 8%, rgba(124, 58, 237, .20), transparent 20rem);
}

.comcfg-eyebrow {
    display: inline-flex;
    margin-bottom: .45rem;
    color: var(--accent-violet);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.comcfg-hero h2 {
    margin: 0;
    font-size: clamp(1.6rem, 3vw, 2.35rem);
    font-weight: 850;
}

.comcfg-hero p {
    max-width: 72ch;
    margin: .5rem 0 0;
    color: var(--text-secondary);
    font-size: .96rem;
}

.comcfg-hero-grid,
.comcfg-pill-group,
.comcfg-detail-actions {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
}

.comcfg-quick-action {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .65rem .8rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-md) !important;
    font-weight: 750;
    box-shadow: var(--shadow-xs);
}

.comcfg-quick-action:hover {
    color: var(--accent-violet);
    border-color: rgba(124, 58, 237, .32);
    background: var(--surface-hover);
}

.comcfg-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-bottom: 1rem;
}

.comcfg-kpi-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
}

.comcfg-kpi-card strong {
    display: block;
    color: var(--text-primary);
    font-size: 1.55rem;
    line-height: 1;
    letter-spacing: -.045em;
}

.comcfg-kpi-card span,
.comcfg-kpi-card small { display: block; }

.comcfg-kpi-card span {
    margin-top: .15rem;
    color: var(--text-secondary);
    font-weight: 800;
}

.comcfg-kpi-card small {
    margin-top: .15rem;
    color: var(--text-muted);
    font-size: .75rem;
}

.comcfg-kpi-icon,
.comcfg-module-icon {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: var(--r-lg);
    font-size: 1.1rem;
}

.comcfg-command-bar {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .85rem;
    margin-bottom: 1rem;
}

.comcfg-search-wrap {
    position: relative;
    flex: 1 1 24rem;
}

.comcfg-search-wrap i {
    position: absolute;
    left: .85rem;
    top: 50%;
    color: var(--text-muted);
    transform: translateY(-50%);
    pointer-events: none;
}

.comcfg-search-wrap input {
    width: 100%;
    padding-left: 2.35rem;
}

.comcfg-pill {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.2rem;
    padding: .48rem .75rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-full) !important;
    font-size: .78rem;
    font-weight: 800;
}

.comcfg-pill span {
    min-width: 1.35rem;
    padding: .05rem .4rem;
    color: var(--text-muted);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    font-size: .7rem;
}

.comcfg-pill--active {
    color: #fff;
    background: linear-gradient(135deg, var(--accent-violet), var(--brand-500));
    border-color: transparent;
    box-shadow: 0 10px 22px rgba(124, 58, 237, .20);
}

.comcfg-pill--active span {
    color: #fff;
    background: rgba(255, 255, 255, .20);
}

.comcfg-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 24rem);
    gap: 1rem;
    align-items: start;
}

.comcfg-flow {
    display: grid;
    grid-template-columns: repeat(5, minmax(15rem, 1fr));
    gap: .85rem;
    overflow-x: auto;
    padding-bottom: .25rem;
}

.comcfg-lane {
    min-width: 15rem;
    padding: .75rem;
}

.comcfg-lane-header,
.comcfg-work-topline,
.comcfg-work-meta,
.comcfg-detail-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.comcfg-lane-header {
    align-items: flex-start;
    padding: .25rem .25rem .75rem;
}

.comcfg-lane-title,
.comcfg-lane-subtitle { display: block; }

.comcfg-lane-title {
    color: var(--text-primary);
    font-weight: 850;
    letter-spacing: -.02em;
}

.comcfg-lane-subtitle {
    margin-top: .1rem;
    color: var(--text-muted);
    font-size: .72rem;
}

.comcfg-lane-count {
    min-width: 1.65rem;
    padding: .12rem .45rem;
    color: var(--text-secondary);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    text-align: center;
    font-size: .76rem;
    font-weight: 850;
}

.comcfg-lane-list {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.comcfg-work-card {
    width: 100%;
    display: block;
    padding: .85rem;
    text-align: left;
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-xl) !important;
    box-shadow: var(--shadow-xs);
}

.comcfg-work-card:hover {
    border-color: rgba(124, 58, 237, .34);
    box-shadow: var(--shadow-sm);
}

.comcfg-work-card--risk { border-left: 4px solid var(--danger); }

.comcfg-work-card strong {
    display: block;
    margin-top: .65rem;
    color: var(--text-primary);
    font-size: .92rem;
    line-height: 1.25;
}

.comcfg-work-card p {
    margin: .3rem 0 .65rem;
    color: var(--text-secondary);
    font-size: .8rem;
}

.comcfg-work-meta {
    color: var(--text-muted);
    font-size: .72rem;
}

.comcfg-work-meta span {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.comcfg-chip,
.comcfg-status {
    display: inline-flex;
    align-items: center;
    border-radius: var(--r-full);
    font-size: .68rem;
    font-weight: 850;
    line-height: 1;
    padding: .28rem .5rem;
}

.comcfg-tone-blue { background: rgba(35, 109, 255, .12); color: var(--brand-700); }
.comcfg-tone-violet { background: rgba(124, 58, 237, .12); color: #6d28d9; }
.comcfg-tone-cyan { background: rgba(8, 145, 178, .12); color: #0e7490; }
.comcfg-tone-amber { background: rgba(217, 119, 6, .13); color: #b45309; }
.comcfg-tone-red { background: rgba(225, 29, 72, .12); color: #be123c; }
.comcfg-tone-green { background: rgba(5, 150, 105, .13); color: #047857; }
.comcfg-tone-neutral { background: var(--surface-muted); color: var(--text-secondary); }

.comcfg-status-high { background: var(--danger-bg); color: var(--danger); }
.comcfg-status-medium { background: var(--warning-bg); color: var(--warning); }
.comcfg-status-low { background: var(--surface-muted); color: var(--text-tertiary); }

.comcfg-admin-panel {
    position: sticky;
    top: calc(var(--header-h) + 1rem);
    padding: 1rem;
}

.comcfg-side-empty {
    display: grid;
    place-items: center;
    min-height: 20rem;
    text-align: center;
    color: var(--text-muted);
}

.comcfg-side-empty i {
    margin-bottom: .65rem;
    color: var(--accent-violet);
    font-size: 2.2rem;
}

.comcfg-side-empty h3,
.comcfg-admin-panel h3 {
    margin: .75rem 0 .35rem;
    color: var(--text-primary);
    font-size: 1.15rem;
    letter-spacing: -.03em;
}

.comcfg-admin-panel p { color: var(--text-secondary); }

.comcfg-detail-list {

    gap: .55rem;
    margin: 1rem 0;
}

.comcfg-detail-list div {
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr);
    gap: .75rem;
    padding: .65rem .75rem;
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: var(--r-lg);
}

.comcfg-detail-list dt {
    color: var(--text-muted);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.comcfg-detail-list dd {
    margin: 0;
    color: var(--text-primary);
    font-weight: 700;
}

.comcfg-policy-card {
    display: grid;
    gap: .45rem;
    padding: .85rem;
    margin-bottom: 1rem;
    background: var(--info-bg);
    border: 1px solid rgba(124, 58, 237, .18);
    border-radius: var(--r-xl);
}

.comcfg-policy-card strong { color: var(--text-primary); }

.comcfg-policy-card span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--text-secondary);
    font-size: .78rem;
}

.comcfg-module-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-top: 1rem;
}

.comcfg-module-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
    color: inherit;
    text-align: left;
}

.comcfg-module-card:hover {
    border-color: rgba(124, 58, 237, .34);
    box-shadow: var(--shadow-md);
}

.comcfg-module-content {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.comcfg-module-content strong {
    color: var(--text-primary);
    font-size: .92rem;
}

.comcfg-module-content small {
    color: var(--text-muted);
    font-size: .76rem;
    line-height: 1.35;
}

.comcfg-module-arrow {
    margin-left: auto;
    color: var(--text-muted);
}

.comcfg-empty-mini {
    display: grid;
    place-items: center;
    min-height: 5rem;
    color: var(--text-muted);
    border: 1px dashed var(--border-dark);
    border-radius: var(--r-lg);
    font-size: .78rem;
}

/* ── Workflow & SLA tenant admin workflow ──────────────── */
.wfslacfg-hero,
.wfslacfg-command-bar,
.wfslacfg-admin-panel,
.wfslacfg-lane,
.wfslacfg-module-card,
.wfslacfg-kpi-card {
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(203, 213, 225, .72);
    border-radius: var(--r-2xl);
    box-shadow: var(--shadow-sm);
}

.theme-dark .wfslacfg-hero,
.theme-dark .wfslacfg-command-bar,
.theme-dark .wfslacfg-admin-panel,
.theme-dark .wfslacfg-lane,
.theme-dark .wfslacfg-module-card,
.theme-dark .wfslacfg-kpi-card {
    background: rgba(16, 26, 43, .88);
    border-color: rgba(148, 163, 184, .18);
}

.wfslacfg-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: center;
    padding: clamp(1.25rem, 2vw, 1.75rem);
    margin-bottom: 1rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .88)),
        radial-gradient(circle at 90% 8%, rgba(35, 109, 255, .13), transparent 20rem);
}

.theme-dark .wfslacfg-hero {
    background:
        linear-gradient(135deg, rgba(16, 26, 43, .96), rgba(12, 22, 38, .86)),
        radial-gradient(circle at 90% 8%, rgba(35, 109, 255, .20), transparent 20rem);
}

.wfslacfg-eyebrow {
    display: inline-flex;
    margin-bottom: .45rem;
    color: var(--brand-600);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.wfslacfg-hero h2 {
    margin: 0;
    font-size: clamp(1.6rem, 3vw, 2.35rem);
    font-weight: 850;
}

.wfslacfg-hero p {
    max-width: 72ch;
    margin: .5rem 0 0;
    color: var(--text-secondary);
    font-size: .96rem;
}

.wfslacfg-hero-grid,
.wfslacfg-pill-group,
.wfslacfg-detail-actions {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
}

.wfslacfg-quick-action {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .65rem .8rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-md) !important;
    font-weight: 750;
    box-shadow: var(--shadow-xs);
}

.wfslacfg-quick-action:hover {
    color: var(--brand-600);
    border-color: rgba(35, 109, 255, .32);
    background: var(--surface-hover);
}

.wfslacfg-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-bottom: 1rem;
}

.wfslacfg-kpi-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
}

.wfslacfg-kpi-card strong {
    display: block;
    color: var(--text-primary);
    font-size: 1.55rem;
    line-height: 1;
    letter-spacing: -.045em;
}

.wfslacfg-kpi-card span,
.wfslacfg-kpi-card small { display: block; }

.wfslacfg-kpi-card span {
    margin-top: .15rem;
    color: var(--text-secondary);
    font-weight: 800;
}

.wfslacfg-kpi-card small {
    margin-top: .15rem;
    color: var(--text-muted);
    font-size: .75rem;
}

.wfslacfg-kpi-icon,
.wfslacfg-module-icon {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: var(--r-lg);
    font-size: 1.1rem;
}

.wfslacfg-command-bar {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .85rem;
    margin-bottom: 1rem;
}

.wfslacfg-search-wrap {
    position: relative;
    flex: 1 1 24rem;
}

.wfslacfg-search-wrap i {
    position: absolute;
    left: .85rem;
    top: 50%;
    color: var(--text-muted);
    transform: translateY(-50%);
    pointer-events: none;
}

.wfslacfg-search-wrap input {
    width: 100%;
    padding-left: 2.35rem;
}

.wfslacfg-pill {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.2rem;
    padding: .48rem .75rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-full) !important;
    font-size: .78rem;
    font-weight: 800;
}

.wfslacfg-pill span {
    min-width: 1.35rem;
    padding: .05rem .4rem;
    color: var(--text-muted);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    font-size: .7rem;
}

.wfslacfg-pill--active {
    color: #fff;
    background: linear-gradient(135deg, var(--brand-600), var(--accent-cyan));
    border-color: transparent;
    box-shadow: 0 10px 22px rgba(35, 109, 255, .20);
}

.wfslacfg-pill--active span {
    color: #fff;
    background: rgba(255, 255, 255, .20);
}

.wfslacfg-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 24rem);
    gap: 1rem;
    align-items: start;
}

.wfslacfg-flow {
    display: grid;
    grid-template-columns: repeat(5, minmax(15rem, 1fr));
    gap: .85rem;
    overflow-x: auto;
    padding-bottom: .25rem;
}

.wfslacfg-lane {
    min-width: 15rem;
    padding: .75rem;
}

.wfslacfg-lane-header,
.wfslacfg-work-topline,
.wfslacfg-work-meta,
.wfslacfg-detail-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.wfslacfg-lane-header {
    align-items: flex-start;
    padding: .25rem .25rem .75rem;
}

.wfslacfg-lane-title,
.wfslacfg-lane-subtitle { display: block; }

.wfslacfg-lane-title {
    color: var(--text-primary);
    font-weight: 850;
    letter-spacing: -.02em;
}

.wfslacfg-lane-subtitle {
    margin-top: .1rem;
    color: var(--text-muted);
    font-size: .72rem;
}

.wfslacfg-lane-count {
    min-width: 1.65rem;
    padding: .12rem .45rem;
    color: var(--text-secondary);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    text-align: center;
    font-size: .76rem;
    font-weight: 850;
}

.wfslacfg-lane-list {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.wfslacfg-work-card {
    width: 100%;
    display: block;
    padding: .85rem;
    text-align: left;
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-xl) !important;
    box-shadow: var(--shadow-xs);
}

.wfslacfg-work-card:hover {
    border-color: rgba(35, 109, 255, .34);
    box-shadow: var(--shadow-sm);
}

.wfslacfg-work-card--risk { border-left: 4px solid var(--danger); }

.wfslacfg-work-card strong {
    display: block;
    margin-top: .65rem;
    color: var(--text-primary);
    font-size: .92rem;
    line-height: 1.25;
}

.wfslacfg-work-card p {
    margin: .3rem 0 .65rem;
    color: var(--text-secondary);
    font-size: .8rem;
}

.wfslacfg-work-meta {
    color: var(--text-muted);
    font-size: .72rem;
}

.wfslacfg-work-meta span {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.wfslacfg-chip,
.wfslacfg-status {
    display: inline-flex;
    align-items: center;
    border-radius: var(--r-full);
    font-size: .68rem;
    font-weight: 850;
    line-height: 1;
    padding: .28rem .5rem;
}

.wfslacfg-tone-blue { background: rgba(35, 109, 255, .12); color: var(--brand-700); }
.wfslacfg-tone-violet { background: rgba(124, 58, 237, .12); color: #6d28d9; }
.wfslacfg-tone-cyan { background: rgba(8, 145, 178, .12); color: #0e7490; }
.wfslacfg-tone-amber { background: rgba(217, 119, 6, .13); color: #b45309; }
.wfslacfg-tone-red { background: rgba(225, 29, 72, .12); color: #be123c; }
.wfslacfg-tone-green { background: rgba(5, 150, 105, .13); color: #047857; }
.wfslacfg-tone-neutral { background: var(--surface-muted); color: var(--text-secondary); }

.wfslacfg-status-high { background: var(--danger-bg); color: var(--danger); }
.wfslacfg-status-medium { background: var(--warning-bg); color: var(--warning); }
.wfslacfg-status-low { background: var(--surface-muted); color: var(--text-tertiary); }

.wfslacfg-admin-panel {
    position: sticky;
    top: calc(var(--header-h) + 1rem);
    padding: 1rem;
}

.wfslacfg-side-empty {
    display: grid;
    place-items: center;
    min-height: 20rem;
    text-align: center;
    color: var(--text-muted);
}

.wfslacfg-side-empty i {
    margin-bottom: .65rem;
    color: var(--brand-600);
    font-size: 2.2rem;
}

.wfslacfg-side-empty h3,
.wfslacfg-admin-panel h3 {
    margin: .75rem 0 .35rem;
    color: var(--text-primary);
    font-size: 1.15rem;
    letter-spacing: -.03em;
}

.wfslacfg-admin-panel p { color: var(--text-secondary); }

.wfslacfg-detail-list {
    display: grid;
    gap: .55rem;
    margin: 1rem 0;
}

.wfslacfg-detail-list div {
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr);
    gap: .75rem;
    padding: .65rem .75rem;
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: var(--r-lg);
}

.wfslacfg-detail-list dt {
    color: var(--text-muted);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.wfslacfg-detail-list dd {
    margin: 0;
    color: var(--text-primary);
    font-weight: 700;
}

.wfslacfg-policy-card {
    display: grid;
    gap: .45rem;
    padding: .85rem;
    margin-bottom: 1rem;
    background: var(--info-bg);
    border: 1px solid rgba(35, 109, 255, .18);
    border-radius: var(--r-xl);
}

.wfslacfg-policy-card strong { color: var(--text-primary); }

.wfslacfg-policy-card span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--text-secondary);
    font-size: .78rem;
}

.wfslacfg-module-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-top: 1rem;
}

.wfslacfg-module-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
    color: inherit;
    text-align: left;
}

.wfslacfg-module-card:hover {
    border-color: rgba(35, 109, 255, .34);
    box-shadow: var(--shadow-md);
}

.wfslacfg-module-content {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.wfslacfg-module-content strong {
    color: var(--text-primary);
    font-size: .92rem;
}

.wfslacfg-module-content small {
    color: var(--text-muted);
    font-size: .76rem;
    line-height: 1.35;
}

.wfslacfg-module-arrow {
    margin-left: auto;
    color: var(--text-muted);
}

.wfslacfg-empty-mini {
    display: grid;
    place-items: center;
    min-height: 5rem;
    color: var(--text-muted);
    border: 1px dashed var(--border-dark);
    border-radius: var(--r-lg);
    font-size: .78rem;
}

/* ── Tenant Settings & Support tenant admin workflow ───── */
.tset-hero,
.tset-command-bar,
.tset-admin-panel,
.tset-lane,
.tset-module-card,
.tset-kpi-card {
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(203, 213, 225, .72);
    border-radius: var(--r-2xl);
    box-shadow: var(--shadow-sm);
}

.theme-dark .tset-hero,
.theme-dark .tset-command-bar,
.theme-dark .tset-admin-panel,
.theme-dark .tset-lane,
.theme-dark .tset-module-card,
.theme-dark .tset-kpi-card {
    background: rgba(16, 26, 43, .88);
    border-color: rgba(148, 163, 184, .18);
}

.tset-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.25rem;
    align-items: center;
    padding: clamp(1.25rem, 2vw, 1.75rem);
    margin-bottom: 1rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .88)),
        radial-gradient(circle at 90% 8%, rgba(124, 58, 237, .13), transparent 20rem);
}

.theme-dark .tset-hero {
    background:
        linear-gradient(135deg, rgba(16, 26, 43, .96), rgba(12, 22, 38, .86)),
        radial-gradient(circle at 90% 8%, rgba(124, 58, 237, .20), transparent 20rem);
}

.tset-eyebrow {
    display: inline-flex;
    margin-bottom: .45rem;
    color: var(--accent-violet);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.tset-hero h2 {
    margin: 0;
    font-size: clamp(1.6rem, 3vw, 2.35rem);
    font-weight: 850;
}

.tset-hero p {
    max-width: 72ch;
    margin: .5rem 0 0;
    color: var(--text-secondary);
    font-size: .96rem;
}

.tset-hero-grid,
.tset-pill-group,
.tset-detail-actions {
    display: flex;
    gap: .55rem;
    flex-wrap: wrap;
}

.tset-quick-action {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .65rem .8rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-md) !important;
    font-weight: 750;
    box-shadow: var(--shadow-xs);
}

.tset-quick-action:hover {
    color: var(--accent-violet);
    border-color: rgba(124, 58, 237, .32);
    background: var(--surface-hover);
}

.tset-kpi-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-bottom: 1rem;
}

.tset-kpi-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
}

.tset-kpi-card strong {
    display: block;
    color: var(--text-primary);
    font-size: 1.55rem;
    line-height: 1;
    letter-spacing: -.045em;
}

.tset-kpi-card span,
.tset-kpi-card small { display: block; }

.tset-kpi-card span {
    margin-top: .15rem;
    color: var(--text-secondary);
    font-weight: 800;
}

.tset-kpi-card small {
    margin-top: .15rem;
    color: var(--text-muted);
    font-size: .75rem;
}

.tset-kpi-icon,
.tset-module-icon {
    width: 2.75rem;
    height: 2.75rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    border-radius: var(--r-lg);
    font-size: 1.1rem;
}

.tset-command-bar {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: .85rem;
    margin-bottom: 1rem;
}

.tset-search-wrap {
    position: relative;
    flex: 1 1 24rem;
}

.tset-search-wrap i {
    position: absolute;
    left: .85rem;
    top: 50%;
    color: var(--text-muted);
    transform: translateY(-50%);
    pointer-events: none;
}

.tset-search-wrap input {
    width: 100%;
    padding-left: 2.35rem;
}

.tset-pill {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    min-height: 2.2rem;
    padding: .48rem .75rem;
    color: var(--text-secondary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-full) !important;
    font-size: .78rem;
    font-weight: 800;
}

.tset-pill span {
    min-width: 1.35rem;
    padding: .05rem .4rem;
    color: var(--text-muted);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    font-size: .7rem;
}

.tset-pill--active {
    color: #fff;
    background: linear-gradient(135deg, var(--accent-violet), var(--brand-500));
    border-color: transparent;
    box-shadow: 0 10px 22px rgba(124, 58, 237, .20);
}

.tset-pill--active span {
    color: #fff;
    background: rgba(255, 255, 255, .20);
}

.tset-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(20rem, 24rem);
    gap: 1rem;
    align-items: start;
}

.tset-flow {
    display: grid;
    grid-template-columns: repeat(5, minmax(15rem, 1fr));
    gap: .85rem;
    overflow-x: auto;
    padding-bottom: .25rem;
}

.tset-lane {
    min-width: 15rem;
    padding: .75rem;
}

.tset-lane-header,
.tset-work-topline,
.tset-work-meta,
.tset-detail-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}

.tset-lane-header {
    align-items: flex-start;
    padding: .25rem .25rem .75rem;
}

.tset-lane-title,
.tset-lane-subtitle { display: block; }

.tset-lane-title {
    color: var(--text-primary);
    font-weight: 850;
    letter-spacing: -.02em;
}

.tset-lane-subtitle {
    margin-top: .1rem;
    color: var(--text-muted);
    font-size: .72rem;
}

.tset-lane-count {
    min-width: 1.65rem;
    padding: .12rem .45rem;
    color: var(--text-secondary);
    background: var(--surface-muted);
    border-radius: var(--r-full);
    text-align: center;
    font-size: .76rem;
    font-weight: 850;
}

.tset-lane-list {
    display: flex;
    flex-direction: column;
    gap: .65rem;
}

.tset-work-card {
    width: 100%;
    display: block;
    padding: .85rem;
    text-align: left;
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-xl) !important;
    box-shadow: var(--shadow-xs);
}

.tset-work-card:hover {
    border-color: rgba(124, 58, 237, .34);
    box-shadow: var(--shadow-sm);
}

.tset-work-card--risk { border-left: 4px solid var(--danger); }

.tset-work-card strong {
    display: block;
    margin-top: .65rem;
    color: var(--text-primary);
    font-size: .92rem;
    line-height: 1.25;
}

.tset-work-card p {
    margin: .3rem 0 .65rem;
    color: var(--text-secondary);
    font-size: .8rem;
}

.tset-work-meta {
    color: var(--text-muted);
    font-size: .72rem;
}

.tset-work-meta span {
    display: inline-flex;
    align-items: center;
    gap: .25rem;
}

.tset-chip,
.tset-status {
    display: inline-flex;
    align-items: center;
    border-radius: var(--r-full);
    font-size: .68rem;
    font-weight: 850;
    line-height: 1;
    padding: .28rem .5rem;
}

.tset-tone-blue { background: rgba(35, 109, 255, .12); color: var(--brand-700); }
.tset-tone-violet { background: rgba(124, 58, 237, .12); color: #6d28d9; }
.tset-tone-amber { background: rgba(217, 119, 6, .13); color: #b45309; }
.tset-tone-red { background: rgba(225, 29, 72, .12); color: #be123c; }
.tset-tone-green { background: rgba(5, 150, 105, .13); color: #047857; }
.tset-tone-neutral { background: var(--surface-muted); color: var(--text-secondary); }

.tset-status-high { background: var(--danger-bg); color: var(--danger); }
.tset-status-medium { background: var(--warning-bg); color: var(--warning); }
.tset-status-low { background: var(--surface-muted); color: var(--text-tertiary); }

.tset-admin-panel {
    position: sticky;
    top: calc(var(--header-h) + 1rem);
    padding: 1rem;
}

.tset-side-empty {
    display: grid;
    place-items: center;
    min-height: 20rem;
    text-align: center;
    color: var(--text-muted);
}

.tset-side-empty i {
    margin-bottom: .65rem;
    color: var(--accent-violet);
    font-size: 2.2rem;
}

.tset-side-empty h3,
.tset-admin-panel h3 {
    margin: .75rem 0 .35rem;
    color: var(--text-primary);
    font-size: 1.15rem;
    letter-spacing: -.03em;
}

.tset-admin-panel p { color: var(--text-secondary); }

.tset-detail-list {
    display: grid;
    gap: .55rem;
    margin: 1rem 0;
}

.tset-detail-list div {
    display: grid;
    grid-template-columns: 6rem minmax(0, 1fr);
    gap: .75rem;
    padding: .65rem .75rem;
    background: var(--surface-raised);
    border: 1px solid var(--border-color);
    border-radius: var(--r-lg);
}

.tset-detail-list dt {
    color: var(--text-muted);
    font-size: .7rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.tset-detail-list dd {
    margin: 0;
    color: var(--text-primary);
    font-weight: 700;
}

.tset-policy-card {
    display: grid;
    gap: .45rem;
    padding: .85rem;
    margin-bottom: 1rem;
    background: var(--info-bg);
    border: 1px solid rgba(124, 58, 237, .18);
    border-radius: var(--r-xl);
}

.tset-policy-card strong { color: var(--text-primary); }

.tset-policy-card span {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: var(--text-secondary);
    font-size: .78rem;
}

.tset-module-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: .85rem;
    margin-top: 1rem;
}

.tset-module-card {
    display: flex;
    align-items: center;
    gap: .85rem;
    padding: 1rem;
    color: inherit;
    text-align: left;
}

.tset-module-card:hover {
    border-color: rgba(124, 58, 237, .34);
    box-shadow: var(--shadow-md);
}

.tset-module-content {
    display: grid;
    gap: .18rem;
    min-width: 0;
}

.tset-module-content strong {
    color: var(--text-primary);
    font-size: .92rem;
}

.tset-module-content small {
    color: var(--text-muted);
    font-size: .76rem;
    line-height: 1.35;
}

.tset-module-arrow {
    margin-left: auto;
    color: var(--text-muted);
}

.tset-empty-mini {
    display: grid;
    place-items: center;
    min-height: 5rem;
    color: var(--text-muted);
    border: 1px dashed var(--border-dark);
    border-radius: var(--r-lg);
    font-size: .78rem;
}

.tset-table-wrap {
    min-width: 0;
    overflow: auto;
    background: rgba(255, 255, 255, .92);
    border: 1px solid rgba(203, 213, 225, .72);
    border-radius: var(--r-2xl);
    box-shadow: var(--shadow-sm);
}

.theme-dark .tset-table-wrap {
    background: rgba(16, 26, 43, .88);
    border-color: rgba(148, 163, 184, .18);
}

.tset-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 58rem;
}

.tset-table th,
.tset-table td {
    padding: .85rem 1rem;
    border-bottom: 1px solid var(--border-color);
    text-align: left;
    vertical-align: top;
}

.tset-table th {
    color: var(--text-muted);
    background: var(--surface-muted);
    font-size: .72rem;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.tset-table td {
    color: var(--text-secondary);
    font-size: .82rem;
}

.tset-table td strong,
.tset-table td small {
    display: block;
}

.tset-table td strong {
    color: var(--text-primary);
    font-size: .9rem;
}

.tset-table td small {
    max-width: 34rem;
    margin-top: .18rem;
    color: var(--text-muted);
    line-height: 1.35;
}

.tset-row-actions {
    display: flex;
    gap: .35rem;
    justify-content: flex-end;
    white-space: nowrap;
}

.tset-form-grid {
    display: grid;
    grid-template-columns: 9rem minmax(0, 1fr);
    gap: .75rem .85rem;
    align-items: center;
}

.tset-form-error {
    margin-bottom: .85rem;
    padding: .7rem .85rem;
    color: #991b1b;
    background: rgba(254, 226, 226, .92);
    border: 1px solid rgba(248, 113, 113, .45);
    border-radius: var(--r-md);
    font-size: .82rem;
    font-weight: 750;
}

.theme-dark .tset-form-error {
    color: #fecaca;
    background: rgba(127, 29, 29, .28);
    border-color: rgba(248, 113, 113, .25);
}

.tset-form-grid label {
    color: var(--text-secondary);
    font-size: .78rem;
    font-weight: 800;
}

.tset-input {
    width: 100%;
    min-height: 2.35rem;
    padding: .55rem .7rem;
    color: var(--text-primary);
    background: var(--surface-card);
    border: 1px solid var(--border-color);
    border-radius: var(--r-md);
}

textarea.tset-input {
    resize: vertical;
}

@media (max-width: 900px) {
    :root { --header-h: 58px; }

    .ams-content {
        padding: 1rem;
    }

    .page-header {
        border-radius: var(--r-xl) !important;
    }

    .ops-hero,
    .ops-layout,
    .ops-command-bar {
        grid-template-columns: 1fr;
    }

    .ops-kpi-grid,
    .ops-module-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .ops-side-panel {
        position: static;
    }

    .comms-hero,
    .comms-layout,
    .comms-command-bar {
        grid-template-columns: 1fr;
    }

    .comms-kpi-grid,
    .comms-module-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .comms-admin-panel {
        position: static;
    }

    .docs-hero,
    .docs-layout,
    .docs-command-bar {
        grid-template-columns: 1fr;
    }

    .docs-kpi-grid,
    .docs-module-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .docs-admin-panel {
        position: static;
    }

    .bill-hero,
    .bill-layout,
    .bill-command-bar {
        grid-template-columns: 1fr;
    }

    .bill-kpi-grid,
    .bill-module-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bill-admin-panel {
        position: static;
    }

    .tenant-hero,
    .tenant-layout,
    .tenant-command-bar {
        grid-template-columns: 1fr;
    }

    .tenant-kpi-grid,
    .tenant-module-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tenant-admin-panel {
        position: static;
    }

    .data-hero,
    .data-layout,
    .data-command-bar {
        grid-template-columns: 1fr;
    }

    .data-kpi-grid,
    .data-module-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .data-admin-panel {
        position: static;
    }

    .aiset-hero,
    .aiset-layout,
    .aiset-command-bar {
        grid-template-columns: 1fr;
    }

    .aiset-kpi-grid,
    .aiset-module-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .aiset-admin-panel {
        position: static;
    }

    .intg-hero,
    .intg-layout,
    .intg-command-bar {
        grid-template-columns: 1fr;
    }

    .intg-kpi-grid,
    .intg-module-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .intg-admin-panel {
        position: static;
    }

    .cps-hero,
    .cps-layout,
    .cps-command-bar {
        grid-template-columns: 1fr;
    }

    .cps-kpi-grid,
    .cps-module-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cps-admin-panel {
        position: static;
    }

    .mktcfg-hero,
    .mktcfg-layout,
    .mktcfg-command-bar {
        grid-template-columns: 1fr;
    }

    .mktcfg-kpi-grid,
    .mktcfg-module-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .mktcfg-admin-panel {
        position: static;
    }

    .commcfg-hero,
    .commcfg-layout,
    .commcfg-command-bar {
        grid-template-columns: 1fr;
    }

    .commcfg-kpi-grid,
    .commcfg-module-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .commcfg-admin-panel {
        position: static;
    }

    .billcfg-hero,
    .billcfg-layout,
    .billcfg-command-bar {
        grid-template-columns: 1fr;
    }

    .billcfg-kpi-grid,
    .billcfg-module-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .billcfg-admin-panel {
        position: static;
    }

    .doccfg-hero,
    .doccfg-layout,
    .doccfg-command-bar {
        grid-template-columns: 1fr;
    }

    .doccfg-kpi-grid,
    .doccfg-module-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .doccfg-admin-panel {
        position: static;
    }

    .comcfg-hero,
    .comcfg-layout,
    .comcfg-command-bar {
        grid-template-columns: 1fr;
    }

    .comcfg-kpi-grid,
    .comcfg-module-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .comcfg-admin-panel {
        position: static;
    }

    .wfslacfg-hero,
    .wfslacfg-layout,
    .wfslacfg-command-bar {
        grid-template-columns: 1fr;
    }

    .wfslacfg-kpi-grid,
    .wfslacfg-module-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wfslacfg-admin-panel {
        position: static;
    }

    .tset-hero,
    .tset-layout,
    .tset-command-bar {
        grid-template-columns: 1fr;
    }

    .tset-kpi-grid,
    .tset-module-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .tset-admin-panel {
        position: static;
    }
}

@media (max-width: 560px) {
    .ops-kpi-grid,
    .ops-module-grid,
    .comms-kpi-grid,
    .comms-module-grid,
    .docs-kpi-grid,
    .docs-module-grid,
    .bill-kpi-grid,
    .bill-module-grid,
    .tenant-kpi-grid,
    .tenant-module-grid,
    .data-kpi-grid,
    .data-module-grid,
    .aiset-kpi-grid,
    .aiset-module-grid,
    .intg-kpi-grid,
    .intg-module-grid,
    .cps-kpi-grid,
    .cps-module-grid,
    .mktcfg-kpi-grid,
    .mktcfg-module-grid,
    .commcfg-kpi-grid,
    .commcfg-module-grid,
    .billcfg-kpi-grid,
    .billcfg-module-grid,
    .doccfg-kpi-grid,
    .doccfg-module-grid,
    .comcfg-kpi-grid,
    .comcfg-module-grid,
    .wfslacfg-kpi-grid,
    .wfslacfg-module-grid,
    .tset-kpi-grid,
    .tset-module-grid {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}

/* -- Error / Validation shake animation ----------------------- */
@keyframes um-shake {
    0%, 100% { transform: translateX(0); }
    25%       { transform: translateX(-4px); }
    75%       { transform: translateX(4px); }
}

.um-load-error {
    border-left: 4px solid #dc3545;
    animation: um-shake 0.3s ease;
    color: #dc3545 !important;
}

.um-load-error span,
.um-load-error i {
    color: #dc3545 !important;
}

.validation-message,
.um-validation-message,
.um-field .validation-message,
.um-field .um-validation-message {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin-top: .55rem;
    color: #dc3545 !important;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .01em;
}

.validation-message::before,
.um-validation-message::before,
.um-field .validation-message::before,
.um-field .um-validation-message::before {
    content: "!";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    border-radius: 999px;
    color: #fff;
    background: linear-gradient(135deg, #ef4444, #b91c1c);
    box-shadow: 0 6px 14px rgba(220, 53, 69, .24);
    font-size: .7rem;
    font-weight: 800;
}

.um-field .um-input.invalid,
.um-field .modified.invalid {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 .18rem rgba(220, 53, 69, .14), 0 10px 22px rgba(220, 53, 69, .08) !important;
}

/* -- Workbench / My Tasks global fallback styles ---------------- */
.mt-kpi-strip {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(165px, 1fr));
    gap: .85rem;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 1rem !important;
    padding: 0 !important;
    border-bottom: 0 !important;
    background: transparent !important;
}

.mt-kpi-card {
    min-width: 0;
    background: var(--surface-card, #fff) !important;
    border: 1px solid var(--border-color, #e5eaf3) !important;
    border-top: 3px solid #d1d5db !important;
    border-radius: var(--r-2xl, 16px) !important;
    padding: 1rem !important;
    box-shadow: var(--shadow-sm, 0 1px 2px rgba(15,23,42,.06)) !important;
}

.mt-filter-bar {
    padding: 1rem !important;
    margin-bottom: 1rem !important;
    border: 1px solid var(--border-color, #e5eaf3) !important;
    border-radius: var(--r-2xl, 16px) !important;
    background: var(--surface-card, #fff) !important;
    box-shadow: var(--shadow-sm, 0 1px 2px rgba(15,23,42,.06)) !important;
}

.mt-view-tabs {
    border: 1px solid var(--border-color, #e5eaf3) !important;
    border-radius: var(--r-2xl, 16px) var(--r-2xl, 16px) 0 0 !important;
    padding: 0 1rem !important;
    background: var(--surface-card, #fff) !important;
}

.mt-content {
    padding: 1rem !important;
    border: 1px solid var(--border-color, #e5eaf3) !important;
    border-top: 0 !important;
    border-radius: 0 0 var(--r-2xl, 16px) var(--r-2xl, 16px) !important;
    background: rgba(255,255,255,.72) !important;
    box-shadow: var(--shadow-sm, 0 1px 2px rgba(15,23,42,.06)) !important;
}
/* -- Workbench Activities enterprise layout ----------------- */
.ma-hero,.ma-filter-bar,.ma-detail-panel,.ma-table-wrap{background:rgba(255,255,255,.92);border:1px solid rgba(203,213,225,.72);border-radius:var(--r-2xl);box-shadow:var(--shadow-sm)}
.theme-dark .ma-hero,.theme-dark .ma-filter-bar,.theme-dark .ma-detail-panel,.theme-dark .ma-table-wrap{background:rgba(16,26,43,.88);border-color:rgba(148,163,184,.18)}
.ma-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.25rem;align-items:center;padding:clamp(1.25rem,2vw,1.75rem);margin-bottom:1rem;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.88)),radial-gradient(circle at 90% 8%,rgba(124,58,237,.14),transparent 20rem)}
.ma-eyebrow{display:inline-flex;margin-bottom:.45rem;color:var(--brand-600);font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.ma-hero h2{margin:0;font-size:clamp(1.55rem,3vw,2.25rem);font-weight:850}.ma-hero p{max-width:72ch;margin:.5rem 0 0;color:var(--text-secondary)}.ma-hero-actions,.ma-row-actions,.ma-detail-actions{display:flex;gap:.55rem;flex-wrap:wrap}.ma-kpi-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.ma-kpi-card{min-width:0;background:rgba(255,255,255,.92);border:1px solid rgba(203,213,225,.72);border-radius:var(--r-2xl);padding:1rem;text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s,transform .15s}.ma-kpi-card:hover{transform:translateY(-1px);border-color:rgba(35,109,255,.35);box-shadow:var(--shadow-md)}.ma-kpi-active{border-color:var(--brand-500)!important;background:var(--brand-50)!important;box-shadow:var(--ring),var(--shadow-sm)!important}.ma-kpi-val{font-size:1.35rem;font-weight:850;color:var(--text-primary);line-height:1}.ma-kpi-lbl{margin-top:.25rem;font-size:.74rem;font-weight:800;color:var(--text-muted);display:flex;align-items:center;gap:.3rem;text-transform:uppercase;letter-spacing:.04em}.ma-kpi-total .ma-kpi-val{color:var(--brand-600)}.ma-kpi-today .ma-kpi-val{color:var(--accent-emerald)}.ma-kpi-call .ma-kpi-val{color:var(--accent-violet)}.ma-kpi-email .ma-kpi-val{color:var(--accent-cyan)}.ma-kpi-meet .ma-kpi-val{color:var(--warning)}.ma-kpi-task .ma-kpi-val{color:var(--success)}.ma-filter-bar{display:flex;align-items:center;gap:.75rem;padding:.85rem;margin-bottom:1rem;flex-wrap:wrap}.ma-search-wrap{position:relative;flex:1 1 22rem}.ma-search-wrap i{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.ma-search{width:100%;min-height:2.4rem;padding:.55rem .75rem .55rem 2.35rem;border:1px solid var(--border-color);border-radius:var(--r-md);background:var(--surface-card);color:var(--text-primary)}.ma-type-pills{display:flex;gap:.35rem;flex-wrap:wrap}.ma-pill{border:1px solid var(--border-color);border-radius:var(--r-full);padding:.45rem .75rem;background:var(--surface-card);color:var(--text-secondary);font-size:.78rem;font-weight:800}.ma-pill-active{background:linear-gradient(135deg,var(--brand-600),var(--brand-500));border-color:transparent;color:#fff}.ma-filter-sel{min-height:2.4rem;border:1px solid var(--border-color);border-radius:var(--r-md);background:var(--surface-card);color:var(--text-primary);padding:.45rem .65rem}.ma-filter-count{margin-left:auto;color:var(--text-muted);font-size:.76rem;font-weight:750}.ma-view-tabs{display:flex;gap:.35rem;margin-bottom:.85rem;border-bottom:1px solid var(--border-color);overflow-x:auto}.ma-view-tab{padding:.7rem 1rem;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted);font-weight:850}.ma-view-tab--active{color:var(--brand-600);border-bottom-color:var(--brand-600)}.ma-tab-count{margin-left:.35rem;padding:.08rem .45rem;border-radius:var(--r-full);background:var(--surface-muted);font-size:.68rem}.ma-content{display:grid;gap:.8rem}.ma-feed{display:grid;gap:.45rem}.ma-date-sep{display:flex;align-items:center;gap:.75rem;margin:.35rem 0;color:var(--text-muted);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.ma-date-sep:before,.ma-date-sep:after{content:"";height:1px;background:var(--border-color);flex:1}.ma-feed-item{display:flex;align-items:flex-start;gap:.8rem;padding:.85rem;border:1px solid transparent;border-radius:var(--r-xl);cursor:pointer}.ma-feed-item:hover,.ma-feed-item--selected{background:var(--surface-raised);border-color:rgba(35,109,255,.28);box-shadow:var(--shadow-xs)}.ma-feed-icon{width:2.5rem;height:2.5rem;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.ma-type-call,.ma-tc-call{background:rgba(124,58,237,.12);color:#6d28d9}.ma-type-email,.ma-tc-email{background:rgba(8,145,178,.12);color:#0e7490}.ma-type-meeting,.ma-tc-meeting{background:var(--warning-bg);color:var(--warning)}.ma-type-task,.ma-tc-task{background:var(--success-bg);color:var(--success)}.ma-type-note,.ma-tc-note{background:var(--surface-muted);color:var(--text-secondary)}.ma-type-workflow,.ma-tc-workflow{background:rgba(35,109,255,.12);color:var(--brand-700)}.ma-feed-body{flex:1;min-width:0}.ma-feed-hdr{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.ma-feed-acct{font-weight:850;color:var(--text-primary)}.ma-feed-notes{margin:.3rem 0;color:var(--text-secondary);font-size:.84rem}.ma-feed-meta{display:flex;gap:.75rem;flex-wrap:wrap;color:var(--text-muted);font-size:.74rem}.ma-feed-meta span{display:inline-flex;align-items:center;gap:.25rem}.ma-type-chip{display:inline-flex;align-items:center;gap:.25rem;border-radius:var(--r-full);padding:.22rem .55rem;font-size:.7rem;font-weight:850}.ma-done-chip{display:inline-flex;align-items:center;gap:.25rem;color:var(--success);font-size:.72rem;font-weight:850}.ma-danger{color:var(--danger)!important}.ma-empty{display:grid;place-items:center;gap:.5rem;min-height:12rem;color:var(--text-muted);border:1px dashed var(--border-dark);border-radius:var(--r-2xl)}.ma-empty-icon{font-size:2rem;opacity:.35}.ma-table{width:100%;border-collapse:collapse}.ma-table th,.ma-table td{padding:.75rem;border-bottom:1px solid var(--border-color);text-align:left;vertical-align:top}.ma-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.ma-table tbody tr{cursor:pointer}.ma-table tbody tr:hover,.ma-table-row--selected{background:var(--surface-raised)}.ma-table-actions{white-space:nowrap}.ma-detail-panel{margin-top:1rem;padding:1rem}.ma-detail-header{display:flex;justify-content:space-between;align-items:center}.ma-detail-panel h3{margin:.75rem 0 .35rem;color:var(--text-primary)}.ma-detail-panel p{color:var(--text-secondary)}.ma-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1rem 0}.ma-detail-grid div{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--r-lg);background:var(--surface-raised)}.ma-detail-grid span{display:block;color:var(--text-muted);font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.ma-detail-grid strong{display:block;margin-top:.2rem;color:var(--text-primary)}@media (max-width:1100px){.ma-kpi-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.ma-hero{grid-template-columns:1fr}.ma-detail-grid{grid-template-columns:1fr}}@media (max-width:700px){.ma-kpi-strip{grid-template-columns:1fr}.ma-filter-count{margin-left:0}}

/* ── Workbench Calendar enterprise layout ───────────────── */
.mc-hero,.mc-command-bar,.mc-day-panel,.mc-event-panel{background:rgba(255,255,255,.92);border:1px solid rgba(203,213,225,.72);border-radius:var(--r-2xl);box-shadow:var(--shadow-sm)}
.theme-dark .mc-hero,.theme-dark .mc-command-bar,.theme-dark .mc-day-panel,.theme-dark .mc-event-panel{background:rgba(16,26,43,.88);border-color:rgba(148,163,184,.18)}
.mc-month-label{min-width:150px;text-align:center;color:var(--text-primary);font-size:.9rem;font-weight:850}.mc-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.25rem;align-items:center;padding:clamp(1.25rem,2vw,1.75rem);margin-bottom:1rem;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.88)),radial-gradient(circle at 90% 8%,rgba(35,109,255,.14),transparent 20rem)}.mc-eyebrow{display:inline-flex;margin-bottom:.45rem;color:var(--brand-600);font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.mc-hero h2{margin:0;font-size:clamp(1.55rem,3vw,2.25rem);font-weight:850}.mc-hero p{max-width:72ch;margin:.5rem 0 0;color:var(--text-secondary)}.mc-hero-actions,.mc-event-actions{display:flex;gap:.55rem;flex-wrap:wrap}

[data-theme="dark"] .ams-workbench-route :is(.cal-period-control, .cal-period-control strong),
.theme-dark .ams-workbench-route :is(.cal-period-control, .cal-period-control strong),
body.dark .ams-workbench-route :is(.cal-period-control, .cal-period-control strong),
html.ams-workbench-route .theme-dark .ams-content :is(.cal-period-control, .cal-period-control strong) {
    color: #e5edf8 !important;
}

[data-theme="dark"] .ams-workbench-route .cal-period-control,
.theme-dark .ams-workbench-route .cal-period-control,
body.dark .ams-workbench-route .cal-period-control,
html.ams-workbench-route .theme-dark .ams-content .cal-period-control {
    background: linear-gradient(135deg, rgba(15, 23, 42, .96), rgba(17, 34, 58, .94)) !important;
    border-color: rgba(96, 165, 250, .34) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 14px 30px rgba(0, 0, 0, .22) !important;
}

[data-theme="dark"] .ams-workbench-route .cal-period-control .cal-icon-btn,
.theme-dark .ams-workbench-route .cal-period-control .cal-icon-btn,
body.dark .ams-workbench-route .cal-period-control .cal-icon-btn,
html.ams-workbench-route .theme-dark .ams-content .cal-period-control .cal-icon-btn {
    background: rgba(15, 23, 42, .88) !important;
    border: 1px solid rgba(148, 163, 184, .28) !important;
    color: #dbeafe !important;
    box-shadow: none !important;
}

[data-theme="dark"] .ams-workbench-route .cal-period-control .cal-icon-btn:hover,
.theme-dark .ams-workbench-route .cal-period-control .cal-icon-btn:hover,
body.dark .ams-workbench-route .cal-period-control .cal-icon-btn:hover,
html.ams-workbench-route .theme-dark .ams-content .cal-period-control .cal-icon-btn:hover {
    background: rgba(37, 99, 235, .28) !important;
    border-color: rgba(96, 165, 250, .48) !important;
    color: #f8fafc !important;
}

.mc-kpi-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.mc-kpi-card{min-width:0;background:rgba(255,255,255,.92);border:1px solid rgba(203,213,225,.72);border-radius:var(--r-2xl);padding:1rem;text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s,transform .15s}.mc-kpi-card:hover{transform:translateY(-1px);border-color:rgba(35,109,255,.35);box-shadow:var(--shadow-md)}.mc-kpi-active{border-color:var(--brand-500)!important;background:var(--brand-50)!important;box-shadow:var(--ring),var(--shadow-sm)!important}.mc-kpi-val{color:var(--text-primary);font-size:1.35rem;font-weight:850;line-height:1}.mc-kpi-lbl{display:flex;align-items:center;gap:.3rem;margin-top:.25rem;color:var(--text-muted);font-size:.74rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.mc-kpi-today .mc-kpi-val{color:var(--warning)}.mc-kpi-week .mc-kpi-val{color:var(--brand-600)}.mc-kpi-month .mc-kpi-val{color:var(--accent-violet)}.mc-kpi-call .mc-kpi-val{color:var(--accent-violet)}.mc-kpi-meet .mc-kpi-val{color:var(--warning)}.mc-kpi-task .mc-kpi-val{color:var(--success)}.mc-kpi-dead .mc-kpi-val{color:var(--danger)}
.mc-command-bar{display:flex;align-items:center;gap:.75rem;padding:.85rem;margin-bottom:1rem;flex-wrap:wrap}.mc-search-wrap{position:relative;flex:1 1 22rem}.mc-search-wrap i{position:absolute;left:.85rem;top:50%;color:var(--text-muted);transform:translateY(-50%);pointer-events:none}.mc-search-wrap input{width:100%;min-height:2.4rem;padding:.55rem .75rem .55rem 2.35rem;color:var(--text-primary);background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--r-md)}.mc-view-tabs,.mc-type-pills{display:flex;gap:.35rem;flex-wrap:wrap}.mc-view-tab,.mc-pill{padding:.45rem .75rem;color:var(--text-secondary);background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--r-full);font-size:.78rem;font-weight:850}.mc-view-tab--active,.mc-pill-active{color:#fff;background:linear-gradient(135deg,var(--brand-600),var(--brand-500));border-color:transparent}.mc-body{display:grid;gap:1rem}
.mc-month-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,24rem);gap:1rem;align-items:start}.mc-dow-row,.mc-month-grid{display:grid;grid-template-columns:repeat(7,1fr)}.mc-dow{padding:.35rem;color:var(--text-muted);text-align:center;font-size:.72rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.mc-month-grid{overflow:hidden;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--r-2xl);box-shadow:var(--shadow-sm)}.mc-day{min-height:7rem;padding:.45rem;text-align:left;background:var(--surface-card);border:0;border-right:1px solid var(--border-color);border-bottom:1px solid var(--border-color);cursor:pointer}.mc-day:hover{background:var(--surface-raised)}.mc-day:nth-child(7n){border-right:0}.mc-day-other{opacity:.52;background:var(--surface-muted)}.mc-day-today{background:rgba(35,109,255,.06)!important}.mc-day-sel{background:var(--brand-50)!important;outline:2px solid var(--brand-500);outline-offset:-2px}.mc-day-num{display:inline-flex;align-items:center;justify-content:center;width:1.6rem;height:1.6rem;color:var(--text-secondary);border-radius:var(--r-full);font-weight:850}.mc-day-today .mc-day-num{color:#fff;background:var(--brand-600)}.mc-day-events{display:grid;gap:.18rem;margin-top:.3rem}.mc-day-evt{display:flex;align-items:center;gap:.25rem;overflow:hidden;padding:.12rem .25rem;border-radius:.35rem}.mc-evt-dot{width:.42rem;height:.42rem;border-radius:50%;flex:0 0 auto;background:currentColor}.mc-evt-lbl{overflow:hidden;font-size:.68rem;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.mc-day-more{color:var(--text-muted);font-size:.66rem;font-weight:750}
.mc-evt-call,.mc-ai-call,.mc-tc-call{background:rgba(124,58,237,.12);color:#6d28d9}.mc-evt-meeting,.mc-ai-meeting,.mc-tc-meeting{background:var(--warning-bg);color:var(--warning)}.mc-evt-task,.mc-ai-task,.mc-tc-task{background:var(--success-bg);color:var(--success)}.mc-evt-event,.mc-ai-event,.mc-tc-event{background:rgba(35,109,255,.12);color:var(--brand-700)}.mc-evt-deadline,.mc-ai-deadline,.mc-tc-deadline{background:var(--danger-bg);color:var(--danger)}.mc-evt-note,.mc-ai-note,.mc-tc-note{background:var(--surface-muted);color:var(--text-secondary)}.mc-day-panel{overflow:hidden}.mc-day-panel-hdr{display:flex;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;background:var(--surface-raised);border-bottom:1px solid var(--border-color)}.mc-day-panel-date{color:var(--text-primary);font-weight:850}.mc-today-badge{margin-left:.35rem;padding:.12rem .4rem;color:#fff;background:var(--brand-600);border-radius:var(--r-full);font-size:.65rem}.mc-day-panel-count{color:var(--text-muted);font-size:.75rem}.mc-day-event-list{display:grid}.mc-day-event-row{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-color);cursor:pointer}.mc-day-event-row:hover{background:var(--surface-raised)}.mc-der-time{width:4.5rem;color:var(--text-muted);font-size:.72rem;font-family:monospace}.mc-der-dot{width:.55rem;height:.55rem;background:currentColor;border-radius:50%}.mc-der-body{flex:1;min-width:0}.mc-der-title{overflow:hidden;color:var(--text-primary);font-weight:850;text-overflow:ellipsis;white-space:nowrap}.mc-der-acct{color:var(--text-muted);font-size:.72rem}.mc-type-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.22rem .55rem;border-radius:var(--r-full);font-size:.7rem;font-weight:850}.mc-day-empty,.mc-empty{display:grid;place-items:center;gap:.5rem;min-height:8rem;color:var(--text-muted)}
.mc-week-grid{display:grid;grid-template-columns:repeat(7,minmax(10rem,1fr));gap:.65rem;overflow-x:auto}.mc-week-col{overflow:hidden;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--r-xl);box-shadow:var(--shadow-xs)}.mc-week-col-today{border-color:var(--brand-500);box-shadow:var(--ring),var(--shadow-xs)}.mc-week-col-hdr{display:grid;place-items:center;gap:.1rem;padding:.75rem;background:var(--surface-raised);border-bottom:1px solid var(--border-color)}.mc-week-dow{color:var(--text-muted);font-size:.68rem;font-weight:850;text-transform:uppercase}.mc-week-daynum{display:grid;place-items:center;width:2rem;height:2rem;border-radius:var(--r-full);font-size:1rem;font-weight:850}.mc-week-daynum-today{color:#fff;background:var(--brand-600)}.mc-week-badge{color:var(--text-muted);font-size:.65rem;font-weight:850}.mc-week-events{display:grid;gap:.35rem;min-height:14rem;padding:.5rem}.mc-week-evt{display:grid;gap:.08rem;padding:.45rem;text-align:left;border:0;border-radius:var(--r-md);cursor:pointer}.mc-week-evt-time{color:var(--text-muted);font-size:.64rem;font-family:monospace}.mc-week-evt-title{overflow:hidden;color:var(--text-primary);font-size:.76rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.mc-week-evt-acct{color:var(--text-muted);font-size:.68rem}.mc-week-empty-day{display:grid;place-items:center;min-height:4rem;color:var(--text-muted);border:1px dashed var(--border-dark);border-radius:var(--r-md);font-size:.72rem}
.mc-agenda-wrap{display:grid;gap:.35rem;max-width:920px}.mc-agenda-date-sep{display:flex;align-items:center;gap:.75rem;margin:.4rem 0;color:var(--text-muted);font-size:.72rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.mc-agenda-date-sep:before,.mc-agenda-date-sep:after{content:"";height:1px;background:var(--border-color);flex:1}.mc-agenda-row{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid transparent;border-radius:var(--r-xl);cursor:pointer}.mc-agenda-row:hover{background:var(--surface-raised);border-color:var(--border-color)}.mc-agenda-past{opacity:.58}.mc-agenda-time{width:5rem;color:var(--text-muted);text-align:right;font-family:monospace}.mc-agenda-tod{color:var(--text-secondary);font-weight:850}.mc-agenda-dur{font-size:.68rem}.mc-agenda-icon{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:var(--r-lg)}.mc-agenda-body{flex:1;min-width:0}.mc-agenda-title{overflow:hidden;color:var(--text-primary);font-weight:850;text-overflow:ellipsis;white-space:nowrap}.mc-agenda-acct,.mc-agenda-notes{color:var(--text-muted);font-size:.75rem}.mc-event-panel{margin-top:1rem;padding:1rem}.mc-event-panel-hdr{display:flex;align-items:center;justify-content:space-between}.mc-event-panel h3{margin:.75rem 0 .35rem;color:var(--text-primary)}.mc-event-panel p{color:var(--text-secondary)}.mc-event-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1rem 0}.mc-event-meta div{padding:.75rem;background:var(--surface-raised);border:1px solid var(--border-color);border-radius:var(--r-lg)}.mc-event-meta span{display:block;color:var(--text-muted);font-size:.7rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.mc-event-meta strong{display:block;margin-top:.2rem;color:var(--text-primary)}@media(max-width:1100px){.mc-kpi-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.mc-hero,.mc-month-wrap{grid-template-columns:1fr}.mc-event-meta{grid-template-columns:1fr}}@media(max-width:700px){.mc-kpi-strip{grid-template-columns:1fr}.mc-command-bar{align-items:stretch}.mc-search-wrap{flex-basis:100%}}

/* ── Workbench Notifications enterprise layout ───────────────── */
.mn-hero,.mn-command-bar,.mn-detail-panel,.mn-table-wrap{background:rgba(255,255,255,.92);border:1px solid rgba(203,213,225,.72);border-radius:var(--r-2xl);box-shadow:var(--shadow-sm)}.mn-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.25rem;align-items:center;padding:clamp(1.25rem,2vw,1.75rem);margin-bottom:1rem;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.88)),radial-gradient(circle at 90% 8%,rgba(124,58,237,.14),transparent 20rem)}.mn-eyebrow{display:inline-flex;margin-bottom:.45rem;color:var(--brand-600);font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.mn-hero h2{margin:0;font-size:clamp(1.55rem,3vw,2.25rem);font-weight:850}.mn-hero p{max-width:72ch;margin:.5rem 0 0;color:var(--text-secondary)}.mn-hero-actions,.mn-detail-actions{display:flex;gap:.55rem;flex-wrap:wrap}.mn-kpi-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.mn-kpi-card{min-width:0;background:rgba(255,255,255,.92);border:1px solid rgba(203,213,225,.72);border-radius:var(--r-2xl);padding:1rem;text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s,transform .15s}.mn-kpi-card:hover{transform:translateY(-1px);border-color:rgba(35,109,255,.35);box-shadow:var(--shadow-md)}.mn-kpi-active{border-color:var(--brand-500)!important;background:var(--brand-50)!important;box-shadow:var(--ring),var(--shadow-sm)!important}.mn-kpi-val{font-size:1.35rem;font-weight:850;line-height:1;color:var(--text-primary)}.mn-kpi-lbl{display:flex;align-items:center;gap:.3rem;margin-top:.25rem;color:var(--text-muted);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.mn-kpi-all .mn-kpi-val{color:var(--brand-600)}.mn-kpi-unread .mn-kpi-val{color:var(--accent-violet)}.mn-kpi-alert .mn-kpi-val{color:var(--danger)}.mn-kpi-reminder .mn-kpi-val{color:var(--warning)}.mn-kpi-approval .mn-kpi-val{color:var(--success)}.mn-kpi-info .mn-kpi-val{color:var(--accent-cyan)}.mn-kpi-system .mn-kpi-val{color:var(--text-muted)}.mn-command-bar{display:flex;align-items:center;gap:.75rem;padding:.85rem;margin-bottom:1rem;flex-wrap:wrap}.mn-search-wrap{position:relative;flex:1 1 22rem}.mn-search-wrap i{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.mn-search-wrap input{width:100%;min-height:2.4rem;padding:.55rem .75rem .55rem 2.35rem;border:1px solid var(--border-color);border-radius:var(--r-md);background:var(--surface-card);color:var(--text-primary)}.mn-toggle{display:flex;align-items:center;gap:.35rem;color:var(--text-secondary);font-size:.78rem;font-weight:750}.mn-filter-sel{min-height:2.4rem;padding:.45rem .65rem;border:1px solid var(--border-color);border-radius:var(--r-md);background:var(--surface-card);color:var(--text-primary)}.mn-view-tabs{display:flex;gap:.35rem;flex-wrap:wrap}.mn-view-tab{padding:.45rem .75rem;border:1px solid var(--border-color);border-radius:var(--r-full);background:var(--surface-card);color:var(--text-secondary);font-size:.78rem;font-weight:850}.mn-view-tab--active{background:linear-gradient(135deg,var(--brand-600),var(--brand-500));border-color:transparent;color:#fff}.mn-tab-count{margin-left:.25rem;font-size:.68rem}.mn-filter-count{margin-left:auto;color:var(--text-muted);font-size:.74rem;font-weight:750}.mn-content{display:grid;gap:.75rem}.mn-feed{display:grid;gap:.35rem;max-width:980px}.mn-date-sep{display:flex;align-items:center;gap:.75rem;margin:.4rem 0;color:var(--text-muted);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.mn-date-sep:before,.mn-date-sep:after{content:"";height:1px;background:var(--border-color);flex:1}.mn-item{display:flex;align-items:flex-start;gap:.7rem;padding:.85rem;border:1px solid transparent;border-radius:var(--r-xl);cursor:pointer;background:var(--surface-card)}.mn-item:hover,.mn-item-selected{background:var(--surface-raised);border-color:rgba(35,109,255,.25);box-shadow:var(--shadow-xs)}.mn-item-unread{border-left:4px solid var(--brand-600);background:rgba(35,109,255,.04)}.mn-unread-dot-wrap{width:.8rem;padding-top:.6rem}.mn-unread-dot{display:inline-block;width:.55rem;height:.55rem;border-radius:50%;background:var(--brand-600)}.mn-icon{display:grid;place-items:center;width:2.35rem;height:2.35rem;border-radius:var(--r-lg);flex:0 0 auto}.mn-icon-alert,.mn-tc-alert{background:var(--danger-bg);color:var(--danger)}.mn-icon-reminder,.mn-tc-reminder{background:var(--warning-bg);color:var(--warning)}.mn-icon-approval,.mn-tc-approval{background:var(--success-bg);color:var(--success)}.mn-icon-info,.mn-tc-info{background:rgba(8,145,178,.12);color:var(--accent-cyan)}.mn-icon-system,.mn-tc-system{background:var(--surface-muted);color:var(--text-secondary)}.mn-body{flex:1;min-width:0}.mn-hdr{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.mn-title{font-weight:850;color:var(--text-primary)}.mn-msg{margin-top:.25rem;color:var(--text-secondary);font-size:.84rem}.mn-type-chip,.mn-status-chip{display:inline-flex;align-items:center;gap:.25rem;border-radius:var(--r-full);padding:.2rem .55rem;font-size:.7rem;font-weight:850}.mn-status-delivered,.mn-status-sent,.mn-status-approved{background:var(--success-bg);color:var(--success)}.mn-status-failed,.mn-status-declined{background:var(--danger-bg);color:var(--danger)}.mn-action-badge{padding:.2rem .55rem;border-radius:var(--r-full);background:var(--warning-bg);color:var(--warning);font-size:.7rem;font-weight:850}.mn-action-btns{display:flex;gap:.4rem;margin-top:.5rem}.mn-right{display:flex;align-items:flex-end;gap:.35rem;flex-direction:column}.mn-time{color:var(--text-muted);font-size:.72rem;white-space:nowrap}.mn-empty{display:grid;place-items:center;gap:.5rem;min-height:10rem;color:var(--text-muted);border:1px dashed var(--border-dark);border-radius:var(--r-2xl)}.mn-empty-icon{font-size:2rem;opacity:.35}.mn-table{width:100%;border-collapse:collapse}.mn-table th,.mn-table td{padding:.75rem;border-bottom:1px solid var(--border-color);text-align:left;vertical-align:top}.mn-table th{color:var(--text-muted);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.mn-table tbody tr{cursor:pointer}.mn-table tbody tr:hover,.mn-table-unread{background:var(--surface-raised)}.mn-grid-msg{max-width:36rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-muted);font-size:.76rem}.mn-table-actions{white-space:nowrap}.mn-detail-panel{margin-top:1rem;padding:1rem}.mn-detail-header{display:flex;justify-content:space-between;align-items:center}.mn-detail-panel h3{margin:.75rem 0 .35rem;color:var(--text-primary)}.mn-detail-panel p{color:var(--text-secondary)}.mn-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:1rem 0}.mn-detail-grid div{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--r-lg);background:var(--surface-raised)}.mn-detail-grid span{display:block;color:var(--text-muted);font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.mn-detail-grid strong{display:block;margin-top:.2rem;color:var(--text-primary)}@media(max-width:1100px){.mn-kpi-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.mn-hero{grid-template-columns:1fr}.mn-detail-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.mn-kpi-strip{grid-template-columns:1fr}.mn-search-wrap{flex-basis:100%}.mn-detail-grid{grid-template-columns:1fr}}

/* ── Tenant Security Audit enterprise layout ───────────────── */
.ta-hero,.ta-command-bar,.ta-detail-panel,.ta-table-wrap{background:rgba(255,255,255,.92);border:1px solid rgba(203,213,225,.72);border-radius:var(--r-2xl);box-shadow:var(--shadow-sm)}.ta-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.25rem;align-items:center;padding:clamp(1.25rem,2vw,1.75rem);margin-bottom:1rem;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.88)),radial-gradient(circle at 90% 8%,rgba(220,38,38,.12),transparent 20rem)}.ta-eyebrow{display:inline-flex;margin-bottom:.45rem;color:var(--danger);font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.ta-hero h2{margin:0;font-size:clamp(1.55rem,3vw,2.25rem);font-weight:850}.ta-hero p{max-width:72ch;margin:.5rem 0 0;color:var(--text-secondary)}.ta-hero-actions{display:flex;gap:.55rem;flex-wrap:wrap}.ta-kpi-section{margin-bottom:1rem}.ta-kpi-heading{display:flex;justify-content:space-between;gap:1rem;margin:.35rem 0 .5rem;color:var(--text-primary);font-size:.82rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.ta-kpi-heading small{color:var(--text-muted);font-weight:650;text-transform:none;letter-spacing:0}.ta-kpi-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.ta-kpi-strip--actions{grid-template-columns:repeat(6,minmax(0,1fr))}.ta-kpi-strip--modules{grid-template-columns:repeat(8,minmax(0,1fr))}.ta-kpi-card{min-width:0;background:rgba(255,255,255,.92);border:1px solid rgba(203,213,225,.72);border-radius:var(--r-2xl);padding:1rem;text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s,transform .15s}.ta-kpi-card:hover{transform:translateY(-1px);border-color:rgba(35,109,255,.35);box-shadow:var(--shadow-md)}.ta-kpi-active{border-color:var(--brand-500)!important;background:var(--brand-50)!important;box-shadow:var(--ring),var(--shadow-sm)!important}.ta-kpi-val{font-size:1.35rem;font-weight:850;line-height:1;color:var(--text-primary)}.ta-kpi-lbl{display:flex;align-items:center;gap:.3rem;margin-top:.25rem;color:var(--text-muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.ta-kpi-success .ta-kpi-val{color:var(--success)}.ta-kpi-failed .ta-kpi-val,.ta-kpi-risk .ta-kpi-val,.ta-kpi-denied .ta-kpi-val{color:var(--danger)}.ta-kpi-mfa .ta-kpi-val{color:var(--accent-violet)}.ta-kpi-access .ta-kpi-val,.ta-kpi-login .ta-kpi-val,.ta-kpi-module .ta-kpi-val{color:var(--brand-600)}.ta-kpi-change .ta-kpi-val,.ta-kpi-roles .ta-kpi-val{color:var(--warning)}.ta-command-bar{display:flex;align-items:center;gap:.75rem;padding:.85rem;margin-bottom:1rem;flex-wrap:wrap}.ta-search-wrap{position:relative;flex:1 1 24rem}.ta-search-wrap i{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.ta-search-wrap input{width:100%;min-height:2.4rem;padding:.55rem .75rem .55rem 2.35rem;border:1px solid var(--border-color);border-radius:var(--r-md);background:var(--surface-card);color:var(--text-primary)}.ta-filter-sel{min-height:2.4rem;padding:.45rem .65rem;border:1px solid var(--border-color);border-radius:var(--r-md);background:var(--surface-card);color:var(--text-primary)}.ta-view-tabs{display:flex;gap:.35rem;flex-wrap:wrap}.ta-view-tab{padding:.45rem .75rem;border:1px solid var(--border-color);border-radius:var(--r-full);background:var(--surface-card);color:var(--text-secondary);font-size:.78rem;font-weight:850}.ta-view-tab--active{background:linear-gradient(135deg,var(--danger),#ef4444);border-color:transparent;color:#fff}.ta-view-tab span{margin-left:.25rem}.ta-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,27rem);gap:1rem;align-items:start}.ta-feed{display:grid;gap:.35rem}.ta-date-sep{display:flex;align-items:center;gap:.75rem;margin:.4rem 0;color:var(--text-muted);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.ta-date-sep:before,.ta-date-sep:after{content:"";height:1px;background:var(--border-color);flex:1}.ta-item{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem;border:1px solid transparent;border-radius:var(--r-xl);cursor:pointer;background:var(--surface-card)}.ta-item:hover,.ta-item-selected{background:var(--surface-raised);border-color:rgba(35,109,255,.25);box-shadow:var(--shadow-xs)}.ta-item-danger{border-left:4px solid var(--danger);background:rgba(220,38,38,.04)}.ta-icon{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:var(--r-lg);background:rgba(35,109,255,.12);color:var(--brand-700);flex:0 0 auto}.ta-icon-login,.ta-icon-logout{background:var(--success-bg);color:var(--success)}.ta-icon-loginfailed,.ta-icon-permissiondenied,.ta-icon-accountlocked{background:var(--danger-bg);color:var(--danger)}.ta-icon-mfachallenge,.ta-icon-mfareset,.ta-icon-mfarequired{background:rgba(124,58,237,.12);color:var(--accent-violet)}.ta-body{flex:1;min-width:0}.ta-hdr{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.ta-title{font-weight:850;color:var(--text-primary)}.ta-meta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.35rem;color:var(--text-muted);font-size:.74rem}.ta-meta span{display:inline-flex;align-items:center;gap:.25rem}.ta-chip,.ta-status,.ta-risk{display:inline-flex;align-items:center;gap:.25rem;border-radius:var(--r-full);padding:.2rem .55rem;font-size:.7rem;font-weight:850}.ta-chip{background:var(--surface-muted);color:var(--text-secondary)}.ta-chip-category{background:rgba(35,109,255,.1);color:var(--brand-700)}.ta-chip-module{background:rgba(8,145,178,.12);color:var(--accent-cyan)}.ta-chip-change{background:var(--warning-bg);color:var(--warning)}.ta-status-success{background:var(--success-bg);color:var(--success)}.ta-status-danger,.ta-risk{background:var(--danger-bg);color:var(--danger)}.ta-empty{display:grid;place-items:center;gap:.5rem;min-height:10rem;color:var(--text-muted);border:1px dashed var(--border-dark);border-radius:var(--r-2xl)}.ta-empty i{font-size:2rem;opacity:.35}.ta-detail-panel{padding:1rem;position:sticky;top:1rem}.ta-detail-header{display:flex;align-items:center;justify-content:space-between}.ta-detail-panel h3{margin:.75rem 0 .35rem;color:var(--text-primary)}.ta-detail-grid{display:grid;grid-template-columns:1fr;gap:.65rem;margin-top:1rem}.ta-detail-grid div{padding:.75rem;background:var(--surface-raised);border:1px solid var(--border-color);border-radius:var(--r-lg)}.ta-detail-grid span{display:block;color:var(--text-muted);font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.ta-detail-grid strong{display:block;margin-top:.2rem;color:var(--text-primary);overflow-wrap:anywhere}.ta-table{width:100%;border-collapse:collapse}.ta-table th,.ta-table td{padding:.75rem;border-bottom:1px solid var(--border-color);text-align:left;vertical-align:top}.ta-table th{color:var(--text-muted);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.ta-table tbody tr{cursor:pointer}.ta-table tbody tr:hover,.ta-table-row-selected{background:var(--surface-raised)}.ta-diff-old{color:var(--danger)}.ta-diff-new{color:var(--success)}@media(max-width:1200px){.ta-kpi-strip,.ta-kpi-strip--actions,.ta-kpi-strip--modules{grid-template-columns:repeat(3,minmax(0,1fr))}.ta-layout,.ta-hero{grid-template-columns:1fr}.ta-detail-panel{position:static}}@media(max-width:700px){.ta-kpi-strip,.ta-kpi-strip--actions,.ta-kpi-strip--modules{grid-template-columns:1fr}.ta-search-wrap{flex-basis:100%}}

/* ── Tenant Login Sessions enterprise layout ───────────────── */
.ss-hero,.ss-command-bar,.ss-detail-panel{background:rgba(255,255,255,.92);border:1px solid rgba(203,213,225,.72);border-radius:var(--r-2xl);box-shadow:var(--shadow-sm)}.ss-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.25rem;align-items:center;padding:clamp(1.25rem,2vw,1.75rem);margin-bottom:1rem;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.88)),radial-gradient(circle at 90% 8%,rgba(35,109,255,.13),transparent 20rem)}.ss-eyebrow{display:inline-flex;margin-bottom:.45rem;color:var(--brand-600);font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.ss-hero h2{margin:0;font-size:clamp(1.55rem,3vw,2.25rem);font-weight:850}.ss-hero p{max-width:72ch;margin:.5rem 0 0;color:var(--text-secondary)}.ss-hero-actions,.ss-detail-actions{display:flex;gap:.55rem;flex-wrap:wrap}.ss-kpi-section{margin-bottom:1rem}.ss-kpi-heading{display:flex;justify-content:space-between;gap:1rem;margin:.35rem 0 .5rem;color:var(--text-primary);font-size:.82rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.ss-kpi-heading small{color:var(--text-muted);font-weight:650;text-transform:none;letter-spacing:0}.ss-kpi-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.ss-kpi-strip--compact{grid-template-columns:repeat(8,minmax(0,1fr))}.ss-kpi-card{min-width:0;background:rgba(255,255,255,.92);border:1px solid rgba(203,213,225,.72);border-radius:var(--r-2xl);padding:1rem;text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s,transform .15s}.ss-kpi-card:hover{transform:translateY(-1px);border-color:rgba(35,109,255,.35);box-shadow:var(--shadow-md)}.ss-kpi-active{border-color:var(--brand-500)!important;background:var(--brand-50)!important;box-shadow:var(--ring),var(--shadow-sm)!important}.ss-kpi-val{font-size:1.35rem;font-weight:850;line-height:1}.ss-kpi-lbl{display:flex;align-items:center;gap:.3rem;margin-top:.25rem;color:var(--text-muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.ss-kpi-active .ss-kpi-val,.ss-kpi-users .ss-kpi-val,.ss-kpi-device .ss-kpi-val{color:var(--brand-600)}.ss-kpi-suspicious .ss-kpi-val{color:var(--danger)}.ss-kpi-mobile .ss-kpi-val{color:var(--accent-violet)}.ss-kpi-stale .ss-kpi-val{color:var(--warning)}.ss-kpi-revoked .ss-kpi-val{color:var(--text-muted)}.ss-kpi-location .ss-kpi-val{color:var(--accent-cyan)}.ss-command-bar{display:flex;align-items:center;gap:.75rem;padding:.85rem;margin-bottom:1rem;flex-wrap:wrap}.ss-search-wrap{position:relative;flex:1 1 24rem}.ss-search-wrap i{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.ss-search-wrap input{width:100%;min-height:2.4rem;padding:.55rem .75rem .55rem 2.35rem;border:1px solid var(--border-color);border-radius:var(--r-md);background:var(--surface-card);color:var(--text-primary)}.ss-filter-sel{min-height:2.4rem;padding:.45rem .65rem;border:1px solid var(--border-color);border-radius:var(--r-md);background:var(--surface-card);color:var(--text-primary)}.ss-filter-count{margin-left:auto;color:var(--text-muted);font-size:.74rem;font-weight:750}.ss-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,27rem);gap:1rem;align-items:start}.ss-session-list{display:grid;gap:.35rem}.ss-date-sep{display:flex;align-items:center;gap:.75rem;margin:.4rem 0;color:var(--text-muted);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.ss-date-sep:before,.ss-date-sep:after{content:"";height:1px;background:var(--border-color);flex:1}.ss-item{display:flex;align-items:flex-start;gap:.75rem;padding:.85rem;border:1px solid transparent;border-radius:var(--r-xl);cursor:pointer;background:var(--surface-card)}.ss-item:hover,.ss-item-selected{background:var(--surface-raised);border-color:rgba(35,109,255,.25);box-shadow:var(--shadow-xs)}.ss-item-danger{border-left:4px solid var(--danger);background:rgba(220,38,38,.04)}.ss-avatar{display:grid;place-items:center;width:2.45rem;height:2.45rem;border-radius:50%;font-size:.78rem;font-weight:850;flex:0 0 auto}.ss-body{flex:1;min-width:0}.ss-hdr{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.ss-title{font-weight:850;color:var(--text-primary)}.ss-meta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:.35rem;color:var(--text-muted);font-size:.74rem}.ss-meta span{display:inline-flex;align-items:center;gap:.25rem}.ss-chip,.ss-risk{display:inline-flex;align-items:center;gap:.25rem;border-radius:var(--r-full);padding:.2rem .55rem;font-size:.7rem;font-weight:850}.ss-chip-device{background:rgba(35,109,255,.1);color:var(--brand-700)}.ss-chip-status-active{background:var(--success-bg);color:var(--success)}.ss-chip-status-suspicious,.ss-risk{background:var(--danger-bg);color:var(--danger)}.ss-chip-status-expired{background:var(--warning-bg);color:var(--warning)}.ss-chip-status-revoked{background:var(--surface-muted);color:var(--text-secondary)}.ss-actions{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.ss-empty{display:grid;place-items:center;gap:.5rem;min-height:10rem;color:var(--text-muted);border:1px dashed var(--border-dark);border-radius:var(--r-2xl)}.ss-empty i{font-size:2rem;opacity:.35}.ss-detail-panel{padding:1rem;position:sticky;top:1rem}.ss-detail-header{display:flex;justify-content:space-between;align-items:center}.ss-detail-panel h3{margin:.75rem 0;color:var(--text-primary)}.ss-detail-grid{display:grid;grid-template-columns:1fr;gap:.65rem}.ss-detail-grid div{padding:.75rem;background:var(--surface-raised);border:1px solid var(--border-color);border-radius:var(--r-lg)}.ss-detail-grid span{display:block;color:var(--text-muted);font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.ss-detail-grid strong{display:block;margin-top:.2rem;color:var(--text-primary);overflow-wrap:anywhere}.ss-detail-actions{margin-top:1rem}@media(max-width:1200px){.ss-kpi-strip,.ss-kpi-strip--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.ss-layout,.ss-hero{grid-template-columns:1fr}.ss-detail-panel{position:static}}@media(max-width:700px){.ss-kpi-strip,.ss-kpi-strip--compact{grid-template-columns:1fr}.ss-search-wrap{flex-basis:100%}.ss-item{flex-direction:column}.ss-actions{justify-content:flex-start}}
/* -- Workbench Activities enterprise layout ----------------- */
.ma-hero,.ma-filter-bar,.ma-detail-panel,.ma-table-wrap{background:rgba(255,255,255,.92);border:1px solid rgba(203,213,225,.72);border-radius:var(--r-2xl);box-shadow:var(--shadow-sm)}
.theme-dark .ma-hero,.theme-dark .ma-filter-bar,.theme-dark .ma-detail-panel,.theme-dark .ma-table-wrap{background:rgba(16,26,43,.88);border-color:rgba(148,163,184,.18)}
.ma-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.25rem;align-items:center;padding:clamp(1.25rem,2vw,1.75rem);margin-bottom:1rem;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(248,250,252,.88)),radial-gradient(circle at 90% 8%,rgba(124,58,237,.14),transparent 20rem)}
.ma-eyebrow{display:inline-flex;margin-bottom:.45rem;color:var(--brand-600);font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.ma-hero h2{margin:0;font-size:clamp(1.55rem,3vw,2.25rem);font-weight:850}.ma-hero p{max-width:72ch;margin:.5rem 0 0;color:var(--text-secondary)}.ma-hero-actions,.ma-row-actions,.ma-detail-actions{display:flex;gap:.55rem;flex-wrap:wrap}.ma-kpi-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.ma-kpi-card{min-width:0;background:rgba(255,255,255,.92);border:1px solid rgba(203,213,225,.72);border-radius:var(--r-2xl);padding:1rem;text-align:left;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s,transform .15s}.ma-kpi-card:hover{transform:translateY(-1px);border-color:rgba(35,109,255,.35);box-shadow:var(--shadow-md)}.ma-kpi-active{border-color:var(--brand-500)!important;background:var(--brand-50)!important;box-shadow:var(--ring),var(--shadow-sm)!important}.ma-kpi-val{font-size:1.35rem;font-weight:850;color:var(--text-primary);line-height:1}.ma-kpi-lbl{margin-top:.25rem;font-size:.74rem;font-weight:800;color:var(--text-muted);display:flex;align-items:center;gap:.3rem;text-transform:uppercase;letter-spacing:.04em}.ma-kpi-total .ma-kpi-val{color:var(--brand-600)}.ma-kpi-today .ma-kpi-val{color:var(--accent-emerald)}.ma-kpi-call .ma-kpi-val{color:var(--accent-violet)}.ma-kpi-email .ma-kpi-val{color:var(--accent-cyan)}.ma-kpi-meet .ma-kpi-val{color:var(--warning)}.ma-kpi-task .ma-kpi-val{color:var(--success)}.ma-filter-bar{display:flex;align-items:center;gap:.75rem;padding:.85rem;margin-bottom:1rem;flex-wrap:wrap}.ma-search-wrap{position:relative;flex:1 1 22rem}.ma-search-wrap i{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.ma-search{width:100%;min-height:2.4rem;padding:.55rem .75rem .55rem 2.35rem;border:1px solid var(--border-color);border-radius:var(--r-md);background:var(--surface-card);color:var(--text-primary)}.ma-type-pills{display:flex;gap:.35rem;flex-wrap:wrap}.ma-pill{border:1px solid var(--border-color);border-radius:var(--r-full);padding:.45rem .75rem;background:var(--surface-card);color:var(--text-secondary);font-size:.78rem;font-weight:800}.ma-pill-active{background:linear-gradient(135deg,var(--brand-600),var(--brand-500));border-color:transparent;color:#fff}.ma-filter-sel{min-height:2.4rem;border:1px solid var(--border-color);border-radius:var(--r-md);background:var(--surface-card);color:var(--text-primary);padding:.45rem .65rem}.ma-filter-count{margin-left:auto;color:var(--text-muted);font-size:.76rem;font-weight:750}.ma-view-tabs{display:flex;gap:.35rem;margin-bottom:.85rem;border-bottom:1px solid var(--border-color);overflow-x:auto}.ma-view-tab{padding:.7rem 1rem;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted);font-weight:850}.ma-view-tab--active{color:var(--brand-600);border-bottom-color:var(--brand-600)}.ma-tab-count{margin-left:.35rem;padding:.08rem .45rem;border-radius:var(--r-full);background:var(--surface-muted);font-size:.68rem}.ma-content{display:grid;gap:.8rem}.ma-feed{display:grid;gap:.45rem}.ma-date-sep{display:flex;align-items:center;gap:.75rem;margin:.35rem 0;color:var(--text-muted);font-size:.72rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.ma-date-sep:before,.ma-date-sep:after{content:"";height:1px;background:var(--border-color);flex:1}.ma-feed-item{display:flex;align-items:flex-start;gap:.8rem;padding:.85rem;border:1px solid transparent;border-radius:var(--r-xl);cursor:pointer}.ma-feed-item:hover,.ma-feed-item--selected{background:var(--surface-raised);border-color:rgba(35,109,255,.28);box-shadow:var(--shadow-xs)}.ma-feed-icon{width:2.5rem;height:2.5rem;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;flex:0 0 auto}.ma-type-call,.ma-tc-call{background:rgba(124,58,237,.12);color:#6d28d9}.ma-type-email,.ma-tc-email{background:rgba(8,145,178,.12);color:#0e7490}.ma-type-meeting,.ma-tc-meeting{background:var(--warning-bg);color:var(--warning)}.ma-type-task,.ma-tc-task{background:var(--success-bg);color:var(--success)}.ma-type-note,.ma-tc-note{background:var(--surface-muted);color:var(--text-secondary)}.ma-type-workflow,.ma-tc-workflow{background:rgba(35,109,255,.12);color:var(--brand-700)}.ma-feed-body{flex:1;min-width:0}.ma-feed-hdr{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.ma-feed-acct{font-weight:850;color:var(--text-primary)}.ma-feed-notes{margin:.3rem 0;color:var(--text-secondary);font-size:.84rem}.ma-feed-meta{display:flex;gap:.75rem;flex-wrap:wrap;color:var(--text-muted);font-size:.74rem}.ma-feed-meta span{display:inline-flex;align-items:center;gap:.25rem}.ma-type-chip{display:inline-flex;align-items:center;gap:.25rem;border-radius:var(--r-full);padding:.22rem .55rem;font-size:.7rem;font-weight:850}.ma-done-chip{display:inline-flex;align-items:center;gap:.25rem;color:var(--success);font-size:.72rem;font-weight:850}.ma-danger{color:var(--danger)!important}.ma-empty{display:grid;place-items:center;gap:.5rem;min-height:12rem;color:var(--text-muted);border:1px dashed var(--border-dark);border-radius:var(--r-2xl)}.ma-empty-icon{font-size:2rem;opacity:.35}.ma-table{width:100%;border-collapse:collapse}.ma-table th,.ma-table td{padding:.75rem;border-bottom:1px solid var(--border-color);text-align:left;vertical-align:top}.ma-table th{font-size:.72rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.ma-table tbody tr{cursor:pointer}.ma-table tbody tr:hover,.ma-table-row--selected{background:var(--surface-raised)}.ma-table-actions{white-space:nowrap}.ma-detail-panel{margin-top:1rem;padding:1rem}.ma-detail-header{display:flex;justify-content:space-between;align-items:center}.ma-detail-panel h3{margin:.75rem 0 .35rem;color:var(--text-primary)}.ma-detail-panel p{color:var(--text-secondary)}.ma-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1rem 0}.ma-detail-grid div{padding:.75rem;border:1px solid var(--border-color);border-radius:var(--r-lg);background:var(--surface-raised)}.ma-detail-grid span{display:block;color:var(--text-muted);font-size:.7rem;font-weight:850;text-transform:uppercase;letter-spacing:.07em}.ma-detail-grid strong{display:block;margin-top:.2rem;color:var(--text-primary)}@media (max-width:1100px){.ma-kpi-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.ma-hero{grid-template-columns:1fr}.ma-detail-grid{grid-template-columns:1fr}}@media (max-width:700px){.ma-kpi-strip{grid-template-columns:1fr}.ma-filter-count{margin-left:0}}

/* --------------------------------------------------------
   Form Validation Messages
   -------------------------------------------------------- */

.text-danger:not(.validation-message):not(.um-validation-message) {
    color: #dc2626 !important;
}

.validation-message,
.um-validation-message,
.text-danger.validation-message,
.text-danger.um-validation-message {
    display: flex !important;
    align-items: center;
    gap: .45rem;
    margin-top: .55rem;
    color: #dc3545 !important;
    font-size: .875rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .01em;
}

input:invalid,
textarea:invalid,
select:invalid,
.form-control.is-invalid {
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, .1) !important;
}

input:invalid:focus,
textarea:invalid:focus,
select:invalid:focus,
.form-control.is-invalid:focus {
    border-color: #dc2626 !important;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, .14) !important;
}

input.invalid,
select.invalid,
textarea.invalid,
.form-control.invalid,
.form-control.modified.invalid,
.um-input.invalid,
.um-input.modified.invalid,
.modified.invalid,
.input-validation-error,
[aria-invalid="true"],
.acd-body input.invalid,
.acd-body select.invalid,
.acd-body textarea.invalid,
.acd-body .form-control.invalid,
.e-input-group.e-error,
.e-input-group.e-control-wrapper.e-error,
.e-ddl.e-input-group.e-control-wrapper.e-error {
    border-color: #dc2626 !important;
    background:
        linear-gradient(180deg, rgba(255, 241, 242, .68), rgba(255, 255, 255, .96)) !important;
    box-shadow:
        0 0 0 3px rgba(220, 38, 38, .12),
        0 10px 24px rgba(220, 38, 38, .08) !important;
    color: var(--text-primary) !important;
}

input.invalid:focus,
select.invalid:focus,
textarea.invalid:focus,
.form-control.invalid:focus,
.form-control.modified.invalid:focus,
.um-input.invalid:focus,
.um-input.modified.invalid:focus,
.modified.invalid:focus,
.input-validation-error:focus,
[aria-invalid="true"]:focus,
.acd-body input.invalid:focus,
.acd-body select.invalid:focus,
.acd-body textarea.invalid:focus,
.acd-body .form-control.invalid:focus,
.e-input-group.e-error.e-input-focus,
.e-input-group.e-control-wrapper.e-error.e-input-focus,
.e-ddl.e-input-group.e-control-wrapper.e-error.e-input-focus {
    border-color: #b91c1c !important;
    box-shadow:
        0 0 0 4px rgba(220, 38, 38, .18),
        0 14px 30px rgba(220, 38, 38, .12) !important;
    outline: none !important;
}

.acd-body .form-row:has(.invalid) label,
.acd-body .form-row:has([aria-invalid="true"]) label,
.um-field:has(.invalid) label,
.um-field:has([aria-invalid="true"]) label {
    color: #b91c1c !important;
}

/* --------------------------------------------------------
   Global Add/Edit Modal Polish
   -------------------------------------------------------- */

.ams-content > .mt-modal-backdrop,
.ams-content > .e-dlg-overlay,
.ams-content > .modal-backdrop {
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    margin-inline: 0 !important;
}

.mt-modal-backdrop,
.e-dlg-overlay,
.modal-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 2500 !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    background: rgba(15, 23, 42, .54) !important;
    backdrop-filter: blur(4px) saturate(135%);
}

.mt-modal-backdrop {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    padding: clamp(.75rem, 2vh, 1.5rem) 1rem !important;
    overflow-y: auto !important;
}

.mt-modal,
.e-dialog,
.modal-dialog {
    max-width: min(980px, calc(100vw - 2rem)) !important;
    border: 1px solid rgba(203, 213, 225, .78) !important;
    border-radius: var(--r-2xl) !important;
    background: var(--surface-card) !important;
    box-shadow: 0 30px 90px rgba(15, 23, 42, .24) !important;
    overflow: visible !important;
}

.mt-modal,
.modal-dialog {
    width: min(1280px, calc(100vw - 2rem)) !important;
    max-height: none !important;
}

.e-dialog {
    width: min(1280px, calc(100vw - 2rem)) !important;
    max-height: none !important;
}

.um-modal-header,
.e-dialog .e-dlg-header-content,
.modal-header {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: .6rem !important;
    padding: 1rem 3.75rem 1rem 1.35rem !important;
    border-bottom: 1px solid var(--border-color) !important;
    background: linear-gradient(180deg, var(--surface-card), var(--surface-raised)) !important;
    color: var(--text-primary) !important;
}

.um-modal-header > .um-btn.ms-auto,
.um-modal-header > button.ms-auto,
.um-modal-header > button[aria-label="Close"],
.modal-header .btn-close,
.e-dialog .e-dlg-closeicon-btn {
    position: absolute !important;
    top: .75rem !important;
    right: .85rem !important;
    z-index: 3 !important;
    margin: 0 !important;
}

.um-modal-header > .um-btn.ms-auto,
.um-modal-header > button.ms-auto,
.um-modal-header > button[aria-label="Close"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 2.15rem !important;
    min-width: 2.15rem !important;
    height: 2.15rem !important;
    min-height: 2.15rem !important;
    padding: 0 !important;
    border-radius: var(--r-full) !important;
}

.e-dialog .e-dlg-closeicon-btn {
    width: 2.15rem !important;
    height: 2.15rem !important;
    border-radius: var(--r-full) !important;
}

.um-modal-body,
.e-dialog .e-dlg-content,
.modal-body {
    padding: 1rem 1.35rem !important;
    max-height: none !important;
    overflow: visible !important;
    background: var(--surface-card) !important;
}

.um-modal-footer,
.e-dialog .e-footer-content,
.modal-footer {
    display: flex !important;
    justify-content: flex-end !important;
    gap: .6rem !important;
    padding: .85rem 1.35rem 1rem !important;
    border-top: 1px solid var(--border-color) !important;
    background: linear-gradient(180deg, var(--surface-card), var(--surface-raised)) !important;
}

.e-dialog .um-confirm-dialog,
.mt-modal-backdrop .um-confirm-dialog {
    width: 100% !important;
    border: 0 !important;
    box-shadow: none !important;
    background: var(--surface-card) !important;
}

.e-dialog .um-confirm-dialog .um-modal-footer,
.mt-modal-backdrop .um-confirm-dialog .um-modal-footer {
    width: 100% !important;
    justify-content: center !important;
}

.e-dialog .um-confirm-dialog .um-modal-footer .um-btn-danger,
.mt-modal-backdrop .um-confirm-dialog .um-modal-footer .um-btn-danger {
    order: 1;
}

.e-dialog .um-confirm-dialog .um-modal-footer .um-btn-ghost,
.mt-modal-backdrop .um-confirm-dialog .um-modal-footer .um-btn-ghost {
    order: 2;
}

.e-dialog .e-footer-content .um-btn-danger {
    order: 1;
}

.e-dialog .e-footer-content .um-btn-ghost {
    order: 2;
}

.e-dialog .um-confirm-title,
.e-dialog .um-confirm-content h3,
.e-dialog .um-confirm-dialog h3 {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--text-primary);
}

.e-dialog .um-confirm-body,
.e-dialog .um-confirm-text,
.e-dialog .um-confirm-content p,
.e-dialog .um-confirm-dialog p {
    margin: 0;
    color: var(--text-tertiary);
    font-size: .9rem;
    line-height: 1.5;
}

.um-modal-body .um-form-grid,
.e-dialog .um-form-grid,
.modal-body .um-form-grid,
.mt-modal .um-form-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: .75rem 1rem !important;
    align-items: start !important;
}

.um-modal-body .um-form-grid > h1,
.um-modal-body .um-form-grid > h2,
.um-modal-body .um-form-grid > h3,
.um-modal-body .um-form-grid > h4,
.um-modal-body .um-form-grid > h5,
.um-modal-body .um-form-grid > h6,
.um-modal-body .um-form-grid > .section-label,
.um-modal-body .um-form-grid > [class*="section"],
.e-dialog .um-form-grid > h1,
.e-dialog .um-form-grid > h2,
.e-dialog .um-form-grid > h3,
.e-dialog .um-form-grid > h4,
.e-dialog .um-form-grid > h5,
.e-dialog .um-form-grid > h6,
.e-dialog .um-form-grid > .section-label,
.e-dialog .um-form-grid > [class*="section"],
.modal-body .um-form-grid > h1,
.modal-body .um-form-grid > h2,
.modal-body .um-form-grid > h3,
.modal-body .um-form-grid > h4,
.modal-body .um-form-grid > h5,
.modal-body .um-form-grid > h6,
.modal-body .um-form-grid > .section-label,
.modal-body .um-form-grid > [class*="section"],
.mt-modal .um-form-grid > h1,
.mt-modal .um-form-grid > h2,
.mt-modal .um-form-grid > h3,
.mt-modal .um-form-grid > h4,
.mt-modal .um-form-grid > h5,
.mt-modal .um-form-grid > h6,
.mt-modal .um-form-grid > .section-label,
.mt-modal .um-form-grid > [class*="section"] {
    grid-column: 1 / -1 !important;
}

.um-modal-body .um-field--full,
.e-dialog .um-field--full,
.modal-body .um-field--full,
.mt-modal .um-field--full {
    grid-column: 1 / -1 !important;
}

.um-modal-body .um-field label,
.e-dialog .um-field label,
.modal-body .um-field label,
.mt-modal .um-field label,
.um-modal-body label,
.e-dialog label,
.modal-body label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: .25rem !important;
    width: fit-content !important;
    margin-bottom: .1rem !important;
}

.um-required,
label .text-danger {
    display: inline !important;
    margin: 0 !important;
    color: #dc2626 !important;
    font-weight: 900 !important;
    line-height: 1 !important;
}

.theme-dark .um-required,
.theme-dark label .text-danger,
[data-theme="dark"] .um-required,
[data-theme="dark"] label .text-danger {
    color: #ff5a5f !important;
    text-shadow: 0 0 8px rgba(255, 90, 95, .45);
}

@media (max-width: 760px) {
    .um-modal-body .um-form-grid,
    .e-dialog .um-form-grid,
    .modal-body .um-form-grid,
    .mt-modal .um-form-grid {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 1100px) and (min-width: 761px) {
    .um-modal-body .um-form-grid,
    .e-dialog .um-form-grid,
    .modal-body .um-form-grid,
    .mt-modal .um-form-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* --------------------------------------------------------
   Workbench Modal Centering + Enterprise Shell Overrides
   -------------------------------------------------------- */

.e-dlg-container,
.e-dlg-center-center,
.e-dlg-container.e-dlg-center-center,
.e-dlg-target.e-dlg-center-center {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    max-width: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: clamp(.75rem, 2vh, 1.5rem) !important;
    overflow: auto !important;
    pointer-events: none !important;
    z-index: 2501 !important;
}

.e-dlg-container > .e-dialog,
.e-dlg-center-center > .e-dialog,
.e-dialog.e-popup-open,
.e-dialog.e-popup {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    margin: auto !important;
    pointer-events: auto !important;
}

.e-dialog,
.e-dialog.e-popup,
.e-dialog.e-popup-open,
.mt-modal,
.modal-dialog {
    border-radius: var(--r-2xl) !important;
    overflow: hidden !important;
    background: var(--surface-card) !important;
    background-clip: padding-box !important;
    box-shadow: 0 32px 90px rgba(15, 23, 42, .24) !important;
}

.e-dialog .e-dlg-content,
.e-dialog .um-modal-header,
.e-dialog .um-modal-body,
.e-dialog .um-modal-footer,
.mt-modal .um-modal-header,
.mt-modal .um-modal-body,
.mt-modal .um-modal-footer {
    border-radius: 0 !important;
}

.e-dialog .e-dlg-content {
    padding: 0 !important;
}

.e-dialog .um-modal-header,
.mt-modal .um-modal-header {
    min-height: 4.25rem !important;
    padding: 1rem 4rem 1rem 1.35rem !important;
}

.e-dialog .um-modal-header > i,
.mt-modal .um-modal-header > i {
    width: 2.35rem !important;
    height: 2.35rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    border-radius: var(--r-lg) !important;
    background: var(--info-bg) !important;
    color: var(--brand-700) !important;
    border: 1px solid rgba(35, 109, 255, .16) !important;
}

.e-dialog .um-modal-header > span,
.mt-modal .um-modal-header > span {
    color: var(--text-primary) !important;
    font-size: 1.05rem !important;
    font-weight: 900 !important;
    letter-spacing: -.03em !important;
}

.e-dialog .um-modal-body,
.mt-modal .um-modal-body {
    padding: 1.1rem 1.35rem !important;
}

.e-dialog .um-modal-footer,
.mt-modal .um-modal-footer {
    min-height: 3.8rem !important;
    padding: .85rem 1.35rem 1rem !important;
}

@media (max-height: 820px) {
    .e-dlg-container,
    .e-dlg-center-center,
    .e-dlg-container.e-dlg-center-center,
    .e-dlg-target.e-dlg-center-center {
        align-items: center !important;
    }

    .e-dlg-container > .e-dialog,
    .e-dlg-center-center > .e-dialog,
    .e-dialog.e-popup-open,
    .e-dialog.e-popup {
        margin: auto !important;
    }
}

/* Keep delete/remove confirmation dialogs at the old compact width. */
.e-dialog:has(.um-confirm-dialog),
.e-dialog.e-popup:has(.um-confirm-dialog),
.e-dialog.e-popup-open:has(.um-confirm-dialog) {
    width: min(440px, calc(100vw - 2rem)) !important;
    max-width: min(440px, calc(100vw - 2rem)) !important;
}

.mt-modal-backdrop .um-confirm-dialog.mt-confirm,
.mt-modal-backdrop .mt-confirm {
    width: min(440px, calc(100vw - 2rem)) !important;
    max-width: min(440px, calc(100vw - 2rem)) !important;
}

/* Final workbench modal centering override. Keep dialogs visually centered
   in the viewport when the dialog content fits without scrolling. */
.mt-modal-backdrop,
.e-dlg-container,
.e-dlg-center-center,
.e-dlg-container.e-dlg-center-center,
.e-dlg-target.e-dlg-center-center {
    align-items: center !important;
    justify-content: center !important;
}

.mt-modal,
.e-dlg-container > .e-dialog,
.e-dlg-center-center > .e-dialog,
.e-dialog.e-popup-open,
.e-dialog.e-popup {
    margin: auto !important;
}

/* --------------------------------------------------------
   Final Auth Page Contrast Overrides
   Keep these at the end so broad enterprise card/panel rules do
   not turn the login/register brand panel white-on-white.
   -------------------------------------------------------- */
.login-layout,
.login-layout body {
    background:
        radial-gradient(circle at 12% 8%, rgba(59, 130, 246, .36), transparent 34rem),
        radial-gradient(circle at 90% 18%, rgba(8, 145, 178, .30), transparent 32rem),
        radial-gradient(circle at 40% 108%, rgba(124, 58, 237, .20), transparent 28rem),
        linear-gradient(135deg, #06111f 0%, #0b1628 46%, #111d31 100%) !important;
    color: #f8fafc !important;
}

.login-layout .login-shell {
    background:
        linear-gradient(90deg, rgba(6, 17, 31, .42), rgba(6, 17, 31, .06)),
        radial-gradient(circle at 26% 18%, rgba(35, 109, 255, .18), transparent 26rem) !important;
}

.login-layout .login-brand-panel {
    background:
        radial-gradient(circle at 18% 12%, rgba(59, 130, 246, .24), transparent 24rem),
        radial-gradient(circle at 88% 92%, rgba(8, 145, 178, .20), transparent 18rem),
        linear-gradient(145deg, rgba(15, 23, 42, .86), rgba(8, 17, 31, .96)) !important;
    border-color: rgba(255, 255, 255, .14) !important;
    box-shadow: 0 32px 90px rgba(0, 0, 0, .32) !important;
    color: #f8fafc !important;
}

.login-layout .login-brand-name,
.login-layout .login-hero-copy h1,
.login-layout .login-proof-card strong {
    color: #ffffff !important;
}

.login-layout .login-brand-kicker {
    color: rgba(226, 232, 240, .72) !important;
}

.login-layout .login-hero-copy p {
    color: rgba(226, 232, 240, .84) !important;
}

.login-layout .login-eyebrow {
    background: rgba(15, 23, 42, .54) !important;
    border-color: rgba(147, 197, 253, .34) !important;
    color: #bfdbfe !important;
}

.login-layout .login-proof-card {
    background: rgba(15, 23, 42, .36) !important;
    border-color: rgba(255, 255, 255, .16) !important;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .20) !important;
    color: #f8fafc !important;
}

.login-layout .login-proof-card span {
    color: rgba(203, 213, 225, .78) !important;
}

.login-layout .login-security-strip span {
    background: rgba(15, 23, 42, .38) !important;
    border-color: rgba(255, 255, 255, .14) !important;
    color: rgba(226, 232, 240, .86) !important;
}

.login-layout.theme-dark .login-form-card,
.login-layout.theme-dark .login-support-card,
.theme-dark .login-layout .login-form-card,
.theme-dark .login-layout .login-support-card,
[data-theme="dark"] .login-layout .login-form-card,
[data-theme="dark"] .login-layout .login-support-card {
    background: linear-gradient(180deg, rgba(15, 23, 42, .96), rgba(8, 15, 29, .98)) !important;
    border-color: rgba(148, 163, 184, .28) !important;
    color: #f8fafc !important;
}

.login-layout.theme-dark .login-form-header h2,
.login-layout.theme-dark .login-support-card strong,
.login-layout.theme-dark .login-field label,
.login-layout.theme-dark .login-check,
.theme-dark .login-layout .login-form-header h2,
.theme-dark .login-layout .login-support-card strong,
.theme-dark .login-layout .login-field label,
.theme-dark .login-layout .login-check,
[data-theme="dark"] .login-layout .login-form-header h2,
[data-theme="dark"] .login-layout .login-support-card strong,
[data-theme="dark"] .login-layout .login-field label,
[data-theme="dark"] .login-layout .login-check {
    color: #f8fafc !important;
}

.login-layout.theme-dark .login-form-header p,
.login-layout.theme-dark .login-field-hint,
.login-layout.theme-dark .login-options-note,
.login-layout.theme-dark .login-footer-note,
.login-layout.theme-dark .login-support-card span,
.theme-dark .login-layout .login-form-header p,
.theme-dark .login-layout .login-field-hint,
.theme-dark .login-layout .login-options-note,
.theme-dark .login-layout .login-footer-note,
.theme-dark .login-layout .login-support-card span,
[data-theme="dark"] .login-layout .login-form-header p,
[data-theme="dark"] .login-layout .login-field-hint,
[data-theme="dark"] .login-layout .login-options-note,
[data-theme="dark"] .login-layout .login-footer-note,
[data-theme="dark"] .login-layout .login-support-card span {
    color: #cbd5e1 !important;
}

.login-layout.theme-dark .login-input-wrap,
.theme-dark .login-layout .login-input-wrap,
[data-theme="dark"] .login-layout .login-input-wrap {
    background: rgba(2, 6, 23, .58) !important;
    border-color: rgba(148, 163, 184, .30) !important;
    box-shadow: none !important;
}

.login-layout.theme-dark .login-input-wrap:focus-within,
.theme-dark .login-layout .login-input-wrap:focus-within,
[data-theme="dark"] .login-layout .login-input-wrap:focus-within {
    background: rgba(15, 23, 42, .94) !important;
    border-color: #60a5fa !important;
    box-shadow: 0 0 0 4px rgba(96, 165, 250, .18) !important;
}

.login-layout.theme-dark .login-input-wrap input,
.login-layout.theme-dark .login-blazor-input,
.theme-dark .login-layout .login-input-wrap input,
.theme-dark .login-layout .login-blazor-input,
[data-theme="dark"] .login-layout .login-input-wrap input,
[data-theme="dark"] .login-layout .login-blazor-input {
    background: transparent !important;
    color: #f8fafc !important;
    box-shadow: none !important;
}

.login-layout.theme-dark .login-input-wrap input::placeholder,
.login-layout.theme-dark .login-blazor-input::placeholder,
.theme-dark .login-layout .login-input-wrap input::placeholder,
.theme-dark .login-layout .login-blazor-input::placeholder,
[data-theme="dark"] .login-layout .login-input-wrap input::placeholder,
[data-theme="dark"] .login-layout .login-blazor-input::placeholder {
    color: #94a3b8 !important;
}

.login-layout.theme-dark .login-input-wrap input:-webkit-autofill,
.login-layout.theme-dark .login-input-wrap input:-webkit-autofill:hover,
.login-layout.theme-dark .login-input-wrap input:-webkit-autofill:focus,
.login-layout.theme-dark .login-input-wrap input:-webkit-autofill:active,
.theme-dark .login-layout .login-input-wrap input:-webkit-autofill,
.theme-dark .login-layout .login-input-wrap input:-webkit-autofill:hover,
.theme-dark .login-layout .login-input-wrap input:-webkit-autofill:focus,
.theme-dark .login-layout .login-input-wrap input:-webkit-autofill:active,
[data-theme="dark"] .login-layout .login-input-wrap input:-webkit-autofill,
[data-theme="dark"] .login-layout .login-input-wrap input:-webkit-autofill:hover,
[data-theme="dark"] .login-layout .login-input-wrap input:-webkit-autofill:focus,
[data-theme="dark"] .login-layout .login-input-wrap input:-webkit-autofill:active {
    -webkit-text-fill-color: #f8fafc !important;
    caret-color: #f8fafc !important;
    box-shadow: 0 0 0 1000px rgba(2, 6, 23, .92) inset !important;
    transition: background-color 9999s ease-out 0s !important;
}

.login-layout input:invalid,
.login-layout textarea:invalid,
.login-layout select:invalid {
    border-color: transparent !important;
    box-shadow: none !important;
}

/* Dark mode: remove line borders from KPI and tab surfaces only. */
[data-theme="dark"] :is(
    [class*="kpi-card"], [class*="kpi-strip"], [class*="kpi-row"], [class*="kpi-grid"], [class*="kpi-section"], [class*="kpi-tile"],
    [class*="tab"], [class*="tabs"], [class*="tab-pane"], [class*="tab-content"], [class*="view-tabs"], [class*="view-btn"],
    .nav-tabs, .nav-tabs .nav-link, .nav-pills, .nav-pills .nav-link,
    .e-tab, .e-tab-header, .e-tab-wrap, .e-toolbar-item, .e-toolbar-items
),
.theme-dark :is(
    [class*="kpi-card"], [class*="kpi-strip"], [class*="kpi-row"], [class*="kpi-grid"], [class*="kpi-section"], [class*="kpi-tile"],
    [class*="tab"], [class*="tabs"], [class*="tab-pane"], [class*="tab-content"], [class*="view-tabs"], [class*="view-btn"],
    .nav-tabs, .nav-tabs .nav-link, .nav-pills, .nav-pills .nav-link,
    .e-tab, .e-tab-header, .e-tab-wrap, .e-toolbar-item, .e-toolbar-items
) {
    border-color: transparent !important;
    outline-color: transparent !important;
    box-shadow: none !important;
}

[data-theme="dark"] :is(input, select, textarea, .form-control, .form-select, .input-group-text, button, .btn, .um-btn),
.theme-dark :is(input, select, textarea, .form-control, .form-select, .input-group-text, button, .btn, .um-btn) {
    border-color: rgba(148, 163, 184, .14) !important;
}

[data-theme="dark"] :is(.ams-header, .ams-header *, .nav-brand, .nav-brand *, .nav-logo, .nav-logo *, .ams-sidebar, .ams-sidebar *),
.theme-dark :is(.ams-header, .ams-header *, .nav-brand, .nav-brand *, .nav-logo, .nav-logo *, .ams-sidebar, .ams-sidebar *) {
    box-shadow: revert-layer;
}

.login-layout.theme-dark .login-input-wrap:has(input:invalid),
.login-layout.theme-dark .login-input-wrap:has(select:invalid),
.login-layout.theme-dark .login-input-wrap:has(textarea:invalid),
.theme-dark .login-layout .login-input-wrap:has(input:invalid),
.theme-dark .login-layout .login-input-wrap:has(select:invalid),
.theme-dark .login-layout .login-input-wrap:has(textarea:invalid),
[data-theme="dark"] .login-layout .login-input-wrap:has(input:invalid),
[data-theme="dark"] .login-layout .login-input-wrap:has(select:invalid),
[data-theme="dark"] .login-layout .login-input-wrap:has(textarea:invalid) {
    border-color: rgba(148, 163, 184, .30) !important;
    background: rgba(2, 6, 23, .58) !important;
    box-shadow: none !important;
}

.login-layout.theme-dark .login-input-wrap:focus-within:has(input:invalid),
.login-layout.theme-dark .login-input-wrap:focus-within:has(select:invalid),
.login-layout.theme-dark .login-input-wrap:focus-within:has(textarea:invalid),
.theme-dark .login-layout .login-input-wrap:focus-within:has(input:invalid),
.theme-dark .login-layout .login-input-wrap:focus-within:has(select:invalid),
.theme-dark .login-layout .login-input-wrap:focus-within:has(textarea:invalid),
[data-theme="dark"] .login-layout .login-input-wrap:focus-within:has(input:invalid),
[data-theme="dark"] .login-layout .login-input-wrap:focus-within:has(select:invalid),
[data-theme="dark"] .login-layout .login-input-wrap:focus-within:has(textarea:invalid) {
    border-color: #60a5fa !important;
    background: rgba(15, 23, 42, .94) !important;
    box-shadow: 0 0 0 4px rgba(96, 165, 250, .18) !important;
}

.login-layout .login-support-card a {
    min-height: 2.35rem !important;
    padding: .55rem .85rem !important;
    border: 1px solid rgba(96, 165, 250, .42) !important;
    border-radius: .8rem !important;
    background: linear-gradient(135deg, rgba(37, 99, 235, .95), rgba(8, 145, 178, .88)) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 30px rgba(37, 99, 235, .22) !important;
    text-decoration: none !important;
}

.login-layout.theme-dark .login-submit,
.theme-dark .login-layout .login-submit,
[data-theme="dark"] .login-layout .login-submit {
    border: 1px solid rgba(96, 165, 250, .42) !important;
    background: linear-gradient(135deg, rgba(37, 99, 235, .95), rgba(8, 145, 178, .88)) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 30px rgba(37, 99, 235, .22) !important;
}

.login-layout.theme-dark .login-support-card a:hover,
.login-layout.theme-dark .login-support-card a:focus-visible,
.theme-dark .login-layout .login-support-card a:hover,
.theme-dark .login-layout .login-support-card a:focus-visible,
[data-theme="dark"] .login-layout .login-support-card a:hover,
[data-theme="dark"] .login-layout .login-support-card a:focus-visible {
    border-color: rgba(147, 197, 253, .72) !important;
    background: linear-gradient(135deg, #3b82f6, #06b6d4) !important;
    color: #ffffff !important;
    box-shadow: 0 18px 38px rgba(37, 99, 235, .30) !important;
    text-decoration: none !important;
}

.login-layout.theme-dark .login-submit:hover,
.login-layout.theme-dark .login-submit:focus-visible,
.theme-dark .login-layout .login-submit:hover,
.theme-dark .login-layout .login-submit:focus-visible,
[data-theme="dark"] .login-layout .login-submit:hover,
[data-theme="dark"] .login-layout .login-submit:focus-visible {
    border-color: rgba(147, 197, 253, .72) !important;
    background: linear-gradient(135deg, #3b82f6, #06b6d4) !important;
    color: #ffffff !important;
    box-shadow: 0 18px 38px rgba(37, 99, 235, .30) !important;
}

.login-layout .login-support-card a i {
    color: inherit !important;
}

.login-layout .login-shell {
    min-height: 100svh !important;
    height: 100svh !important;
    max-height: 100svh !important;
    padding: clamp(.7rem, 1.4vh, 1.05rem) clamp(1rem, 2.5vw, 2rem) !important;
    gap: clamp(.9rem, 2.2vw, 2rem) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.login-layout .login-form-panel {
    align-self: stretch !important;
    justify-content: center !important;
    gap: .75rem !important;
    min-height: 0 !important;
    max-height: 100% !important;
}

.login-layout .login-brand-panel {
    align-self: stretch !important;
    margin-block: 0 !important;
    min-height: 0 !important;
    padding: clamp(1rem, 2.2vh, 1.65rem) !important;
    gap: clamp(1rem, 2.5vh, 1.8rem) !important;
}

.login-layout .login-form-card,
.login-layout .login-support-card {
    margin-block: 0 !important;
}

.login-layout .login-form-card {
    padding: clamp(1rem, 2vh, 1.55rem) !important;
}

.login-layout .login-form-header {
    margin-bottom: .85rem !important;
}

.login-layout .login-form-header h2 {
    margin-block: .12rem .2rem !important;
    font-size: clamp(1.35rem, 2.5vh, 1.8rem) !important;
    line-height: 1.02 !important;
}

.login-layout .login-form-header p,
.login-layout .login-field-hint,
.login-layout .login-options-note,
.login-layout .login-footer-note,
.login-layout .login-support-card span {
    font-size: .72rem !important;
    line-height: 1.32 !important;
}

.login-layout .login-form,
.login-layout .login-sso-grid {
    gap: .62rem !important;
}

.login-layout .login-field {
    gap: .28rem !important;
}

.login-layout .login-field label,
.login-layout .login-label-row a,
.login-layout .login-check,
.login-layout .login-support-card strong,
.login-layout .login-support-card a,
.login-layout .login-sso-btn,
.login-layout .login-submit {
    font-size: .78rem !important;
}

.login-layout .login-input-wrap,
.login-layout .login-submit,
.login-layout .login-sso-btn {
    min-height: 2.35rem !important;
    border-radius: .78rem !important;
}

.login-layout .login-options-row {
    margin-top: 0 !important;
}

.login-layout .login-divider {
    margin: .72rem 0 !important;
}

.login-layout .login-footer-note {
    margin-top: .72rem !important;
}

.login-layout .login-support-card {
    padding: .72rem .85rem !important;
    border-radius: .95rem !important;
}

.login-layout .login-support-card a {
    min-height: 2rem !important;
    padding: .42rem .68rem !important;
}

.login-layout .login-hero-copy h1 {
    margin: .8rem 0 .65rem !important;
    font-size: clamp(2.1rem, 7.2vh, 4rem) !important;
    line-height: .9 !important;
}

.login-layout .login-hero-copy p {
    font-size: clamp(.9rem, 1.7vh, 1.02rem) !important;
    line-height: 1.48 !important;
}

.login-layout .login-proof-grid {
    gap: .65rem !important;
}

.login-layout .login-proof-card {
    padding: .8rem !important;
}

.login-layout .login-proof-card span {
    margin-top: .55rem !important;
    font-size: .65rem !important;
}

.login-layout .login-proof-card strong,
.login-layout .login-security-strip span {
    font-size: .75rem !important;
}

.login-layout .login-security-strip {
    gap: .45rem !important;
}

.login-layout .login-security-strip span {
    padding: .38rem .55rem !important;
}

@media (max-width: 640px) {
    .login-layout .login-shell {
        padding-block: .75rem !important;
    }
}

html:not([data-theme="dark"]) .login-layout:not(.theme-dark) .login-form-card,
html:not([data-theme="dark"]) .login-layout:not(.theme-dark) .login-support-card {
    background: rgba(255, 255, 255, .98) !important;
    border-color: rgba(226, 232, 240, .90) !important;
    color: #0f172a !important;
    box-shadow: 0 28px 80px rgba(15, 23, 42, .18) !important;
}

html:not([data-theme="dark"]) .login-layout:not(.theme-dark) .login-form-header h2,
html:not([data-theme="dark"]) .login-layout:not(.theme-dark) .login-support-card strong,
html:not([data-theme="dark"]) .login-layout:not(.theme-dark) .login-field label,
html:not([data-theme="dark"]) .login-layout:not(.theme-dark) .login-check {
    color: #0f172a !important;
}

html:not([data-theme="dark"]) .login-layout:not(.theme-dark) .login-form-header p,
html:not([data-theme="dark"]) .login-layout:not(.theme-dark) .login-field-hint,
html:not([data-theme="dark"]) .login-layout:not(.theme-dark) .login-options-note,
html:not([data-theme="dark"]) .login-layout:not(.theme-dark) .login-footer-note,
html:not([data-theme="dark"]) .login-layout:not(.theme-dark) .login-support-card span {
    color: #64748b !important;
}

html:not([data-theme="dark"]) .login-layout:not(.theme-dark) .login-input-wrap {
    background: #f8fafc !important;
    border-color: #dbe4f0 !important;
    box-shadow: none !important;
}

html:not([data-theme="dark"]) .login-layout:not(.theme-dark) .login-input-wrap:focus-within {
    background: #ffffff !important;
    border-color: #2563eb !important;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, .12) !important;
}

html:not([data-theme="dark"]) .login-layout:not(.theme-dark) .login-input-wrap input,
html:not([data-theme="dark"]) .login-layout:not(.theme-dark) .login-blazor-input {
    background: transparent !important;
    color: #0f172a !important;
}

html:not([data-theme="dark"]) .login-layout:not(.theme-dark) .login-input-wrap input::placeholder,
html:not([data-theme="dark"]) .login-layout:not(.theme-dark) .login-blazor-input::placeholder {
    color: #94a3b8 !important;
}

html:not([data-theme="dark"]) .login-layout:not(.theme-dark) .login-support-card a,
html:not([data-theme="dark"]) .login-layout:not(.theme-dark) .login-submit {
    border: 1px solid rgba(37, 99, 235, .24) !important;
    background: linear-gradient(135deg, #2563eb, #0891b2) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 30px rgba(37, 99, 235, .20) !important;
    text-decoration: none !important;
}

html:not([data-theme="dark"]) .login-layout:not(.theme-dark) .login-support-card a:hover,
html:not([data-theme="dark"]) .login-layout:not(.theme-dark) .login-support-card a:focus-visible,
html:not([data-theme="dark"]) .login-layout:not(.theme-dark) .login-submit:hover,
html:not([data-theme="dark"]) .login-layout:not(.theme-dark) .login-submit:focus-visible {
    border-color: rgba(37, 99, 235, .38) !important;
    background: linear-gradient(135deg, #1d4ed8, #0e7490) !important;
    color: #ffffff !important;
    box-shadow: 0 18px 38px rgba(37, 99, 235, .26) !important;
    text-decoration: none !important;
}

html:not([data-theme="dark"]) .login-layout:not(.theme-dark) .login-secure-badge {
    border: 1px solid #86efac !important;
    background: #dcfce7 !important;
    color: #166534 !important;
}

html[data-theme="dark"] .login-layout .login-form-header h2,
html[data-theme="dark"] body .login-layout .login-form-header h2 {
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    opacity: 1 !important;
}

html[data-theme="dark"] .login-layout .login-form-header p,
html[data-theme="dark"] .login-layout .login-field label,
html[data-theme="dark"] .login-layout .login-field-hint,
html[data-theme="dark"] .login-layout .login-check,
html[data-theme="dark"] .login-layout .login-options-note,
html[data-theme="dark"] .login-layout .login-footer-note {
    color: #dbe5f2 !important;
    -webkit-text-fill-color: #dbe5f2 !important;
    opacity: 1 !important;
}

.login-layout:not(.theme-dark) .login-alert-danger {
    border: 1px solid #fda4af !important;
    background: #fff1f2 !important;
    color: #9f1239 !important;
}

.login-layout:not(.theme-dark) .login-alert-success {
    border: 1px solid #86efac !important;
    background: #ecfdf5 !important;
    color: #166534 !important;
}

.login-layout:not(.theme-dark) .login-alert i,
.login-layout:not(.theme-dark) .login-secure-badge i {
    color: inherit !important;
}

/* Final authentication page overrides - single source of truth */
.login-layout .register-shell {
    grid-template-columns: minmax(0, .82fr) minmax(34rem, 1.18fr) !important;
    gap: clamp(1rem, 2vw, 1.75rem) !important;
    min-height: 100svh !important;
    height: auto !important;
    overflow: visible !important;
}

.login-layout .register-shell .login-form-panel {
    align-self: center;
    padding: clamp(1rem, 2vw, 1.5rem) !important;
    gap: .8rem !important;
    overflow: visible !important;
}

.login-layout .register-shell .register-form-card {
    width: min(100%, 48rem) !important;
    padding: clamp(1.1rem, 1.8vw, 1.6rem) !important;
}

.login-layout .register-shell .login-form-header {
    margin-bottom: .8rem !important;
}

.login-layout .register-shell .login-form-kicker {
    font-size: .76rem !important;
    line-height: 1.2 !important;
}

.login-layout .register-shell .login-form-header h2 {
    font-size: clamp(1.65rem, 2.4vw, 2.1rem) !important;
    line-height: 1.05 !important;
}

.login-layout .register-shell .login-form-header p,
.login-layout .register-shell .login-field-hint,
.login-layout .register-shell .login-options-note,
.login-layout .register-shell .login-footer-note,
.login-layout .register-shell small.text-muted {
    font-size: .78rem !important;
    line-height: 1.4 !important;
}

.login-layout .register-shell .login-form {
    gap: .65rem !important;
}

.login-layout .register-shell .register-grid-2 {
    gap: .65rem .8rem !important;
}

.login-layout .register-shell .login-field {
    gap: .25rem !important;
}

.login-layout .register-shell .login-field label,
.login-layout .register-shell .login-check,
.login-layout .register-shell .login-submit,
.login-layout .register-shell .login-sso-btn {
    font-size: .84rem !important;
    line-height: 1.2 !important;
}

.login-layout .register-shell .login-input-wrap,
.login-layout .register-shell .login-submit,
.login-layout .register-shell .login-sso-btn,
.login-layout .register-shell .register-load-btn {
    min-height: 2.75rem !important;
    height: auto !important;
    border-radius: .8rem !important;
}

.login-layout .register-shell .login-input-wrap {
    padding-inline: .8rem !important;
    gap: .55rem !important;
}

.login-layout .register-shell .login-input-wrap i {
    font-size: .95rem !important;
}

.login-layout .register-shell .login-blazor-input,
.login-layout .register-shell .login-input-wrap input,
.login-layout .register-shell .login-input-wrap select {
    min-height: 2rem !important;
    height: auto !important;
    padding: 0 !important;
    font-size: .95rem !important;
    line-height: 1.2 !important;
}

.login-layout .register-shell .register-section-title {
    margin-top: .2rem !important;
    padding-top: .6rem !important;
    font-size: .72rem !important;
    line-height: 1.2 !important;
}

.login-layout .register-shell .login-options-row {
    gap: .65rem !important;
    min-height: 1.8rem !important;
}

.login-layout .register-shell .login-footer-note {
    margin-top: .55rem !important;
}

.login-layout .register-shell .login-support-card {
    width: min(100%, 48rem) !important;
    padding: .7rem .9rem !important;
}

.login-layout .register-shell .login-brand-panel {
    padding: clamp(1.25rem, 2.3vw, 2rem) !important;
    gap: 1.25rem !important;
}

.login-layout .register-shell .login-logo {
    width: 3rem !important;
    height: 3rem !important;
    font-size: 1.35rem !important;
}

.login-layout .register-shell .login-eyebrow {
    margin-bottom: .65rem !important;
    font-size: .73rem !important;
}

.login-layout .register-shell .login-hero-copy h1 {
    max-width: 18ch !important;
    margin: .45rem 0 .55rem !important;
    font-size: clamp(2rem, 4.4vw, 3.6rem) !important;
    line-height: .95 !important;
}

.login-layout .register-shell .login-hero-copy p {
    font-size: clamp(.92rem, 1.35vw, 1.05rem) !important;
    line-height: 1.5 !important;
}

.login-layout .register-shell .login-proof-grid {
    gap: .65rem !important;
}

.login-layout .register-shell .login-proof-card {
    padding: .75rem !important;
}

.login-layout .register-shell .login-proof-card span {
    margin-top: .35rem !important;
    font-size: .66rem !important;
}

.login-layout .register-shell .login-proof-card strong,
.login-layout .register-shell .login-security-strip span {
    font-size: .78rem !important;
}

.login-submit:disabled {
    cursor: wait;
    opacity: .7;
    transform: none !important;
    box-shadow: none;
}

@media (max-width: 980px) {
    .login-layout .login-shell,
    .login-layout .register-shell {
        grid-template-columns: 1fr !important;
        gap: 1rem !important;
        height: auto !important;
        max-height: none !important;
        padding: 1rem !important;
        overflow: visible !important;
    }

    .login-layout .login-brand-panel,
    .login-layout .register-shell .login-brand-panel {
        gap: 1.35rem !important;
        padding: 1.5rem !important;
    }

    .login-layout .login-hero-copy h1,
    .login-layout .register-shell .login-hero-copy h1 {
        max-width: 22ch !important;
        font-size: clamp(2.2rem, 6vw, 3.5rem) !important;
    }

    .login-layout .login-proof-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        max-width: none;
    }

    .login-layout .login-form-panel,
    .login-layout .register-shell .login-form-panel {
        width: 100%;
        padding: 0 !important;
    }
}

@media (max-width: 720px) {
    .login-layout .login-proof-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .login-layout .login-form-card,
    .login-layout .register-shell .register-form-card {
        padding: 1.25rem !important;
        border-radius: 1.25rem;
    }
}

@media (max-width: 520px) {
    .login-layout .login-shell,
    .login-layout .register-shell {
        padding: .65rem !important;
    }

    .login-layout .login-brand-panel,
    .login-layout .register-shell .login-brand-panel {
        gap: 1rem !important;
        padding: 1.1rem !important;
        border-radius: 1.25rem;
    }

    .login-layout .login-hero-copy h1,
    .login-layout .register-shell .login-hero-copy h1 {
        margin: .75rem 0 .55rem !important;
        font-size: clamp(1.9rem, 10vw, 2.45rem) !important;
        line-height: 1 !important;
    }

    .login-layout .login-hero-copy p,
    .login-layout .register-shell .login-hero-copy p {
        font-size: .92rem !important;
        line-height: 1.5 !important;
    }

    .login-layout .login-proof-grid,
    .login-layout .login-security-strip {
        display: none;
    }

    .login-layout .login-form-header {
        gap: .65rem;
        margin-bottom: 1rem;
    }

    .login-layout .login-secure-badge {
        align-self: flex-start;
    }

    .login-layout .login-options-row,
    .login-layout .login-support-card {
        gap: .75rem;
    }

    .login-layout .login-support-card a {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .login-layout .register-shell .register-grid-2 {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .login-layout .login-input-wrap,
    .login-layout .login-submit,
    .login-layout .login-sso-btn {
        transition: none;
    }
}

.login-layout.theme-dark .login-shell:not(.register-shell) .login-submit,
.theme-dark .login-layout .login-shell:not(.register-shell) .login-submit,
[data-theme="dark"] .login-layout .login-shell:not(.register-shell) .login-submit {
    border: 1px solid rgba(96, 165, 250, .42) !important;
    background: linear-gradient(135deg, #2563eb, #0891b2) !important;
    color: #ffffff !important;
    box-shadow: 0 14px 30px rgba(37, 99, 235, .22) !important;
}

.login-layout .login-shell:not(.register-shell) .login-submit i.bi-arrow-right {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

.login-layout.theme-dark .login-shell:not(.register-shell) .login-submit:hover,
.login-layout.theme-dark .login-shell:not(.register-shell) .login-submit:focus-visible,
.theme-dark .login-layout .login-shell:not(.register-shell) .login-submit:hover,
.theme-dark .login-layout .login-shell:not(.register-shell) .login-submit:focus-visible,
[data-theme="dark"] .login-layout .login-shell:not(.register-shell) .login-submit:hover,
[data-theme="dark"] .login-layout .login-shell:not(.register-shell) .login-submit:focus-visible {
    border-color: rgba(147, 197, 253, .72) !important;
    background: linear-gradient(135deg, #1d4ed8, #0e7490) !important;
    color: #ffffff !important;
    box-shadow: 0 18px 38px rgba(37, 99, 235, .30) !important;
}

/* --------------------------------------------------------
   Submission Detail Enterprise Polish
   -------------------------------------------------------- */

.sd-enterprise-page {
    --sd-card-shadow: 0 18px 45px rgba(15, 23, 42, .08);
    --sd-card-shadow-hover: 0 24px 60px rgba(15, 23, 42, .14);
    width: calc(100% - 2rem) !important;
    max-width: none !important;
    margin: 1rem 1rem 2rem !important;
    border: 1px solid var(--um-border, #dbe3ef) !important;
    border-radius: 26px !important;
    background: linear-gradient(180deg, var(--surface-card, #fff), var(--surface-raised, #f8fafc)) !important;
    box-shadow: 0 28px 80px rgba(15, 23, 42, .1) !important;
    overflow: hidden !important;
    color: var(--text-primary, #0f172a) !important;
}

.sd-enterprise-page .sd-header {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(22rem, auto) !important;
    align-items: start !important;
    padding: 1.45rem 1.6rem 1.2rem !important;
    gap: 1.25rem !important;
}

.sd-enterprise-page .sd-header-left {
    min-width: 0 !important;
    gap: 1rem !important;
}

.sd-enterprise-page .sd-header-info {
    min-width: 0 !important;
    max-width: 100% !important;
}

.sd-enterprise-page .sd-title-row {
    gap: .55rem !important;
    min-width: 0 !important;
}

.sd-enterprise-page .sd-header-actions {
    align-items: center !important;
    justify-content: flex-end !important;
    gap: .55rem !important;
    max-width: min(100%, 46rem) !important;
    min-width: 0 !important;
    flex-wrap: wrap !important;
}

.sd-enterprise-page .sd-lob-icon {
    width: 52px !important;
    height: 52px !important;
    border-radius: 16px !important;
    font-size: 1.3rem !important;
}

.sd-enterprise-page .sd-back-arrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 2.15rem !important;
    height: 2.15rem !important;
    min-width: 2.15rem !important;
    margin-top: 0 !important;
    border: 1px solid var(--um-border, #dbe3ef) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .76) !important;
    color: var(--text-secondary, #475569) !important;
    font-size: 1rem !important;
    line-height: 1 !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, .08) !important;
    transition: transform .15s ease, color .15s ease, border-color .15s ease, background .15s ease !important;
}

.sd-enterprise-page .sd-back-arrow:hover,
.sd-enterprise-page .sd-back-arrow:focus-visible {
    transform: translateX(-1px) !important;
    border-color: rgba(37, 99, 235, .35) !important;
    background: var(--um-primary-pale, #eef6ff) !important;
    color: var(--um-primary, #2563eb) !important;
    outline: none !important;
}

.sd-enterprise-page .sd-sub-num {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: clamp(1.45rem, 2vw, 1.95rem) !important;
    line-height: 1.12 !important;
    letter-spacing: -.04em !important;
}

.sd-enterprise-page .sd-sub-row {
    gap: .55rem !important;
    margin-top: .55rem !important;
    min-width: 0 !important;
}

.sd-enterprise-page .sd-acct-link,
.sd-enterprise-page .sd-sub-chip,
.sd-enterprise-page .sd-priority,
.sd-enterprise-page .um-btn,
.sd-enterprise-page .sd-section-head,
.sd-enterprise-page .sd-q-section-head,
.sd-enterprise-page .sd-doc-group-head,
.sd-enterprise-page .sd-toolbar-title,
.sd-enterprise-page .sd-kpi-lbl,
.sd-enterprise-page .sd-mkt-meta-chip,
.sd-enterprise-page .sd-comm-parties,
.sd-enterprise-page .sd-comm-attach,
.sd-enterprise-page .sd-quote-lowest-banner,
.sd-enterprise-page .sd-modal-chip {
    gap: .45rem !important;
}

.sd-enterprise-page .um-btn > i,
.sd-enterprise-page .sd-acct-link > i,
.sd-enterprise-page .sd-sub-chip > i,
.sd-enterprise-page .sd-priority > i,
.sd-enterprise-page .sd-section-head > i,
.sd-enterprise-page .sd-q-section-head > i,
.sd-enterprise-page .sd-toolbar-title > i {
    margin-right: .18rem !important;
}

.sd-enterprise-page .sd-sub-chip,
.sd-enterprise-page .sd-acct-link,
.sd-enterprise-page .sd-status,
.sd-enterprise-page .sd-lob-badge,
.sd-enterprise-page .sd-priority {
    max-width: 100% !important;
    min-width: 0 !important;
    font-size: .85rem !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
}

.sd-enterprise-page .sd-sub-chip,
.sd-enterprise-page .sd-acct-link {
    max-width: min(100%, 18rem) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.sd-enterprise-page .sd-sub-chip i,
.sd-enterprise-page .sd-acct-link i {
    flex: 0 0 auto !important;
}

.sd-enterprise-page .sd-status,
.sd-enterprise-page .sd-lob-badge,
.sd-enterprise-page .sd-priority,
.sd-enterprise-page .sd-sub-chip {
    padding: .3rem .68rem !important;
    border-radius: 999px !important;
}

.sd-enterprise-page .sd-header-actions .um-btn,
.sd-enterprise-page .sd-tab-toolbar .um-btn,
.sd-enterprise-page .sd-mkt-actions .um-btn,
.sd-enterprise-page .sd-quote-actions .um-btn,
.sd-enterprise-page .sd-doc-actions .um-btn {
    min-height: 2.2rem !important;
    padding-inline: .85rem !important;
    font-size: .85rem !important;
    font-weight: 750 !important;
    white-space: nowrap !important;
}

.sd-enterprise-page .sd-kpi-strip {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)) !important;
    padding: 1.05rem 1.6rem 1.15rem !important;
    gap: .85rem !important;
}

.sd-enterprise-page .sd-kpi-card {
    min-width: 0 !important;
    padding: .9rem 1rem !important;
    border-radius: 16px !important;
}

.sd-enterprise-page .sd-kpi-val {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 1.42rem !important;
    font-weight: 850 !important;
}

.sd-enterprise-page .sd-kpi-lbl {
    margin-top: .32rem !important;
    font-size: .82rem !important;
    font-weight: 750 !important;
    line-height: 1.25 !important;
}

.sd-enterprise-page .sd-tab-body {
    padding: 1.2rem 1.6rem 1.65rem !important;
}

.sd-enterprise-page .sd-tab-toolbar {
    margin-bottom: 1.25rem !important;
}

.sd-enterprise-page .sd-toolbar-title {
    font-size: 1rem !important;
    font-weight: 800 !important;
    color: var(--text-primary, #0f172a) !important;
}

.sd-enterprise-page .sd-section-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
    gap: 1.1rem !important;
}

.sd-enterprise-page .sd-section,
.sd-enterprise-page .sd-mkt-card,
.sd-enterprise-page .sd-q-section,
.sd-enterprise-page .sd-quote-card,
.sd-enterprise-page .sd-doc-row,
.sd-enterprise-page .sd-comm-item {
    border-color: var(--um-border, #dbe3ef) !important;
    box-shadow: var(--sd-card-shadow) !important;
}

.sd-enterprise-page .sd-section-head,
.sd-enterprise-page .sd-q-section-head,
.sd-enterprise-page .sd-doc-group-head {
    font-size: .95rem !important;
    font-weight: 850 !important;
    padding: .88rem 1.05rem !important;
    min-width: 0 !important;
}

.sd-enterprise-page .sd-field-grid {
    padding: .78rem 1.05rem !important;
}

.sd-enterprise-page .sd-field-row {
    min-width: 0 !important;
    padding: .5rem 0 !important;
    font-size: .92rem !important;
    line-height: 1.45 !important;
}

.sd-enterprise-page .sd-field-lbl {
    min-width: 145px !important;
    font-size: .87rem !important;
}

.sd-enterprise-page .sd-field-val {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    font-size: .92rem !important;
    font-weight: 650 !important;
}

.sd-enterprise-page .sd-cov-table,
.sd-enterprise-page .sd-loss-table {
    font-size: .94rem !important;
}

.sd-enterprise-page .sd-cov-table th,
.sd-enterprise-page .sd-loss-table th {
    padding: .75rem .95rem !important;
    font-size: .78rem !important;
}

.sd-enterprise-page .sd-cov-table td,
.sd-enterprise-page .sd-loss-table td {
    padding: .8rem .95rem !important;
}

.sd-enterprise-page .sd-market-grid,
.sd-enterprise-page .sd-quote-grid {
    gap: 1.15rem !important;
}

.sd-enterprise-page .sd-mkt-head,
.sd-enterprise-page .sd-quote-head {
    padding: 1.1rem !important;
}

.sd-enterprise-page .sd-mkt-carrier-icon,
.sd-enterprise-page .sd-doc-icon,
.sd-enterprise-page .sd-comm-icon,
.sd-enterprise-page .sd-act-icon {
    width: 42px !important;
    height: 42px !important;
    font-size: 1.05rem !important;
}

.sd-enterprise-page .sd-mkt-carrier-name,
.sd-enterprise-page .sd-doc-name,
.sd-enterprise-page .sd-quote-carrier,
.sd-enterprise-page .sd-comm-subject,
.sd-enterprise-page .sd-act-user,
.sd-enterprise-page .sd-q-text {
    min-width: 0 !important;
    overflow-wrap: anywhere !important;
    font-size: .94rem !important;
    font-weight: 800 !important;
}

.sd-enterprise-page .sd-mkt-underwriter,
.sd-enterprise-page .sd-doc-meta,
.sd-enterprise-page .sd-mkt-notes,
.sd-enterprise-page .sd-quote-notes,
.sd-enterprise-page .sd-comm-parties,
.sd-enterprise-page .sd-comm-preview,
.sd-enterprise-page .sd-act-action,
.sd-enterprise-page .sd-act-detail,
.sd-enterprise-page .sd-act-when,
.sd-enterprise-page .sd-q-help {
    font-size: .9rem !important;
    line-height: 1.45 !important;
}

.sd-enterprise-page .sd-mkt-status,
.sd-enterprise-page .sd-mkt-meta-chip,
.sd-enterprise-page .sd-doc-ver,
.sd-enterprise-page .sd-comm-type-badge,
.sd-enterprise-page .sd-q-num,
.sd-enterprise-page .sd-qf-lbl,
.sd-enterprise-page .sd-cov-req {
    font-size: .8rem !important;
}

.sd-enterprise-page .sd-q-row,
.sd-enterprise-page .sd-act-row,
.sd-enterprise-page .sd-doc-row,
.sd-enterprise-page .sd-comm-item {
    padding: 1rem 1.1rem !important;
}

.sd-enterprise-page .sd-q-bool-btn,
.sd-enterprise-page .sd-comm-filter-btn,
.sd-enterprise-page .sd-q-textarea,
.sd-enterprise-page .sd-q-input,
.sd-enterprise-page .form-control,
.sd-enterprise-page .um-input {
    min-height: 2.55rem !important;
    font-size: .96rem !important;
}

.sd-enterprise-page .sd-quote-premium {
    font-size: 1.9rem !important;
    letter-spacing: -.035em !important;
}

.sd-enterprise-page .sd-qf-val {
    font-size: .95rem !important;
}

.sd-enterprise-page .app-tabs-card,
.sd-enterprise-page .app-tabs-card .e-tab,
.sd-enterprise-page .app-tabs-card .e-content,
.sd-enterprise-page .app-tabs-card .e-content .e-item {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.sd-enterprise-page .app-tabs-card .e-tab-header,
.sd-enterprise-page .app-tabs-card .e-toolbar,
.sd-enterprise-page .app-tabs-card .e-toolbar-items {
    min-height: auto !important;
    border: 0 !important;
    background: var(--surface-card, #fff) !important;
    box-shadow: none !important;
    width: 100% !important;
    max-width: 100% !important;
}

.sd-enterprise-page .app-tabs-card .e-tab-header {
    padding: .85rem 1.6rem .78rem !important;
    border-bottom: 1px solid var(--um-border, #dbe3ef) !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(100, 116, 139, .32) transparent !important;
    -webkit-overflow-scrolling: touch !important;
}

.sd-enterprise-page .app-tabs-card .e-tab-header::-webkit-scrollbar {
    height: 6px !important;
}

.sd-enterprise-page .app-tabs-card .e-tab-header::-webkit-scrollbar-thumb {
    border-radius: 999px !important;
    background: rgba(100, 116, 139, .28) !important;
}

.sd-enterprise-page .app-tabs-card .e-toolbar-items {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: .5rem !important;
    width: 100% !important;
    min-width: 100% !important;
    white-space: normal !important;
}

.sd-enterprise-page .app-tabs-card .e-toolbar-item {
    display: inline-flex !important;
    flex: 1 1 8.75rem !important;
    width: auto !important;
    min-width: 8.75rem !important;
    max-width: 100% !important;
    margin: 0 !important;
    float: none !important;
    scroll-snap-align: start !important;
}

.sd-enterprise-page .app-tabs-card .e-tab-wrap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: .5rem !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 2.45rem !important;
    padding: .55rem .9rem !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: var(--text-muted, #64748b) !important;
    transition: background .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease, transform .15s ease !important;
}

.sd-enterprise-page .app-tabs-card .e-text-wrap,
.sd-enterprise-page .app-tabs-card .e-tab-text,
.sd-enterprise-page .app-tabs-card .e-icons,
.sd-enterprise-page .app-tabs-card .e-tab-icon {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 0 !important;
    white-space: nowrap !important;
}

.sd-enterprise-page .app-tabs-card .e-text-wrap {
    justify-content: center !important;
    max-width: 100% !important;
}

.sd-enterprise-page .app-tabs-card .e-tab-text {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.sd-enterprise-page .app-tabs-card .e-tab-wrap:hover {
    border-color: var(--um-border, #dbe3ef) !important;
    background: var(--surface-raised, #f8fafc) !important;
    color: var(--um-primary, #184fe5) !important;
    transform: translateY(-1px) !important;
}

.sd-enterprise-page .app-tabs-card .e-toolbar-item.e-active .e-tab-wrap {
    border-color: rgba(35, 109, 255, .24) !important;
    background: var(--um-primary-pale, #eef6ff) !important;
    color: var(--um-primary, #184fe5) !important;
    box-shadow: inset 0 0 0 1px rgba(35, 109, 255, .06), 0 8px 22px rgba(35, 109, 255, .12) !important;
}

.sd-enterprise-page .app-tabs-card .e-tab-text,
.sd-enterprise-page .app-tabs-card .e-tab-icon {
    color: inherit !important;
    font-size: .92rem !important;
    font-weight: 800 !important;
    text-transform: none !important;
}

.sd-enterprise-page .app-tabs-card .e-tab-icon {
    margin-right: .16rem !important;
}

.sd-enterprise-page .app-tabs-card .e-indicator,
.sd-enterprise-page .app-tabs-card .e-hscroll-bar,
.sd-enterprise-page .app-tabs-card .e-scroll-nav {
    display: none !important;
}

.sd-enterprise-page .mt-modal,
.sd-enterprise-page .sd-action-modal,
.sd-enterprise-page .sd-confirm-modal,
.sd-enterprise-page .sd-quote-modal {
    border-radius: 24px !important;
}

.sd-enterprise-page .um-modal-header {
    font-size: 1.08rem !important;
    font-weight: 850 !important;
}

.sd-enterprise-page .um-modal-body,
.sd-enterprise-page .um-modal-footer,
.sd-enterprise-page .sd-modal-intro p,
.sd-enterprise-page .sd-dlg-intro,
.sd-enterprise-page .sd-dlg-muted,
.sd-enterprise-page .sd-dlg-check-row {
    font-size: .98rem !important;
    line-height: 1.5 !important;
}

@media (max-width: 900px) {
    .sd-enterprise-page {
        width: calc(100% - 1rem) !important;
        margin: .5rem .5rem 1.5rem !important;
        border-radius: 20px !important;
    }

    .sd-enterprise-page .sd-header {
        grid-template-columns: 1fr !important;
        padding: 1rem .85rem .9rem !important;
    }

    .sd-enterprise-page .sd-header-left,
    .sd-enterprise-page .sd-header-actions {
        width: 100% !important;
    }

    .sd-enterprise-page .sd-header-actions {
        justify-content: flex-start !important;
        overflow-x: auto !important;
        flex-wrap: nowrap !important;
        padding-bottom: .15rem !important;
        -webkit-overflow-scrolling: touch !important;
    }

    .sd-enterprise-page .sd-lob-icon {
        width: 46px !important;
        height: 46px !important;
    }

    .sd-enterprise-page .sd-sub-num {
        font-size: clamp(1.18rem, 5vw, 1.45rem) !important;
    }

    .sd-enterprise-page .sd-sub-chip,
    .sd-enterprise-page .sd-acct-link {
        max-width: 100% !important;
    }

    .sd-enterprise-page .sd-header-actions .um-btn {
        flex: 0 0 auto !important;
        white-space: nowrap !important;
    }

    .sd-enterprise-page .sd-kpi-strip,
    .sd-enterprise-page .app-tabs-card .e-tab-header,
    .sd-enterprise-page .sd-tab-body {
        padding-left: .85rem !important;
        padding-right: .85rem !important;
    }

    .sd-enterprise-page .sd-kpi-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: .55rem !important;
    }

    .sd-enterprise-page .app-tabs-card .e-tab-wrap {
        min-height: 2.35rem !important;
        padding: .48rem .7rem !important;
    }

    .sd-enterprise-page .app-tabs-card .e-toolbar-items {
        grid-template-columns: none !important;
        flex-wrap: wrap !important;
        gap: .45rem !important;
    }

    .sd-enterprise-page .app-tabs-card .e-toolbar-item {
        flex: 1 1 calc(50% - .45rem) !important;
        min-width: calc(50% - .45rem) !important;
    }

    .sd-enterprise-page .app-tabs-card .e-tab-text,
    .sd-enterprise-page .app-tabs-card .e-tab-icon {
        font-size: .9rem !important;
    }

    .sd-enterprise-page .sd-section-grid {
        grid-template-columns: 1fr !important;
    }

    .sd-enterprise-page .sd-field-row {
        flex-direction: column !important;
        gap: .12rem !important;
    }

    .sd-enterprise-page .sd-field-val {
        text-align: left !important;
    }
}

@media (max-width: 520px) {
    .sd-enterprise-page .sd-header-left {
        align-items: flex-start !important;
        gap: .65rem !important;
    }

    .sd-enterprise-page .sd-kpi-strip {
        grid-template-columns: 1fr !important;
    }

    .sd-enterprise-page .sd-header-actions .um-btn {
        padding-inline: .62rem !important;
    }

    .sd-enterprise-page .app-tabs-card .e-toolbar-item {
        flex-basis: 100% !important;
        min-width: 100% !important;
    }

    .sd-enterprise-page .app-tabs-card .e-tab-wrap {
        justify-content: flex-start !important;
        padding-inline: .85rem !important;
    }
}

/* Global enterprise toast used by native CRM pages. */
.ld-toast {
    position: fixed !important;
    inset: 1.25rem 1.35rem auto auto !important;
    z-index: 1300 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: .75rem !important;
    width: 23rem !important;
    min-width: 0 !important;
    max-width: min(23rem, calc(100vw - 2.7rem)) !important;
    min-height: 4.25rem !important;
    margin: 0 !important;
    padding: .9rem 2.55rem .9rem 1rem !important;
    border: 1px solid rgba(187, 247, 208, .92) !important;
    border-left: 4px solid #16a34a !important;
    border-radius: 1.05rem !important;
    background: linear-gradient(135deg, rgba(240, 253, 244, .98), rgba(255, 255, 255, .96)) !important;
    color: #166534 !important;
    box-shadow: 0 18px 46px rgba(15, 23, 42, .16), 0 1px 0 rgba(255, 255, 255, .9) inset !important;
    font-size: .875rem !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    justify-self: auto !important;
    overflow: hidden !important;
    backdrop-filter: blur(14px) saturate(1.15) !important;
    animation: ld-toast-life 2.8s cubic-bezier(.2, .8, .2, 1) forwards !important;
}

.ld-toast::after {
    content: "" !important;
    position: absolute !important;
    inset: auto 0 0 0 !important;
    height: 3px !important;
    background: currentColor !important;
    opacity: .28 !important;
    transform-origin: left center !important;
    animation: ld-toast-progress 2.8s linear forwards !important;
}

.ld-toast > i {
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 auto !important;
    width: 2rem !important;
    height: 2rem !important;
    border-radius: .75rem !important;
    background: rgba(22, 163, 74, .12) !important;
    color: #15803d !important;
    font-size: 1rem !important;
    margin-top: 0 !important;
}

.ld-toast span {
    display: block !important;
    max-width: 18.4rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    color: inherit !important;
    letter-spacing: -.01em !important;
}

.ld-toast-success {
    color: #166534 !important;
    background: linear-gradient(135deg, rgba(240, 253, 244, .98), rgba(255, 255, 255, .96)) !important;
    border-color: rgba(187, 247, 208, .92) !important;
    border-left-color: #16a34a !important;
}

.ld-toast-danger {
    color: #991b1b !important;
    background: linear-gradient(135deg, rgba(254, 242, 242, .98), rgba(255, 255, 255, .96)) !important;
    border-color: rgba(254, 202, 202, .95) !important;
    border-left-color: #dc2626 !important;
    animation-duration: 5.2s !important;
}

.ld-toast-danger::after {
    animation-duration: 5.2s !important;
}

.ld-toast-danger > i {
    background: rgba(220, 38, 38, .12) !important;
    color: #b91c1c !important;
}

.ld-toast-warning {
    color: #92400e !important;
    background: linear-gradient(135deg, rgba(255, 251, 235, .98), rgba(255, 255, 255, .96)) !important;
    border-color: rgba(253, 230, 138, .95) !important;
    border-left-color: #f59e0b !important;
}

.ld-toast-warning > i {
    background: rgba(245, 158, 11, .14) !important;
    color: #b45309 !important;
}

.ld-toast-info {
    color: #1e40af !important;
    background: linear-gradient(135deg, rgba(239, 246, 255, .98), rgba(255, 255, 255, .96)) !important;
    border-color: rgba(191, 219, 254, .95) !important;
    border-left-color: #2563eb !important;
}

.ld-toast-info > i {
    background: rgba(37, 99, 235, .12) !important;
    color: #1d4ed8 !important;
}

.ld-toast-close {
    position: absolute !important;
    top: .45rem !important;
    right: .45rem !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 1.55rem !important;
    height: 1.55rem !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: inherit !important;
    opacity: .62 !important;
    transition: opacity .15s ease, background .15s ease, border-color .15s ease, transform .15s ease !important;
}

.ld-toast-close:hover {
    opacity: 1 !important;
    background: rgba(15, 23, 42, .06) !important;
    border-color: rgba(15, 23, 42, .08) !important;
    transform: scale(1.04) !important;
}

@keyframes ld-toast-life {
    0% {
        opacity: 0;
        transform: translate3d(12px, -8px, 0) scale(.98);
    }

    8%, 82% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale(1);
    }

    100% {
        opacity: 0;
        transform: translate3d(12px, -8px, 0) scale(.98);
        pointer-events: none;
    }
}

@keyframes ld-toast-progress {
    from {
        transform: scaleX(1);
    }

    to {
        transform: scaleX(0);
    }
}

@media (max-width: 520px) {
    .ld-toast {
        inset: 1rem 1rem auto 1rem !important;
        width: auto !important;
        max-width: none !important;
    }
}

/* Global enterprise toast normalization for native prefixed toasts. */
:is(.ld-toast, .um-toast, [class$="-toast"]:not([class^="e-"]):not([class*=" e-"]), [class*="-toast "]:not([class^="e-"]):not([class*=" e-"])) {
    position: fixed !important;
    inset: 1.25rem 1.35rem auto auto !important;
    z-index: 1300 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: .75rem !important;
    width: 23rem !important;
    min-width: 0 !important;
    max-width: min(23rem, calc(100vw - 2.7rem)) !important;
    min-height: 4.25rem !important;
    margin: 0 !important;
    padding: .9rem 2.55rem .9rem 1rem !important;
    border: 1px solid rgba(191, 219, 254, .95) !important;
    border-left: 4px solid #2563eb !important;
    border-radius: 1.05rem !important;
    background: linear-gradient(135deg, rgba(239, 246, 255, .98), rgba(255, 255, 255, .96)) !important;
    color: #1e40af !important;
    box-shadow: 0 18px 46px rgba(15, 23, 42, .16), 0 1px 0 rgba(255, 255, 255, .9) inset !important;
    font-size: .875rem !important;
    font-weight: 800 !important;
    line-height: 1.35 !important;
    justify-self: auto !important;
    overflow: hidden !important;
    backdrop-filter: blur(14px) saturate(1.15) !important;
    animation: ld-toast-life 2.8s cubic-bezier(.2, .8, .2, 1) forwards !important;
}

:is(.ld-toast-hidden, .um-toast-hidden) {
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    animation: none !important;
}

:is(.ld-toast, .um-toast, [class$="-toast"]:not([class^="e-"]):not([class*=" e-"]), [class*="-toast "]:not([class^="e-"]):not([class*=" e-"]))::after {
    content: "" !important;
    position: absolute !important;
    inset: auto 0 0 0 !important;
    height: 3px !important;
    background: currentColor !important;
    opacity: .28 !important;
    transform-origin: left center !important;
    animation: ld-toast-progress 2.8s linear forwards !important;
}

:is(.ld-toast-hidden, .um-toast-hidden)::after {
    animation: none !important;
}

:is(.ld-toast, .um-toast, [class$="-toast"]:not([class^="e-"]):not([class*=" e-"]), [class*="-toast "]:not([class^="e-"]):not([class*=" e-"])) > i,
:is(.ld-toast-icon, .um-toast-icon, [class$="-toast-icon"]:not([class^="e-"]):not([class*=" e-"]), [class*="-toast-icon "]:not([class^="e-"]):not([class*=" e-"])) {
    display: inline-grid !important;
    place-items: center !important;
    flex: 0 0 auto !important;
    width: 2rem !important;
    height: 2rem !important;
    border-radius: .75rem !important;
    background: rgba(37, 99, 235, .12) !important;
    color: #1d4ed8 !important;
    font-size: 1rem !important;
    margin: 0 !important;
}

:is(.ld-toast, .um-toast, [class$="-toast"]:not([class^="e-"]):not([class*=" e-"]), [class*="-toast "]:not([class^="e-"]):not([class*=" e-"])) > span,
:is(.ld-toast-body, .um-toast-body, [class$="-toast-body"]:not([class^="e-"]):not([class*=" e-"]), [class*="-toast-body "]:not([class^="e-"]):not([class*=" e-"])) {
    display: block !important;
    max-width: 18.4rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    color: inherit !important;
    letter-spacing: -.01em !important;
}

:is(.ld-toast-success, .um-toast-success, [class*="-toast-success"]:not([class^="e-"]):not([class*=" e-"]), [class*="-toast-ok"]:not([class^="e-"]):not([class*=" e-"]), [class*="-toast-saved"]:not([class^="e-"]):not([class*=" e-"])) {
    color: #166534 !important;
    background: linear-gradient(135deg, rgba(240, 253, 244, .98), rgba(255, 255, 255, .96)) !important;
    border-color: rgba(187, 247, 208, .92) !important;
    border-left-color: #16a34a !important;
}

:is(.ld-toast-success, .um-toast-success, [class*="-toast-success"]:not([class^="e-"]):not([class*=" e-"]), [class*="-toast-ok"]:not([class^="e-"]):not([class*=" e-"]), [class*="-toast-saved"]:not([class^="e-"]):not([class*=" e-"])) > i,
:is(.ld-toast-success, .um-toast-success, [class*="-toast-success"]:not([class^="e-"]):not([class*=" e-"]), [class*="-toast-ok"]:not([class^="e-"]):not([class*=" e-"]), [class*="-toast-saved"]:not([class^="e-"]):not([class*=" e-"])) :is(.ld-toast-icon, .um-toast-icon, [class$="-toast-icon"]:not([class^="e-"]):not([class*=" e-"]), [class*="-toast-icon "]:not([class^="e-"]):not([class*=" e-"])) {
    background: rgba(22, 163, 74, .12) !important;
    color: #15803d !important;
}

:is(.ld-toast-danger, .um-toast-danger, .ld-toast-error, .um-toast-error, [class*="-toast-danger"]:not([class^="e-"]):not([class*=" e-"]), [class*="-toast-error"]:not([class^="e-"]):not([class*=" e-"]), [class*="-toast-fail"]:not([class^="e-"]):not([class*=" e-"])) {
    color: #991b1b !important;
    background: linear-gradient(135deg, rgba(254, 242, 242, .98), rgba(255, 255, 255, .96)) !important;
    border-color: rgba(254, 202, 202, .95) !important;
    border-left-color: #dc2626 !important;
    animation-duration: 5.2s !important;
}

:is(.ld-toast-danger, .um-toast-danger, .ld-toast-error, .um-toast-error, [class*="-toast-danger"]:not([class^="e-"]):not([class*=" e-"]), [class*="-toast-error"]:not([class^="e-"]):not([class*=" e-"]), [class*="-toast-fail"]:not([class^="e-"]):not([class*=" e-"]))::after {
    animation-duration: 5.2s !important;
}

:is(.ld-toast-danger, .um-toast-danger, .ld-toast-error, .um-toast-error, [class*="-toast-danger"]:not([class^="e-"]):not([class*=" e-"]), [class*="-toast-error"]:not([class^="e-"]):not([class*=" e-"]), [class*="-toast-fail"]:not([class^="e-"]):not([class*=" e-"])) > i,
:is(.ld-toast-danger, .um-toast-danger, .ld-toast-error, .um-toast-error, [class*="-toast-danger"]:not([class^="e-"]):not([class*=" e-"]), [class*="-toast-error"]:not([class^="e-"]):not([class*=" e-"]), [class*="-toast-fail"]:not([class^="e-"]):not([class*=" e-"])) :is(.ld-toast-icon, .um-toast-icon, [class$="-toast-icon"]:not([class^="e-"]):not([class*=" e-"]), [class*="-toast-icon "]:not([class^="e-"]):not([class*=" e-"])) {
    background: rgba(220, 38, 38, .12) !important;
    color: #b91c1c !important;
}

:is(.ld-toast-warning, .um-toast-warning, .ld-toast-warn, .um-toast-warn, [class*="-toast-warning"]:not([class^="e-"]):not([class*=" e-"]), [class*="-toast-warn"]:not([class^="e-"]):not([class*=" e-"])) {
    color: #92400e !important;
    background: linear-gradient(135deg, rgba(255, 251, 235, .98), rgba(255, 255, 255, .96)) !important;
    border-color: rgba(253, 230, 138, .95) !important;
    border-left-color: #f59e0b !important;
}

:is(.ld-toast-warning, .um-toast-warning, .ld-toast-warn, .um-toast-warn, [class*="-toast-warning"]:not([class^="e-"]):not([class*=" e-"]), [class*="-toast-warn"]:not([class^="e-"]):not([class*=" e-"])) > i,
:is(.ld-toast-warning, .um-toast-warning, .ld-toast-warn, .um-toast-warn, [class*="-toast-warning"]:not([class^="e-"]):not([class*=" e-"]), [class*="-toast-warn"]:not([class^="e-"]):not([class*=" e-"])) :is(.ld-toast-icon, .um-toast-icon, [class$="-toast-icon"]:not([class^="e-"]):not([class*=" e-"]), [class*="-toast-icon "]:not([class^="e-"]):not([class*=" e-"])) {
    background: rgba(245, 158, 11, .14) !important;
    color: #b45309 !important;
}

:is(.ld-toast-info, .um-toast-info, [class*="-toast-info"]:not([class^="e-"]):not([class*=" e-"])) {
    color: #1e40af !important;
    background: linear-gradient(135deg, rgba(239, 246, 255, .98), rgba(255, 255, 255, .96)) !important;
    border-color: rgba(191, 219, 254, .95) !important;
    border-left-color: #2563eb !important;
}

:is(.ld-toast-close, .um-toast-close, [class$="-toast-close"], [class*="-toast-close "]) {
    position: absolute !important;
    top: .45rem !important;
    right: .45rem !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 1.55rem !important;
    height: 1.55rem !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: inherit !important;
    opacity: .62 !important;
    transition: opacity .15s ease, background .15s ease, border-color .15s ease, transform .15s ease !important;
}

:is(.ld-toast-close, .um-toast-close, [class$="-toast-close"], [class*="-toast-close "]):hover {
    opacity: 1 !important;
    background: rgba(15, 23, 42, .06) !important;
    border-color: rgba(15, 23, 42, .08) !important;
    transform: scale(1.04) !important;
}

@media (max-width: 520px) {
    :is(.ld-toast, .um-toast, [class$="-toast"]:not([class^="e-"]):not([class*=" e-"]), [class*="-toast "]:not([class^="e-"]):not([class*=" e-"])) {
        inset: 1rem 1rem auto 1rem !important;
        width: auto !important;
        max-width: none !important;
    }
}

/* --------------------------------------------------------
   FINAL DARK THEME OVERRIDE - must remain last in this file.
   Eliminates remaining light surfaces from page-specific rules.
   -------------------------------------------------------- */
[data-theme="dark"],
.theme-dark {
    --dark-final-bg: #071120;
    --dark-final-bg-2: #0b1628;
    --dark-final-surface: #101a2b;
    --dark-final-surface-2: #0d1728;
    --dark-final-surface-3: #142238;
    --dark-final-hover: #1a2a44;
    --dark-final-border: rgba(148, 163, 184, .22);
    --dark-final-border-2: rgba(148, 163, 184, .36);
    --dark-final-text: #f8fafc;
    --dark-final-text-2: #dbe5f2;
    --dark-final-muted: #9ca8bc;
    --dark-final-input: #0f1b2e;
}

[data-theme="dark"] body,
[data-theme="dark"] .ams-shell,
[data-theme="dark"] .ams-body,
[data-theme="dark"] .ams-content,
.theme-dark,
.theme-dark .ams-body,
.theme-dark .ams-content {
    background: linear-gradient(180deg, var(--dark-final-bg-2), var(--dark-final-bg)) !important;
    color: var(--dark-final-text-2) !important;
}

[data-theme="dark"] :is(
    [class*="page"], [class*="strip"], [class*="panel"], [class*="card"],
    [class*="kpi-card"], [class*="kpi-strip"], [class*="kpi-row"], [class*="kpi-grid"], [class*="kpi-section"], [class*="kpi-tile"], [class*="tile"], [class*="tab"], [class*="grid"], [class*="table"],
    [class*="detail"], [class*="summary"],
    [class*="overview"], [class*="analytics"], [class*="workflow"], [class*="modal"],
    [class*="dialog"], [class*="drawer"], [class*="popover"], [class*="dropdown"],
    [class*="empty"], [class*="loading"], [class*="rank"], [class*="row"], [class*="cell"],
    .card, .card-body, .modal-content, .dropdown-menu, .offcanvas, .popover, .toast,
    .list-group, .list-group-item, .accordion, .accordion-item, .accordion-button,
    .breadcrumb, .pagination .page-link, .nav-tabs, .nav-pills, .tab-content, .tab-pane
),
.theme-dark :is(
    [class*="page"], [class*="strip"], [class*="panel"], [class*="card"],
    [class*="kpi-card"], [class*="kpi-strip"], [class*="kpi-row"], [class*="kpi-grid"], [class*="kpi-section"], [class*="kpi-tile"], [class*="tile"], [class*="tab"], [class*="grid"], [class*="table"],
    [class*="detail"], [class*="summary"],
    [class*="overview"], [class*="analytics"], [class*="workflow"], [class*="modal"],
    [class*="dialog"], [class*="drawer"], [class*="popover"], [class*="dropdown"],
    [class*="empty"], [class*="loading"], [class*="rank"], [class*="row"], [class*="cell"],
    .card, .card-body, .modal-content, .dropdown-menu, .offcanvas, .popover, .toast,
    .list-group, .list-group-item, .accordion, .accordion-item, .accordion-button,
    .breadcrumb, .pagination .page-link, .nav-tabs, .nav-pills, .tab-content, .tab-pane
) {
    background-color: var(--dark-final-surface) !important;
    background-image: linear-gradient(145deg, rgba(20, 34, 56, .96), rgba(13, 23, 40, .96)) !important;
    border-color: var(--dark-final-border) !important;
    color: var(--dark-final-text-2) !important;
    box-shadow: none;
}

[data-theme="dark"] :is(
    input, select, textarea, .form-control, .form-select, .input-group-text,
    [class*="input"], [class*="select"], [class*="textbox"],
    [class*="filter-select"], [class*="picker"], [class*="editor"]
),
.theme-dark :is(
    input, select, textarea, .form-control, .form-select, .input-group-text,
    [class*="input"], [class*="select"], [class*="textbox"],
    [class*="filter-select"], [class*="picker"], [class*="editor"]
) {
    background-color: var(--dark-final-input) !important;
    background-image: none !important;
    border-color: var(--dark-final-border-2) !important;
    color: var(--dark-final-text) !important;
}

[data-theme="dark"] :is(input, select, textarea, .form-control, .form-select)::placeholder,
.theme-dark :is(input, select, textarea, .form-control, .form-select)::placeholder {
    color: var(--dark-final-muted) !important;
}

[data-theme="dark"] :is(
    table, thead, tbody, tfoot, tr, th, td, .table, .table-light,
    .e-control, .e-grid, .e-gridheader, .e-headercell, .e-rowcell, .e-table,
    .e-content, .e-dialog, .e-dlg-content, .e-dropdownbase, .e-input-group,
    .e-control-wrapper, .e-tab, .e-tab-header, .e-toolbar, .e-toolbar-items,
    .e-toolbar-item, .e-tab-wrap, .e-card
),
.theme-dark :is(
    table, thead, tbody, tfoot, tr, th, td, .table, .table-light,
    .e-control, .e-grid, .e-gridheader, .e-headercell, .e-rowcell, .e-table,
    .e-content, .e-dialog, .e-dlg-content, .e-dropdownbase, .e-input-group,
    .e-control-wrapper, .e-tab, .e-tab-header, .e-toolbar, .e-toolbar-items,
    .e-toolbar-item, .e-tab-wrap, .e-card
) {
    background-color: var(--dark-final-surface-2) !important;
    background-image: none !important;
    border-color: var(--dark-final-border) !important;
    color: var(--dark-final-text-2) !important;
}

[data-theme="dark"] :is(
    .active, .show,
    .nav-link.active, .dropdown-item.active, .page-item.active .page-link,
    .e-active, .e-selected, .e-selectionbackground,
    [aria-selected="true"]
),
.theme-dark :is(
    .active, .show,
    .nav-link.active, .dropdown-item.active, .page-item.active .page-link,
    .e-active, .e-selected, .e-selectionbackground,
    [aria-selected="true"]
) {
    background-color: rgba(35, 109, 255, .22) !important;
    background-image: linear-gradient(145deg, rgba(35, 109, 255, .26), rgba(8, 145, 178, .16)) !important;
    border-color: rgba(96, 165, 250, .52) !important;
    color: var(--dark-final-text) !important;
}

[data-theme="dark"] :is([style*="background: #fff"], [style*="background:#fff"], [style*="background-color: #fff"], [style*="background-color:#fff"], [style*="background: white"], [style*="background-color: white"]),
.theme-dark :is([style*="background: #fff"], [style*="background:#fff"], [style*="background-color: #fff"], [style*="background-color:#fff"], [style*="background: white"], [style*="background-color: white"]) {
    background: var(--dark-final-surface) !important;
    background-color: var(--dark-final-surface) !important;
    color: var(--dark-final-text-2) !important;
}

[data-theme="dark"] :is(h1, h2, h3, h4, h5, h6, strong, label, th, .modal-title, [class*="title"], [class*="value"], [class*="val"]),
.theme-dark :is(h1, h2, h3, h4, h5, h6, strong, label, th, .modal-title, [class*="title"], [class*="value"], [class*="val"]) {
    color: var(--dark-final-text) !important;
}

[data-theme="dark"] :is(small, .text-muted, .form-text, [class*="caption"], [class*="meta"], [class*="muted"], [class*="subtitle"], [class*="description"]),
.theme-dark :is(small, .text-muted, .form-text, [class*="caption"], [class*="meta"], [class*="muted"], [class*="subtitle"], [class*="description"]) {
    color: var(--dark-final-muted) !important;
}

[data-theme="dark"] :is(
    [class$="-icon"], [class*="-icon "], [class*="kpi-icon"], [class*="workflow-card"] > i, [class*="insight-card"] > i,
    [class*="priority-item"] > i, [class*="rank-row"] > i, [class*="view-btn"] > span
):not([class*="search-icon"]),
.theme-dark :is(
    [class$="-icon"], [class*="-icon "], [class*="kpi-icon"], [class*="workflow-card"] > i, [class*="insight-card"] > i,
    [class*="priority-item"] > i, [class*="rank-row"] > i, [class*="view-btn"] > span
):not([class*="search-icon"]) {
    background-color: rgba(96, 165, 250, .18) !important;
    background-image: linear-gradient(145deg, rgba(96, 165, 250, .22), rgba(35, 109, 255, .14)) !important;
    border-color: rgba(96, 165, 250, .30) !important;
    color: #bfdbfe !important;
}

[data-theme="dark"] :is(
    [class*="danger"] > i, [class*="risk"] > i, [class*="red"] > i, [class*="alert"] [class$="-icon"],
    [class*="warn"] > i, [class*="amber"] > i
),
.theme-dark :is(
    [class*="danger"] > i, [class*="risk"] > i, [class*="red"] > i, [class*="alert"] [class$="-icon"],
    [class*="warn"] > i, [class*="amber"] > i
) {
    background-color: rgba(245, 158, 11, .18) !important;
    background-image: linear-gradient(145deg, rgba(245, 158, 11, .22), rgba(180, 83, 9, .14)) !important;
    border-color: rgba(251, 191, 36, .34) !important;
    color: #fde68a !important;
}

[data-theme="dark"] :is(
    table, thead, tbody, tfoot, tr, th, td,
    [class*="table"], [class*="table"] thead, [class*="table"] tbody,
    [class*="table"] tr, [class*="table"] th, [class*="table"] td
),
.theme-dark :is(
    table, thead, tbody, tfoot, tr, th, td,
    [class*="table"], [class*="table"] thead, [class*="table"] tbody,
    [class*="table"] tr, [class*="table"] th, [class*="table"] td
) {
    background-color: var(--dark-final-surface-2) !important;
    background-image: none !important;
    border-color: rgba(148, 163, 184, .18) !important;
    color: var(--dark-final-text-2) !important;
}

[data-theme="dark"] :is(
    [class$="--selected"], [class$="-selected"], [class$="--active"], [class$="-active"],
    [aria-selected="true"],
    [class$="-tab"]:hover, [class*="-tab "]:hover, [class*="kpi-card"]:hover, [class*="workflow-card"]:hover, [class$="-row"]:hover,
    [class*="menu-item"]:hover
),
.theme-dark :is(
    [class$="--selected"], [class$="-selected"], [class$="--active"], [class$="-active"],
    [aria-selected="true"],
    [class$="-tab"]:hover, [class*="-tab "]:hover, [class*="kpi-card"]:hover, [class*="workflow-card"]:hover, [class$="-row"]:hover,
    [class*="menu-item"]:hover
) {
    background-color: rgba(35, 109, 255, .22) !important;
    background-image: linear-gradient(145deg, rgba(35, 109, 255, .24), rgba(20, 184, 166, .10)) !important;
    border-color: rgba(96, 165, 250, .54) !important;
    color: var(--dark-final-text) !important;
}

[data-theme="dark"] :is(
    [class*="search-wrap"], [class*="search-body"], [class*="filter-grid"], [class*="search-result"],
    [class*="search-input"], [class*="input"], [class*="select"], select, input, textarea
),
.theme-dark :is(
    [class*="search-wrap"], [class*="search-body"], [class*="filter-grid"], [class*="search-result"],
    [class*="search-input"], [class*="input"], [class*="select"], select, input, textarea
) {
    background-color: var(--dark-final-input) !important;
    background-image: none !important;
    border-color: var(--dark-final-border-2) !important;
    color: var(--dark-final-text) !important;
}

[data-theme="dark"] :is(
    [class*="link-button"], [class*="btn--ghost"], [class*="icon-btn"], [class*="count-pill"],
    [class*="lob-pill"], [class*="priority"], [class*="importance"]
),
.theme-dark :is(
    [class*="link-button"], [class*="btn--ghost"], [class*="icon-btn"], [class*="count-pill"],
    [class*="lob-pill"], [class*="priority"], [class*="importance"]
) {
    background-color: rgba(96, 165, 250, .14) !important;
    background-image: linear-gradient(145deg, rgba(96, 165, 250, .18), rgba(35, 109, 255, .10)) !important;
    border-color: rgba(96, 165, 250, .28) !important;
    color: #dbeafe !important;
}

[data-theme="dark"] :is(dt, [class*="section-kicker"], [class*="search-hint"], [class*="hint"], small),
.theme-dark :is(dt, [class*="section-kicker"], [class*="search-hint"], [class*="hint"], small) {
    color: var(--dark-final-muted) !important;
}

[data-theme="dark"] :is(dd, [class*="link-button"], [class$="-selected"] h3, [class$="-selected"] strong, [class*="table"] strong),
.theme-dark :is(dd, [class*="link-button"], [class$="-selected"] h3, [class$="-selected"] strong, [class*="table"] strong) {
    color: var(--dark-final-text) !important;
}

[data-theme="dark"] :is(
    [class*="alert-card"], [class*="spotlight-card"], [class*="analytics-panel"], [class*="rules-card"],
    [class*="notes-card"], [class*="detail-head"], [class*="detail-summary"], [class*="alert-stats"],
    [class*="insight-grid"], [class*="rank-stack"], [class*="card-grid"], [class*="confirm-modal"]
),
.theme-dark :is(
    [class*="alert-card"], [class*="spotlight-card"], [class*="analytics-panel"], [class*="rules-card"],
    [class*="notes-card"], [class*="detail-head"], [class*="detail-summary"], [class*="alert-stats"],
    [class*="insight-grid"], [class*="rank-stack"], [class*="card-grid"], [class*="confirm-modal"]
) {
    background-color: var(--dark-final-surface-2) !important;
    background-image: linear-gradient(145deg, rgba(15, 27, 46, .98), rgba(11, 22, 40, .98)) !important;
    border-color: var(--dark-final-border) !important;
    color: var(--dark-final-text-2) !important;
    box-shadow: none !important;
}

[data-theme="dark"] :is(
    [class*="rank-row"], [class*="analytics-list"] button, [class*="alert-stats"] div,
    [class*="detail-summary"] div, [class*="insight-grid"] div, [class*="filter-result"],
    [class*="alert-actions"] button, [class*="row-actions"] button
),
.theme-dark :is(
    [class*="rank-row"], [class*="analytics-list"] button, [class*="alert-stats"] div,
    [class*="detail-summary"] div, [class*="insight-grid"] div, [class*="filter-result"],
    [class*="alert-actions"] button, [class*="row-actions"] button
) {
    background-color: var(--dark-final-surface) !important;
    background-image: linear-gradient(145deg, rgba(20, 34, 56, .96), rgba(13, 23, 40, .96)) !important;
    border-color: var(--dark-final-border-2) !important;
    color: var(--dark-final-text-2) !important;
}

[data-theme="dark"] :is(
    [class*="rank-row"]:hover, [class*="rank-active"], [class*="analytics-list"] button:hover,
    [class*="alert-card"]:hover, [class*="alert-card-selected"], [class*="row-selected"]
),
.theme-dark :is(
    [class*="rank-row"]:hover, [class*="rank-active"], [class*="analytics-list"] button:hover,
    [class*="alert-card"]:hover, [class*="alert-card-selected"], [class*="row-selected"]
) {
    background-color: rgba(225, 29, 72, .18) !important;
    background-image: linear-gradient(145deg, rgba(225, 29, 72, .20), rgba(35, 109, 255, .10)) !important;
    border-color: rgba(251, 113, 133, .50) !important;
    color: var(--dark-final-text) !important;
}

[data-theme="dark"] :is(
    [class*="alert-icon"], [class*="confirm-icon"], [class*="kpi-red"] [class*="kpi-icon"],
    [class*="workflow-danger"] > i, [class*="badge-danger"], [class*="badge-warning"], [class*="badge-info"],
    [class*="badge-success"], [class*="badge-muted"]
),
.theme-dark :is(
    [class*="alert-icon"], [class*="confirm-icon"], [class*="kpi-red"] [class*="kpi-icon"],
    [class*="workflow-danger"] > i, [class*="badge-danger"], [class*="badge-warning"], [class*="badge-info"],
    [class*="badge-success"], [class*="badge-muted"]
) {
    background-color: rgba(225, 29, 72, .16) !important;
    background-image: linear-gradient(145deg, rgba(225, 29, 72, .20), rgba(127, 29, 29, .14)) !important;
    border-color: rgba(251, 113, 133, .32) !important;
    color: #fecdd3 !important;
}

[data-theme="dark"] :is(
    [class*="rank-row"] > div:has(> i), [class*="analytics-list"] div:has(> i)
),
.theme-dark :is(
    [class*="rank-row"] > div:has(> i), [class*="analytics-list"] div:has(> i)
) {
    background: rgba(148, 163, 184, .20) !important;
}

[data-theme="dark"] :is(
    [class*="detail-head"] h2, [class*="alert-card"] h3, [class*="analytics-panel"] h3,
    [class*="guidance-card"] h3, [class*="rules-card"] header strong, [class*="notes-card"] strong,
    [class*="rank-row"] span, [class*="rank-row"] strong, [class*="analytics-list"] span,
    [class*="analytics-list"] strong, [class*="alert-stats"] strong, [class*="detail-summary"] strong,
    [class*="insight-grid"] strong, [class*="filter-result"] strong, [class*="confirm-modal"] h2
),
.theme-dark :is(
    [class*="detail-head"] h2, [class*="alert-card"] h3, [class*="analytics-panel"] h3,
    [class*="guidance-card"] h3, [class*="rules-card"] header strong, [class*="notes-card"] strong,
    [class*="rank-row"] span, [class*="rank-row"] strong, [class*="analytics-list"] span,
    [class*="analytics-list"] strong, [class*="alert-stats"] strong, [class*="detail-summary"] strong,
    [class*="insight-grid"] strong, [class*="filter-result"] strong, [class*="confirm-modal"] h2
) {
    color: var(--dark-final-text) !important;
}

[data-theme="dark"] :is(
    [class*="section-head"] p, [class*="guidance-card"] p, [class*="spotlight-card"] p,
    [class*="alert-card"] p, [class*="notes-card"] p, [class*="notes-card"] small,
    [class*="detail-head"] p, [class*="rank-row"] small, [class*="analytics-list"] small,
    [class*="alert-stats"] span, [class*="detail-summary"] span, [class*="insight-grid"] span,
    [class*="confirm-modal"] p
),
.theme-dark :is(
    [class*="section-head"] p, [class*="guidance-card"] p, [class*="spotlight-card"] p,
    [class*="alert-card"] p, [class*="notes-card"] p, [class*="notes-card"] small,
    [class*="detail-head"] p, [class*="rank-row"] small, [class*="analytics-list"] small,
    [class*="alert-stats"] span, [class*="detail-summary"] span, [class*="insight-grid"] span,
    [class*="confirm-modal"] p
) {
    color: var(--dark-final-muted) !important;
}

/* --------------------------------------------------------
   GLOBAL PAGE HEADER POLISH - reusable across Blazor pages.
   Keep near the end so it can modernize page-scoped headers.
   -------------------------------------------------------- */
:root {
    --ams-header-polish-bg: linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(239, 246, 255, .84));
    --ams-header-polish-border: rgba(191, 219, 254, .78);
    --ams-header-polish-glow: rgba(35, 109, 255, .18);
    --ams-header-polish-glow-2: rgba(8, 145, 178, .14);
    --ams-header-polish-text: var(--text-primary, #06111f);
    --ams-header-polish-muted: var(--text-secondary, #475569);
    --ams-header-polish-chip-bg: rgba(255, 255, 255, .58);
    --ams-header-polish-chip-border: rgba(191, 219, 254, .72);
}

[data-theme="dark"],
.theme-dark {
    --ams-header-polish-bg: linear-gradient(135deg, rgba(15, 27, 46, .98), rgba(8, 20, 38, .94));
    --ams-header-polish-border: rgba(96, 165, 250, .28);
    --ams-header-polish-glow: rgba(35, 109, 255, .24);
    --ams-header-polish-glow-2: rgba(20, 184, 166, .16);
    --ams-header-polish-text: var(--dark-final-text, #f8fafc);
    --ams-header-polish-muted: var(--dark-final-text-2, #dbe5f2);
    --ams-header-polish-chip-bg: rgba(15, 23, 42, .46);
    --ams-header-polish-chip-border: rgba(148, 163, 184, .24);
}

@keyframes ams-header-float-in {
    from { opacity: 0; transform: translateY(14px) scale(.985); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes ams-header-aurora {
    0%, 100% { transform: translate3d(0, 0, 0) scale(1); opacity: .58; }
    50% { transform: translate3d(-18px, 10px, 0) scale(1.08); opacity: .88; }
}

@keyframes ams-header-shine {
    from { transform: translateX(-120%) skewX(-18deg); }
    to { transform: translateX(160%) skewX(-18deg); }
}

:is(
    .page-header,
    [class*="page"] > [class$="-hero"], [class*="page"] > [class*="-hero "],
    [class*="page"] > [class$="__hero"], [class*="page"] > [class*="__hero "],
    [class*="page"] > [class$="-page-header"], [class*="page"] > [class*="-page-header "],
    [class*="enterprise"] > [class$="-hero"], [class*="enterprise"] > [class*="-hero "],
    [class*="dashboard"] > [class$="-hero"], [class*="dashboard"] > [class*="-hero "]
):not(.ams-header):not(.nav-brand):not(.nav-logo):not(.modal-header):not(.um-modal-header):not(.e-dlg-header):not(.accordion-header):not(.dropdown-header):not(.offcanvas-header) {
    position: relative;
    isolation: isolate;
}

:is(
    .page-header,
    [class*="page"] > [class$="-hero"], [class*="page"] > [class*="-hero "],
    [class*="page"] > [class$="__hero"], [class*="page"] > [class*="__hero "],
    [class*="page"] > [class$="-page-header"], [class*="page"] > [class*="-page-header "],
    [class*="enterprise"] > [class$="-hero"], [class*="enterprise"] > [class*="-hero "],
    [class*="dashboard"] > [class$="-hero"], [class*="dashboard"] > [class*="-hero "]
):not(.ams-header):not(.nav-brand):not(.nav-logo):not(.modal-header):not(.um-modal-header):not(.e-dlg-header):not(.accordion-header):not(.dropdown-header):not(.offcanvas-header) {
    overflow: hidden;
    border-color: var(--ams-header-polish-border) !important;
    background: var(--ams-header-polish-bg) !important;
    box-shadow: 0 20px 56px rgba(15, 23, 42, .10), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
    animation: ams-header-float-in .42s cubic-bezier(.2, .8, .2, 1) both;
}

:is(
    .page-header,
    [class*="page"] > [class$="-hero"], [class*="page"] > [class*="-hero "],
    [class*="page"] > [class$="__hero"], [class*="page"] > [class*="__hero "],
    [class*="page"] > [class$="-page-header"], [class*="page"] > [class*="-page-header "],
    [class*="enterprise"] > [class$="-hero"], [class*="enterprise"] > [class*="-hero "],
    [class*="dashboard"] > [class$="-hero"], [class*="dashboard"] > [class*="-hero "]
):not(.ams-header):not(.nav-brand):not(.nav-logo):not(.modal-header):not(.um-modal-header):not(.e-dlg-header):not(.accordion-header):not(.dropdown-header):not(.offcanvas-header)::before {
    content: "";
    position: absolute;
    inset: -35% -12% auto auto;
    width: min(42rem, 70vw);
    height: 18rem;
    z-index: -1;
    border-radius: 999px;
    background:
        radial-gradient(circle at 28% 42%, var(--ams-header-polish-glow), transparent 42%),
        radial-gradient(circle at 68% 54%, var(--ams-header-polish-glow-2), transparent 46%);
    filter: blur(2px);
    pointer-events: none;
    animation: ams-header-aurora 9s ease-in-out infinite;
}

:is(
    .page-header,
    [class*="page"] > [class$="-hero"], [class*="page"] > [class*="-hero "],
    [class*="page"] > [class$="__hero"], [class*="page"] > [class*="__hero "],
    [class*="page"] > [class$="-page-header"], [class*="page"] > [class*="-page-header "],
    [class*="enterprise"] > [class$="-hero"], [class*="enterprise"] > [class*="-hero "],
    [class*="dashboard"] > [class$="-hero"], [class*="dashboard"] > [class*="-hero "]
):not(.ams-header):not(.nav-brand):not(.nav-logo):not(.modal-header):not(.um-modal-header):not(.e-dlg-header):not(.accordion-header):not(.dropdown-header):not(.offcanvas-header)::after {
    content: "";
    position: absolute;
    inset: 0 auto 0 -35%;
    width: 28%;
    z-index: -1;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .22), transparent);
    pointer-events: none;
    animation: ams-header-shine 5.8s ease-in-out infinite;
}

:is(
    .page-header,
    [class*="page"] > [class$="-hero"], [class*="page"] > [class*="-hero "],
    [class*="page"] > [class$="__hero"], [class*="page"] > [class*="__hero "],
    [class*="page"] > [class$="-page-header"], [class*="page"] > [class*="-page-header "],
    [class*="enterprise"] > [class$="-hero"], [class*="enterprise"] > [class*="-hero "],
    [class*="dashboard"] > [class$="-hero"], [class*="dashboard"] > [class*="-hero "]
):not(.ams-header):not(.nav-brand):not(.nav-logo) :is(h1, h2) {
    color: var(--ams-header-polish-text) !important;
    letter-spacing: -.045em;
    text-shadow: 0 10px 28px rgba(15, 23, 42, .16);
}

:is(
    .page-header,
    [class*="page"] > [class$="-hero"], [class*="page"] > [class*="-hero "],
    [class*="page"] > [class$="__hero"], [class*="page"] > [class*="__hero "],
    [class*="page"] > [class$="-page-header"], [class*="page"] > [class*="-page-header "],
    [class*="enterprise"] > [class$="-hero"], [class*="enterprise"] > [class*="-hero "],
    [class*="dashboard"] > [class$="-hero"], [class*="dashboard"] > [class*="-hero "]
):not(.ams-header):not(.nav-brand):not(.nav-logo) :is(p, small, .subtitle, [class*="subtitle"], [class*="description"]) {
    color: var(--ams-header-polish-muted) !important;
}

:is(
    .page-header,
    [class*="page"] > [class$="-hero"], [class*="page"] > [class*="-hero "],
    [class*="page"] > [class$="__hero"], [class*="page"] > [class*="__hero "],
    [class*="page"] > [class$="-page-header"], [class*="page"] > [class*="-page-header "],
    [class*="enterprise"] > [class$="-hero"], [class*="enterprise"] > [class*="-hero "],
    [class*="dashboard"] > [class$="-hero"], [class*="dashboard"] > [class*="-hero "]
):not(.ams-header):not(.nav-brand):not(.nav-logo) :is(.badge, [class*="badge"], [class*="chip"], [class*="pill"], [class*="eyebrow"], [class*="meta"] span, [class*="title-row"] span) {
    border-color: var(--ams-header-polish-chip-border) !important;
    background: var(--ams-header-polish-chip-bg) !important;
    color: var(--ams-header-polish-text) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12) !important;
    backdrop-filter: blur(10px);
}

:is(
    .page-header,
    [class*="page"] > [class$="-hero"], [class*="page"] > [class*="-hero "],
    [class*="page"] > [class$="__hero"], [class*="page"] > [class*="__hero "],
    [class*="page"] > [class$="-page-header"], [class*="page"] > [class*="-page-header "],
    [class*="enterprise"] > [class$="-hero"], [class*="enterprise"] > [class*="-hero "],
    [class*="dashboard"] > [class$="-hero"], [class*="dashboard"] > [class*="-hero "]
):not(.ams-header):not(.nav-brand):not(.nav-logo) :is([class$="-icon"], .bi) {
    transition: transform .22s ease, filter .22s ease;
}

:is(
    .page-header,
    [class*="page"] > [class$="-hero"], [class*="page"] > [class*="-hero "],
    [class*="page"] > [class$="__hero"], [class*="page"] > [class*="__hero "],
    [class*="page"] > [class$="-page-header"], [class*="page"] > [class*="-page-header "],
    [class*="enterprise"] > [class$="-hero"], [class*="enterprise"] > [class*="-hero "],
    [class*="dashboard"] > [class$="-hero"], [class*="dashboard"] > [class*="-hero "]
):not(.ams-header):not(.nav-brand):not(.nav-logo):hover :is([class$="-icon"], .bi) {
    transform: translateY(-1px) scale(1.04);
    filter: drop-shadow(0 8px 16px rgba(35, 109, 255, .22));
}

.ams-header,
.ams-header *,
.nav-brand,
.nav-brand *,
.nav-logo,
.nav-logo * {
    opacity: 1 !important;
    visibility: visible !important;
}

.nav-logo img,
.ams-header img,
.nav-brand img {
    display: block !important;
    max-width: 100%;
    height: auto;
    filter: none;
}

@media (prefers-reduced-motion: reduce) {
    :is(
        .page-header,
        [class*="page"] > [class$="-hero"], [class*="page"] > [class*="-hero "],
        [class*="page"] > [class$="__hero"], [class*="page"] > [class*="__hero "],
        [class*="page"] > [class$="-page-header"], [class*="page"] > [class*="-page-header "],
        [class*="enterprise"] > [class$="-hero"], [class*="enterprise"] > [class*="-hero "],
        [class*="dashboard"] > [class$="-hero"], [class*="dashboard"] > [class*="-hero "]
    ),
    :is(
        .page-header,
        [class*="page"] > [class$="-hero"], [class*="page"] > [class*="-hero "],
        [class*="page"] > [class$="__hero"], [class*="page"] > [class*="__hero "],
        [class*="page"] > [class$="-page-header"], [class*="page"] > [class*="-page-header "],
        [class*="enterprise"] > [class$="-hero"], [class*="enterprise"] > [class*="-hero "],
        [class*="dashboard"] > [class$="-hero"], [class*="dashboard"] > [class*="-hero "]
    )::before,
    :is(
        .page-header,
        [class*="page"] > [class$="-hero"], [class*="page"] > [class*="-hero "],
        [class*="page"] > [class$="__hero"], [class*="page"] > [class*="__hero "],
        [class*="page"] > [class$="-page-header"], [class*="page"] > [class*="-page-header "],
        [class*="enterprise"] > [class$="-hero"], [class*="enterprise"] > [class*="-hero "],
        [class*="dashboard"] > [class$="-hero"], [class*="dashboard"] > [class*="-hero "]
    )::after {
        animation: none !important;
    }
}

/* Keep page header polish on the outer header only. */
:is(
    .page-header,
    [class*="page"] > [class$="-hero"], [class*="page"] > [class*="-hero "],
    [class*="page"] > [class$="__hero"], [class*="page"] > [class*="__hero "],
    [class*="page"] > [class$="-page-header"], [class*="page"] > [class*="-page-header "],
    [class*="enterprise"] > [class$="-hero"], [class*="enterprise"] > [class*="-hero "],
    [class*="dashboard"] > [class$="-hero"], [class*="dashboard"] > [class*="-hero "]
) > :is(
    [class$="-hero-left"], [class*="-hero-left "],
    [class$="-hero-actions"], [class*="-hero-actions "],
    [class$="__content"], [class*="__content "],
    [class$="__actions"], [class*="__actions "],
    [class$="-title-row"], [class*="-title-row "]
),
:is(
    .page-header,
    [class*="page"] > [class$="-hero"], [class*="page"] > [class*="-hero "],
    [class*="page"] > [class$="__hero"], [class*="page"] > [class*="__hero "],
    [class*="page"] > [class$="-page-header"], [class*="page"] > [class*="-page-header "],
    [class*="enterprise"] > [class$="-hero"], [class*="enterprise"] > [class*="-hero "],
    [class*="dashboard"] > [class$="-hero"], [class*="dashboard"] > [class*="-hero "]
) :is(
    [class$="-hero-left"], [class*="-hero-left "],
    [class$="-hero-actions"], [class*="-hero-actions "],
    [class$="__content"], [class*="__content "],
    [class$="__actions"], [class*="__actions "],
    [class$="-title-row"], [class*="-title-row "]
) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.ams-workbench-route :is(.acw-search-icon, .csrw-search-icon, .mkw-search-icon, .act-search-icon, .cal-search-icon, .ntf-search-icon, .mtask-search-icon, .mwb-search-icon, .opw-search-icon, .pwe-search-icon, .smw-search-icon),
[data-theme="dark"] .ams-workbench-route :is(.acw-search-icon, .csrw-search-icon, .mkw-search-icon, .act-search-icon, .cal-search-icon, .ntf-search-icon, .mtask-search-icon, .mwb-search-icon, .opw-search-icon, .pwe-search-icon, .smw-search-icon),
.theme-dark .ams-workbench-route :is(.acw-search-icon, .csrw-search-icon, .mkw-search-icon, .act-search-icon, .cal-search-icon, .ntf-search-icon, .mtask-search-icon, .mwb-search-icon, .opw-search-icon, .pwe-search-icon, .smw-search-icon),
body.dark .ams-workbench-route :is(.acw-search-icon, .csrw-search-icon, .mkw-search-icon, .act-search-icon, .cal-search-icon, .ntf-search-icon, .mtask-search-icon, .mwb-search-icon, .opw-search-icon, .pwe-search-icon, .smw-search-icon) {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Dark mode account command center polish: remove white/light scoped page surfaces globally. */
[data-theme="dark"] .acc-page,
.theme-dark .acc-page {
    background:
        radial-gradient(circle at 18% 0%, rgba(37, 99, 235, .16), transparent 34rem),
        radial-gradient(circle at 88% 14%, rgba(14, 165, 233, .10), transparent 28rem),
        linear-gradient(180deg, #07111f 0%, #0a1424 48%, #07101d 100%) !important;
    color: #e5edf8 !important;
}

[data-theme="dark"] :is(.acc-hero, .acc-shell, .acc-inspector, .acc-modal, .acc-confirm),
.theme-dark :is(.acc-hero, .acc-shell, .acc-inspector, .acc-modal, .acc-confirm) {
    border-color: rgba(96, 165, 250, .14) !important;
    background:
        radial-gradient(circle at 88% 0%, rgba(37, 99, 235, .14), transparent 32%),
        linear-gradient(145deg, rgba(14, 26, 45, .98), rgba(8, 18, 34, .98)) !important;
    color: #e5edf8 !important;
    box-shadow: 0 22px 54px rgba(0, 0, 0, .34) !important;
}

[data-theme="dark"] :is(.acc-kpi-card, .acc-workflow-card, .acc-directory-panel, .acc-directory-row, .acc-mini-metric, .acc-score-card, .acc-readiness-card, .acc-loading, .acc-empty, .acc-toast),
.theme-dark :is(.acc-kpi-card, .acc-workflow-card, .acc-directory-panel, .acc-directory-row, .acc-mini-metric, .acc-score-card, .acc-readiness-card, .acc-loading, .acc-empty, .acc-toast) {
    border-color: rgba(96, 165, 250, .10) !important;
    background:
        radial-gradient(circle at 82% 0%, rgba(59, 130, 246, .10), transparent 34%),
        linear-gradient(145deg, rgba(17, 31, 52, .98), rgba(10, 22, 40, .98)) !important;
    color: #dbeafe !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 14px 30px rgba(0, 0, 0, .22) !important;
}

[data-theme="dark"] :is(.acc-toolbar, .acc-tabs),
.theme-dark :is(.acc-toolbar, .acc-tabs) {
    border-bottom-color: rgba(96, 165, 250, .10) !important;
    background: linear-gradient(145deg, rgba(12, 24, 42, .98), rgba(8, 18, 34, .98)) !important;
    color: #dbeafe !important;
}

[data-theme="dark"] :is(.acc-search, .acc-select, .acc-input, .acc-btn-ghost, .acc-icon-btn),
.theme-dark :is(.acc-search, .acc-select, .acc-input, .acc-btn-ghost, .acc-icon-btn) {
    border-color: rgba(96, 165, 250, .16) !important;
    background: rgba(9, 18, 33, .92) !important;
    color: #dbeafe !important;
    box-shadow: none !important;
}

[data-theme="dark"] :is(.acc-search input, .acc-select option, .acc-input),
.theme-dark :is(.acc-search input, .acc-select option, .acc-input) {
    background-color: #091221 !important;
    color: #e5edf8 !important;
}

[data-theme="dark"] .acc-search input::placeholder,
.theme-dark .acc-search input::placeholder {
    color: #64748b !important;
}

[data-theme="dark"] :is(.acc-tab, .acc-tab strong),
.theme-dark :is(.acc-tab, .acc-tab strong) {
    border-color: transparent !important;
    background: rgba(15, 30, 52, .70) !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] :is(.acc-tab:hover, .acc-tab:focus, .acc-tab:focus-visible, .acc-tab-active),
.theme-dark :is(.acc-tab:hover, .acc-tab:focus, .acc-tab:focus-visible, .acc-tab-active) {
    border-color: rgba(125, 211, 252, .20) !important;
    background: linear-gradient(145deg, rgba(37, 99, 235, .24), rgba(14, 165, 233, .12)) !important;
    color: #f8fbff !important;
    box-shadow: none !important;
    outline: 0 !important;
}

[data-theme="dark"] :is(.acc-kpi-card:hover, .acc-kpi-card:focus, .acc-kpi-card:focus-visible, .acc-kpi-card-active, .acc-workflow-card:hover, .acc-workflow-card:focus, .acc-workflow-card:focus-visible, .acc-directory-row:hover, .acc-directory-row-selected),
.theme-dark :is(.acc-kpi-card:hover, .acc-kpi-card:focus, .acc-kpi-card:focus-visible, .acc-kpi-card-active, .acc-workflow-card:hover, .acc-workflow-card:focus, .acc-workflow-card:focus-visible, .acc-directory-row:hover, .acc-directory-row-selected) {
    border-color: rgba(125, 211, 252, .20) !important;
    background:
        radial-gradient(circle at 78% 0%, rgba(14, 165, 233, .16), transparent 34%),
        linear-gradient(145deg, rgba(20, 39, 64, .98), rgba(12, 25, 45, .98)) !important;
    color: #f8fbff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .055), 0 16px 34px rgba(0, 0, 0, .30) !important;
    outline: 0 !important;
}

[data-theme="dark"] :is(.acc-tone-blue, .acc-tone-green, .acc-tone-purple, .acc-tone-amber, .acc-tone-red, .acc-workflow-icon, .acc-kpi-icon, .acc-inspector-empty i),
.theme-dark :is(.acc-tone-blue, .acc-tone-green, .acc-tone-purple, .acc-tone-amber, .acc-tone-red, .acc-workflow-icon, .acc-kpi-icon, .acc-inspector-empty i) {
    border-color: rgba(125, 211, 252, .14) !important;
    background: linear-gradient(145deg, rgba(37, 99, 235, .24), rgba(14, 165, 233, .12)) !important;
    color: #bfdbfe !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

[data-theme="dark"] :is(.acc-directory-header h2, .acc-directory-grid strong, .acc-kpi-copy strong, .acc-workflow-card, .acc-workflow-card strong, .acc-inspector-header h2, .acc-mini-metric strong, .acc-score-card strong, .acc-readiness-card h3, .acc-empty h2, .acc-modal-header h2, .acc-confirm h2, .acc-money, .acc-mono, .acc-card-header, .acc-card-header h2, .acc-card-header h3),
.theme-dark :is(.acc-directory-header h2, .acc-directory-grid strong, .acc-kpi-copy strong, .acc-workflow-card, .acc-workflow-card strong, .acc-inspector-header h2, .acc-mini-metric strong, .acc-score-card strong, .acc-readiness-card h3, .acc-empty h2, .acc-modal-header h2, .acc-confirm h2, .acc-money, .acc-mono, .acc-card-header, .acc-card-header h2, .acc-card-header h3) {
    color: #e5edf8 !important;
}

[data-theme="dark"] :is(.acc-kpi-copy small, .acc-kpi-copy em, .acc-mini-metric span, .acc-muted, .acc-workflow-card small, .acc-directory-header p, .acc-directory-count, .acc-directory-grid, .acc-directory-meta, .acc-directory-contact, .acc-directory-contact a, .acc-account-cell small, .acc-contact-cell a, .acc-contact-cell span, .acc-inspector-header p, .acc-score-card span, .acc-score-card em, .acc-readiness-card p, .acc-empty p, .acc-card-header p, .acc-field small),
.theme-dark :is(.acc-kpi-copy small, .acc-kpi-copy em, .acc-mini-metric span, .acc-muted, .acc-workflow-card small, .acc-directory-header p, .acc-directory-count, .acc-directory-grid, .acc-directory-meta, .acc-directory-contact, .acc-directory-contact a, .acc-account-cell small, .acc-contact-cell a, .acc-contact-cell span, .acc-inspector-header p, .acc-score-card span, .acc-score-card em, .acc-readiness-card p, .acc-empty p, .acc-card-header p, .acc-field small) {
    color: #94a3b8 !important;
}

[data-theme="dark"] :is(.acc-inspector-header, .acc-pagination, .acc-modal-header, .acc-modal-footer),
.theme-dark :is(.acc-inspector-header, .acc-pagination, .acc-modal-header, .acc-modal-footer) {
    border-color: rgba(96, 165, 250, .10) !important;
    background: transparent !important;
}

[data-theme="dark"] :is(.acc-status, .acc-priority, .acc-segment, .acc-readiness-badge),
.theme-dark :is(.acc-status, .acc-priority, .acc-segment, .acc-readiness-badge) {
    background: rgba(37, 99, 235, .16) !important;
    color: #bfdbfe !important;
}

/* Dark mode: neutralize blue hover backgrounds. */
[data-theme="dark"] :is(
    a:hover, button:hover, tr:hover, li:hover,
    [class*="card"]:hover, [class*="tile"]:hover, [class*="row"]:hover, [class*="item"]:hover,
    [class*="tab"]:hover, [class*="kpi-card"]:hover, [class*="kpi-tile"]:hover, [class*="workflow"]:hover, [class*="module"]:hover,
    [class*="quick"]:hover, [class*="menu-item"]:hover, [class*="nav-link"]:hover,
    .dropdown-item:hover, .list-group-item:hover, .nav-link:hover, .page-link:hover
):not(.active):not([class$="-active"]):not([class$="-selected"]):not([class*="primary"]):not([class*="danger"]):not([class*="success"]),
.theme-dark :is(
    a:hover, button:hover, tr:hover, li:hover,
    [class*="card"]:hover, [class*="tile"]:hover, [class*="row"]:hover, [class*="item"]:hover,
    [class*="tab"]:hover, [class*="kpi-card"]:hover, [class*="kpi-tile"]:hover, [class*="workflow"]:hover, [class*="module"]:hover,
    [class*="quick"]:hover, [class*="menu-item"]:hover, [class*="nav-link"]:hover,
    .dropdown-item:hover, .list-group-item:hover, .nav-link:hover, .page-link:hover
):not(.active):not([class$="-active"]):not([class$="-selected"]):not([class*="primary"]):not([class*="danger"]):not([class*="success"]) {
    background-color: rgba(15, 23, 42, .32) !important;
    background-image: linear-gradient(145deg, rgba(15, 27, 46, .72), rgba(11, 22, 40, .72)) !important;
    border-color: rgba(148, 163, 184, .14) !important;
    color: var(--dark-final-text, #f8fafc) !important;
    box-shadow: none !important;
}

[data-theme="dark"] :is(
    h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover, p:hover, label:hover, small:hover, strong:hover, em:hover,
    [class*="title"]:hover, [class*="name"]:hover, [class*="label"]:hover, [class*="description"]:hover,
    [class*="subtitle"]:hover, [class*="caption"]:hover, [class*="meta"]:hover, [class*="muted"]:hover,
    [class*="copy"]:hover, [class*="text"]:hover
),
.theme-dark :is(
    h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover, p:hover, label:hover, small:hover, strong:hover, em:hover,
    [class*="title"]:hover, [class*="name"]:hover, [class*="label"]:hover, [class*="description"]:hover,
    [class*="subtitle"]:hover, [class*="caption"]:hover, [class*="meta"]:hover, [class*="muted"]:hover,
    [class*="copy"]:hover, [class*="text"]:hover
) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

[data-theme="dark"] .ams-workbench-route :is(
    .acw-search-wrap, .acw-search-body, .acw-search-icon,
    .csrw-search-wrap, .csrw-search-body, .csrw-search-icon,
    .mkw-search-wrap, .mkw-search-body, .mkw-search-icon,
    .act-search-wrap, .act-search-body, .act-search-icon,
    .cal-search-wrap, .cal-search-body, .cal-search-icon,
    .ntf-search-wrap, .ntf-search-body, .ntf-search-icon,
    .mtask-search-wrap, .mtask-search-body, .mtask-search-icon,
    .mwb-search-wrap, .mwb-search-body, .mwb-search-icon,
    .opw-search-wrap, .opw-search-body, .opw-search-icon,
    .pwe-search-wrap, .pwe-search-body, .pwe-search-icon,
    .smw-search-wrap, .smw-search-body, .smw-search-icon
),
.theme-dark .ams-workbench-route :is(
    .acw-search-wrap, .acw-search-body, .acw-search-icon,
    .csrw-search-wrap, .csrw-search-body, .csrw-search-icon,
    .mkw-search-wrap, .mkw-search-body, .mkw-search-icon,
    .act-search-wrap, .act-search-body, .act-search-icon,
    .cal-search-wrap, .cal-search-body, .cal-search-icon,
    .ntf-search-wrap, .ntf-search-body, .ntf-search-icon,
    .mtask-search-wrap, .mtask-search-body, .mtask-search-icon,
    .mwb-search-wrap, .mwb-search-body, .mwb-search-icon,
    .opw-search-wrap, .opw-search-body, .opw-search-icon,
    .pwe-search-wrap, .pwe-search-body, .pwe-search-icon,
    .smw-search-wrap, .smw-search-body, .smw-search-icon
),
body.dark .ams-workbench-route :is(
    .acw-search-wrap, .acw-search-body, .acw-search-icon,
    .csrw-search-wrap, .csrw-search-body, .csrw-search-icon,
    .mkw-search-wrap, .mkw-search-body, .mkw-search-icon,
    .act-search-wrap, .act-search-body, .act-search-icon,
    .cal-search-wrap, .cal-search-body, .cal-search-icon,
    .ntf-search-wrap, .ntf-search-body, .ntf-search-icon,
    .mtask-search-wrap, .mtask-search-body, .mtask-search-icon,
    .mwb-search-wrap, .mwb-search-body, .mwb-search-icon,
    .opw-search-wrap, .opw-search-body, .opw-search-icon,
    .pwe-search-wrap, .pwe-search-body, .pwe-search-icon,
    .smw-search-wrap, .smw-search-body, .smw-search-icon
),
html.ams-workbench-route .theme-dark .ams-content :is(
    .acw-search-wrap, .acw-search-body, .acw-search-icon,
    .csrw-search-wrap, .csrw-search-body, .csrw-search-icon,
    .mkw-search-wrap, .mkw-search-body, .mkw-search-icon,
    .act-search-wrap, .act-search-body, .act-search-icon,
    .cal-search-wrap, .cal-search-body, .cal-search-icon,
    .ntf-search-wrap, .ntf-search-body, .ntf-search-icon,
    .mtask-search-wrap, .mtask-search-body, .mtask-search-icon,
    .mwb-search-wrap, .mwb-search-body, .mwb-search-icon,
    .opw-search-wrap, .opw-search-body, .opw-search-icon,
    .pwe-search-wrap, .pwe-search-body, .pwe-search-icon,
    .smw-search-wrap, .smw-search-body, .smw-search-icon
) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.ams-workbench-route :is(
    .acw-search-icon,
    .csrw-search-icon,
    .mkw-search-icon,
    .act-search-icon,
    .cal-search-icon,
    .ntf-search-icon,
    .mtask-search-icon,
    .mwb-search-icon,
    .opw-search-icon,
    .pwe-search-icon,
    .smw-search-icon
) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Inner text wrappers should never receive surface backgrounds. */
.ams-content :is(
    [class*="title-row" i],
    [class*="sub-row" i],
    [class*="header-info" i],
    [class*="hero-main" i],
    [class*="hero-left" i],
    [class*="hero-actions" i],
    [class*="kpi-lbl" i],
    [class*="kpi-val" i],
    [class*="workflow-card" i] > div,
    [class*="workflow-card" i] span,
    [class*="workflow-card" i] strong,
    [class*="workflow-card" i] small,
    [class*="command-card" i] > div,
    [class*="command-card" i] span,
    [class*="command-card" i] strong,
    [class*="command-card" i] small
) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* Dark mode: neutralize click/focus blue backgrounds. */
[data-theme="dark"] :is(
    a:active, a:focus, a:focus-visible,
    button:active, button:focus, button:focus-visible,
    [tabindex]:active, [tabindex]:focus, [tabindex]:focus-visible,
    [role="button"]:active, [role="button"]:focus, [role="button"]:focus-visible,
    [class*="card"]:active, [class*="card"]:focus, [class*="card"]:focus-visible,
    [class*="tile"]:active, [class*="tile"]:focus, [class*="tile"]:focus-visible,
    [class*="row"]:active, [class*="row"]:focus, [class*="row"]:focus-visible,
    [class*="item"]:active, [class*="item"]:focus, [class*="item"]:focus-visible,
    [class*="tab"]:active, [class*="tab"]:focus, [class*="tab"]:focus-visible,
    [class*="kpi-card"]:active, [class*="kpi-card"]:focus, [class*="kpi-card"]:focus-visible,
    [class*="kpi-tile"]:active, [class*="kpi-tile"]:focus, [class*="kpi-tile"]:focus-visible,
    [class*="workflow"]:active, [class*="workflow"]:focus, [class*="workflow"]:focus-visible,
    [class*="quick"]:active, [class*="quick"]:focus, [class*="quick"]:focus-visible,
    [class*="module"]:active, [class*="module"]:focus, [class*="module"]:focus-visible,
    [class*="menu-item"]:active, [class*="menu-item"]:focus, [class*="menu-item"]:focus-visible,
    .dropdown-item:active, .dropdown-item:focus, .dropdown-item:focus-visible,
    .list-group-item:active, .list-group-item:focus, .list-group-item:focus-visible,
    .nav-link:active, .nav-link:focus, .nav-link:focus-visible,
    .page-link:active, .page-link:focus, .page-link:focus-visible
):not([class*="primary"]):not([class*="danger"]):not([class*="success"]),
.theme-dark :is(
    a:active, a:focus, a:focus-visible,
    button:active, button:focus, button:focus-visible,
    [tabindex]:active, [tabindex]:focus, [tabindex]:focus-visible,
    [role="button"]:active, [role="button"]:focus, [role="button"]:focus-visible,
    [class*="card"]:active, [class*="card"]:focus, [class*="card"]:focus-visible,
    [class*="tile"]:active, [class*="tile"]:focus, [class*="tile"]:focus-visible,
    [class*="row"]:active, [class*="row"]:focus, [class*="row"]:focus-visible,
    [class*="item"]:active, [class*="item"]:focus, [class*="item"]:focus-visible,
    [class*="tab"]:active, [class*="tab"]:focus, [class*="tab"]:focus-visible,
    [class*="kpi-card"]:active, [class*="kpi-card"]:focus, [class*="kpi-card"]:focus-visible,
    [class*="kpi-tile"]:active, [class*="kpi-tile"]:focus, [class*="kpi-tile"]:focus-visible,
    [class*="workflow"]:active, [class*="workflow"]:focus, [class*="workflow"]:focus-visible,
    [class*="quick"]:active, [class*="quick"]:focus, [class*="quick"]:focus-visible,
    [class*="module"]:active, [class*="module"]:focus, [class*="module"]:focus-visible,
    [class*="menu-item"]:active, [class*="menu-item"]:focus, [class*="menu-item"]:focus-visible,
    .dropdown-item:active, .dropdown-item:focus, .dropdown-item:focus-visible,
    .list-group-item:active, .list-group-item:focus, .list-group-item:focus-visible,
    .nav-link:active, .nav-link:focus, .nav-link:focus-visible,
    .page-link:active, .page-link:focus, .page-link:focus-visible
):not([class*="primary"]):not([class*="danger"]):not([class*="success"]) {
    background-color: rgba(15, 23, 42, .34) !important;
    background-image: linear-gradient(145deg, rgba(15, 27, 46, .78), rgba(11, 22, 40, .78)) !important;
    border-color: rgba(148, 163, 184, .14) !important;
    color: var(--dark-final-text, #f8fafc) !important;
    box-shadow: 0 0 0 2px rgba(148, 163, 184, .14) !important;
    outline: 0 !important;
}

[data-theme="dark"] :is(
    h1:active, h1:focus, h2:active, h2:focus, h3:active, h3:focus,
    h4:active, h4:focus, h5:active, h5:focus, h6:active, h6:focus,
    p:active, p:focus, label:active, label:focus, small:active, small:focus,
    strong:active, strong:focus, em:active, em:focus,
    [class*="title"]:active, [class*="title"]:focus,
    [class*="name"]:active, [class*="name"]:focus,
    [class*="label"]:active, [class*="label"]:focus,
    [class*="description"]:active, [class*="description"]:focus,
    [class*="subtitle"]:active, [class*="subtitle"]:focus,
    [class*="caption"]:active, [class*="caption"]:focus,
    [class*="meta"]:active, [class*="meta"]:focus,
    [class*="text"]:active, [class*="text"]:focus
),
.theme-dark :is(
    h1:active, h1:focus, h2:active, h2:focus, h3:active, h3:focus,
    h4:active, h4:focus, h5:active, h5:focus, h6:active, h6:focus,
    p:active, p:focus, label:active, label:focus, small:active, small:focus,
    strong:active, strong:focus, em:active, em:focus,
    [class*="title"]:active, [class*="title"]:focus,
    [class*="name"]:active, [class*="name"]:focus,
    [class*="label"]:active, [class*="label"]:focus,
    [class*="description"]:active, [class*="description"]:focus,
    [class*="subtitle"]:active, [class*="subtitle"]:focus,
    [class*="caption"]:active, [class*="caption"]:focus,
    [class*="meta"]:active, [class*="meta"]:focus,
    [class*="text"]:active, [class*="text"]:focus
) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    outline: 0 !important;
}

/* Light mode: keep header logos/images and hero icons visible. */
:root:not([data-theme="dark"]) :is(.nav-logo, .nav-brand, .ams-header) img,
[data-theme="light"] :is(.nav-logo, .nav-brand, .ams-header) img,
.ams-shell:not(.theme-dark) :is(.nav-logo, .nav-brand, .ams-header) img {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

:root:not([data-theme="dark"]) :is(
    .page-header,
    [class*="page"] > [class$="-hero"], [class*="page"] > [class*="-hero "],
    [class*="enterprise"] > [class$="-hero"], [class*="enterprise"] > [class*="-hero "],
    [class*="dashboard"] > [class$="-hero"], [class*="dashboard"] > [class*="-hero "]
) :is(.aph-icon, [class$="-hero-icon"], [class*="-hero-icon "], [class$="__icon"], [class*="__icon "]),
[data-theme="light"] :is(
    .page-header,
    [class*="page"] > [class$="-hero"], [class*="page"] > [class*="-hero "],
    [class*="enterprise"] > [class$="-hero"], [class*="enterprise"] > [class*="-hero "],
    [class*="dashboard"] > [class$="-hero"], [class*="dashboard"] > [class*="-hero "]
) :is(.aph-icon, [class$="-hero-icon"], [class*="-hero-icon "], [class$="__icon"], [class*="__icon "]),
.ams-shell:not(.theme-dark) :is(
    .page-header,
    [class*="page"] > [class$="-hero"], [class*="page"] > [class*="-hero "],
    [class*="enterprise"] > [class$="-hero"], [class*="enterprise"] > [class*="-hero "],
    [class*="dashboard"] > [class$="-hero"], [class*="dashboard"] > [class*="-hero "]
) :is(.aph-icon, [class$="-hero-icon"], [class*="-hero-icon "], [class$="__icon"], [class*="__icon "]) {
    background: linear-gradient(145deg, rgba(219, 234, 254, .96), rgba(238, 246, 255, .86)) !important;
    border: 1px solid rgba(147, 197, 253, .72) !important;
    color: var(--brand-700, #183db8) !important;
    box-shadow: 0 12px 28px rgba(37, 99, 235, .12) !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

:root:not([data-theme="dark"]) :is(.aph-icon, [class$="-hero-icon"], [class*="-hero-icon "], [class$="__icon"], [class*="__icon "]) :is(i, .bi, svg, img),
[data-theme="light"] :is(.aph-icon, [class$="-hero-icon"], [class*="-hero-icon "], [class$="__icon"], [class*="__icon "]) :is(i, .bi, svg, img),
.ams-shell:not(.theme-dark) :is(.aph-icon, [class$="-hero-icon"], [class*="-hero-icon "], [class$="__icon"], [class*="__icon "]) :is(i, .bi, svg, img) {
    color: var(--brand-700, #183db8) !important;
    fill: currentColor !important;
    stroke: currentColor;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

/* Dark mode: never paint boxes behind plain text. */
[data-theme="dark"] :is(
    h1, h2, h3, h4, h5, h6, p, label, small, strong, em, dt, dd,
    [class*="title"], [class*="name"], [class*="label"], [class*="description"], [class*="subtitle"],
    [class*="caption"], [class*="meta"], [class*="muted"], [class*="copy"], [class*="text"],
    [class*="content"], [class*="body"]
):not(button):not(.btn):not(.um-btn):not([class*="badge"]):not([class*="chip"]):not([class*="pill"]):not([class*="icon"]):not([class*="avatar"]):not([class*="card"]):not([class*="panel"]):not([class*="modal"]):not([class*="toast"]):not([class*="alert"]):not([class*="input"]):not([class*="select"]),
.theme-dark :is(
    h1, h2, h3, h4, h5, h6, p, label, small, strong, em, dt, dd,
    [class*="title"], [class*="name"], [class*="label"], [class*="description"], [class*="subtitle"],
    [class*="caption"], [class*="meta"], [class*="muted"], [class*="copy"], [class*="text"],
    [class*="content"], [class*="body"]
):not(button):not(.btn):not(.um-btn):not([class*="badge"]):not([class*="chip"]):not([class*="pill"]):not([class*="icon"]):not([class*="avatar"]):not([class*="card"]):not([class*="panel"]):not([class*="modal"]):not([class*="toast"]):not([class*="alert"]):not([class*="input"]):not([class*="select"]) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

[data-theme="dark"] :is(
    h1, h2, h3, h4, h5, h6, p, label, small, strong, em,
    [class*="title"], [class*="name"], [class*="label"], [class*="description"], [class*="subtitle"],
    [class*="caption"], [class*="meta"], [class*="muted"], [class*="copy"], [class*="text"]
):hover,
.theme-dark :is(
    h1, h2, h3, h4, h5, h6, p, label, small, strong, em,
    [class*="title"], [class*="name"], [class*="label"], [class*="description"], [class*="subtitle"],
    [class*="caption"], [class*="meta"], [class*="muted"], [class*="copy"], [class*="text"]
):hover {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Dark mode final pass: remove KPI and tab line borders only. */
[data-theme="dark"] :is(
    [class*="kpi-card"], [class*="KpiCard"], [class*="kpi-strip"], [class*="kpi-row"], [class*="kpi-grid"], [class*="kpi-section"], [class*="kpi-tile"], [class$="-metric"],
    [class*="workflow-strip"], [class*="workflow-card"], [class*="command-strip"],
    [class*="view-tabs"], [class*="view-btn"], [class*="tab"], [class*="tabs"],
    [class*="tab-pane"], [class*="tab-content"],
    .nav-tabs, .nav-tabs *, .nav-pills, .nav-pills *,
    .e-tab, .e-tab *, .e-tab-header, .e-tab-wrap, .e-toolbar-item, .e-toolbar-items
),
.theme-dark :is(
    [class*="kpi-card"], [class*="KpiCard"], [class*="kpi-strip"], [class*="kpi-row"], [class*="kpi-grid"], [class*="kpi-section"], [class*="kpi-tile"], [class$="-metric"],
    [class*="workflow-strip"], [class*="workflow-card"], [class*="command-strip"],
    [class*="view-tabs"], [class*="view-btn"], [class*="tab"], [class*="tabs"],
    [class*="tab-pane"], [class*="tab-content"],
    .nav-tabs, .nav-tabs *, .nav-pills, .nav-pills *,
    .e-tab, .e-tab *, .e-tab-header, .e-tab-wrap, .e-toolbar-item, .e-toolbar-items
) {
    border: 0 !important;
    border-color: transparent !important;
    outline: 0 !important;
    outline-color: transparent !important;
    box-shadow: none !important;
}

[data-theme="dark"] :is(
    [class*="kpi-card"]::before, [class*="kpi-card"]::after,
    [class*="KpiCard"]::before, [class*="KpiCard"]::after,
    [class*="tab"]::before, [class*="tab"]::after,
    [class*="tabs"]::before, [class*="tabs"]::after,
    [class*="view-tabs"]::before, [class*="view-tabs"]::after,
    [class*="workflow-strip"]::before, [class*="workflow-strip"]::after
),
.theme-dark :is(
    [class*="kpi-card"]::before, [class*="kpi-card"]::after,
    [class*="KpiCard"]::before, [class*="KpiCard"]::after,
    [class*="tab"]::before, [class*="tab"]::after,
    [class*="tabs"]::before, [class*="tabs"]::after,
    [class*="view-tabs"]::before, [class*="view-tabs"]::after,
    [class*="workflow-strip"]::before, [class*="workflow-strip"]::after
) {
    border: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

:is(
    .page-header,
    [class*="page"] > [class$="-hero"], [class*="page"] > [class*="-hero "],
    [class*="page"] > [class$="__hero"], [class*="page"] > [class*="__hero "],
    [class*="page"] > [class$="-page-header"], [class*="page"] > [class*="-page-header "],
    [class*="enterprise"] > [class$="-hero"], [class*="enterprise"] > [class*="-hero "],
    [class*="dashboard"] > [class$="-hero"], [class*="dashboard"] > [class*="-hero "]
) :is(
    h1, h2, h3, p,
    [class$="__content"], [class*="__content "],
    [class$="-content"], [class*="-content "],
    [class$="-copy"], [class*="-copy "],
    [class$="-description"], [class*="-description "],
    [class$="-subtitle"], [class*="-subtitle "]
) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

:is(
    .page-header,
    [class*="page"] > [class$="-hero"], [class*="page"] > [class*="-hero "],
    [class*="page"] > [class$="__hero"], [class*="page"] > [class*="__hero "],
    [class*="page"] > [class$="-page-header"], [class*="page"] > [class*="-page-header "],
    [class*="enterprise"] > [class$="-hero"], [class*="enterprise"] > [class*="-hero "],
    [class*="dashboard"] > [class$="-hero"], [class*="dashboard"] > [class*="-hero "]
) :is([class*="title-row"] h1, [class*="title-row"] h2, [class*="title-row"] h3, [class*="title-row"] p) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

:is(
    .page-header,
    [class*="page"] > [class$="-hero"], [class*="page"] > [class*="-hero "],
    [class*="page"] > [class$="__hero"], [class*="page"] > [class*="__hero "],
    [class*="page"] > [class$="-page-header"], [class*="page"] > [class*="-page-header "],
    [class*="enterprise"] > [class$="-hero"], [class*="enterprise"] > [class*="-hero "],
    [class*="dashboard"] > [class$="-hero"], [class*="dashboard"] > [class*="-hero "]
) :is(
    [class$="-title-row"], [class*="-title-row "],
    [class$="-title-row"]:hover, [class*="-title-row "]:hover,
    [class$="__content"], [class*="__content "],
    [class$="__content"]:hover, [class*="__content "]:hover,
    [class$="-content"], [class*="-content "],
    [class$="-content"]:hover, [class*="-content "]:hover,
    [class$="-copy"], [class*="-copy "],
    [class$="-copy"]:hover, [class*="-copy "]:hover,
    [class$="-description"], [class*="-description "],
    [class$="-description"]:hover, [class*="-description "]:hover,
    [class$="-subtitle"], [class*="-subtitle "],
    [class$="-subtitle"]:hover, [class*="-subtitle "]:hover,
    h1, h1:hover, h2, h2:hover, h3, h3:hover, p, p:hover
) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
    outline: 0 !important;
}

/* Dark mode final KPI/tab polish: no light gradients or white tiles. */
[data-theme="dark"] :is(
    [class*="kpi-section"], [class*="kpi-strip"], [class*="kpi-row"], [class*="kpi-grid"],
    [class*="performance-snapshot"], [class*="snapshot"], [class*="metric-strip"], [class*="metric-row"],
    [class*="view-tabs"], [class*="tabs"], [class*="tab-content"], [class*="tab-pane"]
),
.theme-dark :is(
    [class*="kpi-section"], [class*="kpi-strip"], [class*="kpi-row"], [class*="kpi-grid"],
    [class*="performance-snapshot"], [class*="snapshot"], [class*="metric-strip"], [class*="metric-row"],
    [class*="view-tabs"], [class*="tabs"], [class*="tab-content"], [class*="tab-pane"]
) {
    background-color: rgba(9, 18, 33, .96) !important;
    background-image: linear-gradient(145deg, rgba(15, 27, 46, .98), rgba(7, 17, 32, .98)) !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: var(--dark-final-text-2, #dbe5f2) !important;
}

[data-theme="dark"] :is(
    [class*="kpi-card"], [class$="-kpi"], [class*="kpi-tile"], [class*="metric-card"], [class*="metric-tile"],
    [class*="view-btn"], [class*="tab-btn"], [class*="tab-item"], .nav-tabs .nav-link, .nav-pills .nav-link
):not([class*="strip"]):not([class*="row"]):not([class*="grid"]),
.theme-dark :is(
    [class*="kpi-card"], [class$="-kpi"], [class*="kpi-tile"], [class*="metric-card"], [class*="metric-tile"],
    [class*="view-btn"], [class*="tab-btn"], [class*="tab-item"], .nav-tabs .nav-link, .nav-pills .nav-link
):not([class*="strip"]):not([class*="row"]):not([class*="grid"]) {
    background-color: rgba(13, 23, 40, .98) !important;
    background-image: linear-gradient(145deg, rgba(18, 32, 53, .98), rgba(10, 21, 38, .98)) !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: inset 0 -2px 0 rgba(35, 109, 255, .20) !important;
    color: var(--dark-final-text-2, #dbe5f2) !important;
}

[data-theme="dark"] :is(
    [class*="kpi-icon"], [class*="metric-icon"], [class*="stat-icon"], [class*="view-btn"] i, [class*="tab-btn"] i
),
.theme-dark :is(
    [class*="kpi-icon"], [class*="metric-icon"], [class*="stat-icon"], [class*="view-btn"] i, [class*="tab-btn"] i
) {
    background-color: rgba(35, 109, 255, .16) !important;
    background-image: linear-gradient(145deg, rgba(96, 165, 250, .20), rgba(35, 109, 255, .10)) !important;
    border-color: transparent !important;
    color: #bfdbfe !important;
    box-shadow: none !important;
    filter: none !important;
}

/* Home dashboard KPI enterprise polish (light mode; dark exception follows). */
.hd-kpi-section {
    padding: 22px 22px 24px !important;
    border-radius: 26px !important;
}

.hd-kpi-row {
    grid-template-columns: repeat(auto-fit, minmax(228px, 1fr)) !important;
    gap: 14px !important;
}

.hd-kpi-card.amc-card {
    min-height: 118px !important;
    border-radius: 20px !important;
    padding: 14px 16px !important;
    border: 1px solid rgba(203, 213, 225, .85) !important;
    border-top: 1px solid rgba(203, 213, 225, .85) !important;
    box-shadow: 0 18px 40px rgba(15, 23, 42, .08) !important;
    transition: transform .22s cubic-bezier(.4, 0, .2, 1), box-shadow .22s cubic-bezier(.4, 0, .2, 1) !important;
}

.hd-kpi-card.amc-card:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 30px 64px rgba(15, 23, 42, .14) !important;
}

.hd-kpi-card .amc-inner {
    align-items: center !important;
    gap: 18px !important;
}

.hd-kpi-card .amc-icon-wrap {
    width: 48px !important;
    height: 48px !important;
    border-radius: 16px !important;
    font-size: 1.3rem !important;
    box-shadow: inset 0 1px 4px rgba(255, 255, 255, .75), 0 14px 28px rgba(15, 23, 42, .12), 0 0 26px color-mix(in srgb, currentColor 14%, transparent) !important;
}

.hd-kpi-card .amc-icon-wrap i {
    font-size: 1.25em !important;
    line-height: 1 !important;
}

.hd-kpi-card .amc-body {
    gap: 8px !important;
}

.hd-kpi-card .amc-value {
    font-size: clamp(1.35rem, 1.6vw, 1.8rem) !important;
    font-weight: 950 !important;
    letter-spacing: -.05em !important;
    line-height: 1 !important;
}

.hd-kpi-card .amc-label {
    font-size: .88rem !important;
    font-weight: 900 !important;
    letter-spacing: -.01em !important;
    text-transform: none !important;
}

.hd-kpi-card .amc-sublabel {
    margin-top: 3px !important;
    padding-top: 7px !important;
    font-size: .74rem !important;
    font-weight: 700 !important;
    letter-spacing: .015em !important;
    line-height: 1.4 !important;
    white-space: normal !important;
}

/* Light mode: vivid gradient icon wells + colorful values per variant. */
:root:not([data-theme="dark"]) .hd-kpi-card :is(.amc-icon--default, .amc-icon--blue),
[data-theme="light"] .hd-kpi-card :is(.amc-icon--default, .amc-icon--blue) {
    background: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%) !important;
    color: #ffffff !important;
}

:root:not([data-theme="dark"]) .hd-kpi-card .amc-icon--green,
[data-theme="light"] .hd-kpi-card .amc-icon--green {
    background: linear-gradient(135deg, #34d399 0%, #059669 100%) !important;
    color: #ffffff !important;
}

:root:not([data-theme="dark"]) .hd-kpi-card .amc-icon--purple,
[data-theme="light"] .hd-kpi-card .amc-icon--purple {
    background: linear-gradient(135deg, #c084fc 0%, #7c3aed 100%) !important;
    color: #ffffff !important;
}

:root:not([data-theme="dark"]) .hd-kpi-card .amc-icon--amber,
[data-theme="light"] .hd-kpi-card .amc-icon--amber {
    background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%) !important;
    color: #ffffff !important;
}

:root:not([data-theme="dark"]) .hd-kpi-card .amc-icon--red,
[data-theme="light"] .hd-kpi-card .amc-icon--red {
    background: linear-gradient(135deg, #f87171 0%, #dc2626 100%) !important;
    color: #ffffff !important;
}

:root:not([data-theme="dark"]) .hd-kpi-card :is(.amc-value--default, .amc-value--blue),
[data-theme="light"] .hd-kpi-card :is(.amc-value--default, .amc-value--blue) {
    color: #0284c7 !important;
}

:root:not([data-theme="dark"]) .hd-kpi-card .amc-value--green,
[data-theme="light"] .hd-kpi-card .amc-value--green {
    color: #059669 !important;
}

:root:not([data-theme="dark"]) .hd-kpi-card .amc-value--purple,
[data-theme="light"] .hd-kpi-card .amc-value--purple {
    color: #7c3aed !important;
}

:root:not([data-theme="dark"]) .hd-kpi-card .amc-value--amber,
[data-theme="light"] .hd-kpi-card .amc-value--amber {
    color: #d97706 !important;
}

:root:not([data-theme="dark"]) .hd-kpi-card .amc-value--red,
[data-theme="light"] .hd-kpi-card .amc-value--red {
    color: #dc2626 !important;
}

/* Home dashboard KPI exception: no card box, larger light-theme accent images. */
[data-theme="dark"] :is(.hd-kpi-section, .hd-kpi-row, .hd-kpi-card.amc-card),
.theme-dark :is(.hd-kpi-section, .hd-kpi-row, .hd-kpi-card.amc-card) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

[data-theme="dark"] .hd-kpi-card.amc-card,
.theme-dark .hd-kpi-card.amc-card {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

[data-theme="dark"] :is(.hd-kpi-card--tenants, .hd-kpi-card--accounts),
.theme-dark :is(.hd-kpi-card--tenants, .hd-kpi-card--accounts) {
    color: #0284c7 !important;
}

[data-theme="dark"] :is(.hd-kpi-card--users, .hd-kpi-card--leads),
.theme-dark :is(.hd-kpi-card--users, .hd-kpi-card--leads) {
    color: #7c3aed !important;
}

[data-theme="dark"] :is(.hd-kpi-card--opportunities, .hd-kpi-card--engagements, .hd-kpi-card--collected),
.theme-dark :is(.hd-kpi-card--opportunities, .hd-kpi-card--engagements, .hd-kpi-card--collected) {
    color: #059669 !important;
}

[data-theme="dark"] .hd-kpi-card--receivables,
.theme-dark .hd-kpi-card--receivables {
    color: #d97706 !important;
}

[data-theme="dark"] .hd-kpi-card .amc-value,
.theme-dark .hd-kpi-card .amc-value {
    color: currentColor !important;
    filter: none !important;
}

[data-theme="dark"] .hd-kpi-card .amc-icon-wrap,
.theme-dark .hd-kpi-card .amc-icon-wrap {
    width: 48px !important;
    height: 48px !important;
    border-radius: 16px !important;
    font-size: 1.3rem !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    filter: none !important;
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, .10), 0 14px 28px rgba(0, 0, 0, .32), 0 0 28px color-mix(in srgb, currentColor 30%, transparent) !important;
}

[data-theme="dark"] .hd-kpi-card .amc-icon-wrap i,
.theme-dark .hd-kpi-card .amc-icon-wrap i {
    font-size: 1.25em !important;
    line-height: 1 !important;
}

[data-theme="dark"] .hd-kpi-card .amc-inner,
.theme-dark .hd-kpi-card .amc-inner {
    align-items: center !important;
    gap: 18px !important;
}

[data-theme="dark"] .hd-kpi-card .amc-label,
.theme-dark .hd-kpi-card .amc-label {
    color: color-mix(in srgb, currentColor 72%, #f8fafc) !important;
    font-size: .86rem !important;
    font-weight: 900 !important;
    letter-spacing: -.015em !important;
    text-transform: none !important;
}

[data-theme="dark"] .hd-kpi-card .amc-sublabel,
.theme-dark .hd-kpi-card .amc-sublabel {
    color: #9fb0c8 !important;
    font-size: .78rem !important;
    font-weight: 750 !important;
}

[data-theme="dark"] .hd-kpi-card :is(.amc-icon--default, .amc-icon--blue),
.theme-dark .hd-kpi-card :is(.amc-icon--default, .amc-icon--blue) {
    background: linear-gradient(135deg, rgba(59, 130, 246, .30), rgba(2, 132, 199, .16)) !important;
    color: #60a5fa !important;
}

[data-theme="dark"] .hd-kpi-card .amc-icon--green,
.theme-dark .hd-kpi-card .amc-icon--green {
    background: linear-gradient(135deg, rgba(16, 185, 129, .30), rgba(5, 150, 105, .16)) !important;
    color: #34d399 !important;
}

[data-theme="dark"] .hd-kpi-card .amc-icon--purple,
.theme-dark .hd-kpi-card .amc-icon--purple {
    background: linear-gradient(135deg, rgba(168, 85, 247, .30), rgba(124, 58, 237, .16)) !important;
    color: #a78bfa !important;
}

[data-theme="dark"] .hd-kpi-card .amc-icon--amber,
.theme-dark .hd-kpi-card .amc-icon--amber {
    background: linear-gradient(135deg, rgba(245, 158, 11, .30), rgba(217, 119, 6, .16)) !important;
    color: #fbbf24 !important;
}

/* Growth Pulse exception: keep the colorful bars in dark mode.
   Note: high-specificity selectors are required because the broad dark-mode
   rules use :is() lists containing multi-class selectors, and "growth"
   contains the substring "row" so [class*="row"] matches these elements. */
:is([data-theme="dark"], .theme-dark, [data-theme="dark"] *, .theme-dark *) .hd-growth-visual .hd-growth-bars,
:is([data-theme="dark"], .theme-dark, [data-theme="dark"] *, .theme-dark *) .hd-growth-card .hd-growth-visual {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

:is([data-theme="dark"], .theme-dark, [data-theme="dark"] *, .theme-dark *) .hd-growth-bars .hd-growth-bar.hd-growth-bar--lead {
    background: linear-gradient(180deg, #818cf8, #4f46e5) !important;
    background-color: #4f46e5 !important;
    background-image: linear-gradient(180deg, #818cf8, #4f46e5) !important;
}

:is([data-theme="dark"], .theme-dark, [data-theme="dark"] *, .theme-dark *) .hd-growth-bars .hd-growth-bar.hd-growth-bar--opp {
    background: linear-gradient(180deg, #5eead4, #14b8a6) !important;
    background-color: #14b8a6 !important;
    background-image: linear-gradient(180deg, #5eead4, #14b8a6) !important;
}

:is([data-theme="dark"], .theme-dark, [data-theme="dark"] *, .theme-dark *) .hd-growth-bars .hd-growth-bar.hd-growth-bar--acct {
    background: linear-gradient(180deg, #93c5fd, #2563eb) !important;
    background-color: #2563eb !important;
    background-image: linear-gradient(180deg, #93c5fd, #2563eb) !important;
}

:is([data-theme="dark"], .theme-dark, [data-theme="dark"] *, .theme-dark *) .hd-growth-bars .hd-growth-bar.hd-growth-bar--eng {
    background: linear-gradient(180deg, #fbbf24, #f97316) !important;
    background-color: #f97316 !important;
    background-image: linear-gradient(180deg, #fbbf24, #f97316) !important;
}

:is([data-theme="dark"], .theme-dark, [data-theme="dark"] *, .theme-dark *) .hd-growth-bars .hd-growth-bar,
:is([data-theme="dark"], .theme-dark, [data-theme="dark"] *, .theme-dark *) .hd-growth-bars .hd-growth-bar:hover {
    border: 0 !important;
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, .35), 0 12px 24px rgba(0, 0, 0, .35) !important;
    filter: none !important;
    opacity: 1 !important;
}

:is([data-theme="dark"], .theme-dark, [data-theme="dark"] *, .theme-dark *) .hd-growth-visual .hd-growth-arrow {
    background: linear-gradient(135deg, #22c55e, #14b8a6) !important;
    background-color: #16a34a !important;
    background-image: linear-gradient(135deg, #22c55e, #14b8a6) !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: 0 12px 26px rgba(20, 184, 166, .38) !important;
    filter: none !important;
    opacity: 1 !important;
}

:is([data-theme="dark"], .theme-dark, [data-theme="dark"] *, .theme-dark *) .hd-growth-visual .hd-growth-arrow i,
:is([data-theme="dark"], .theme-dark, [data-theme="dark"] *, .theme-dark *) .hd-growth-visual .hd-growth-arrow *,
:is([data-theme="dark"], .theme-dark, [data-theme="dark"] *, .theme-dark *) .hd-growth-visual .hd-growth-arrow::before,
:is([data-theme="dark"], .theme-dark, [data-theme="dark"] *, .theme-dark *) .hd-growth-visual .hd-growth-arrow::after {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
}

:is([data-theme="dark"], .theme-dark, [data-theme="dark"] *, .theme-dark *) .hd-growth-bars .hd-growth-bar span {
    background: rgba(255, 255, 255, .34) !important;
    background-color: rgba(255, 255, 255, .34) !important;
    background-image: none !important;
}

:is(
    .page-header,
    [class*="page"] > [class$="-hero"], [class*="page"] > [class*="-hero "],
    [class*="page"] > [class$="__hero"], [class*="page"] > [class*="__hero "],
    [class*="page"] > [class$="-page-header"], [class*="page"] > [class*="-page-header "],
    [class*="enterprise"] > [class$="-hero"], [class*="enterprise"] > [class*="-hero "],
    [class*="dashboard"] > [class$="-hero"], [class*="dashboard"] > [class*="-hero "]
) :is([class$="-title-row"], [class*="-title-row "]):hover :is(h1, h2, h3, p, span:not([class*="badge"]):not([class*="chip"]):not([class*="pill"])) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* ========================================================
   Dark mode: kill remaining light surfaces inside detail
   panels / side rails (metric tiles, driver boxes, mini
   feeds, timeline icons, offer metrics) on all pages.
   ======================================================== */
[data-theme="dark"] :is(
    [class$="-metric"], [class*="-metric "],
    [class$="-detail-metrics"] > *, [class*="-detail-metrics "] > *,
    [class$="-offer-metrics"] span, [class*="-offer-metrics "] span,
    [class$="-driver-box"], [class*="-driver-box "],
    [class$="-mini-feed"], [class*="-mini-feed "],
    [class$="-note-box"], [class*="-note-box "],
    [class$="-summary-box"], [class*="-summary-box "],
    [class$="-info-box"], [class*="-info-box "],
    [class$="-callout"], [class*="-callout "]
):not([class*="badge"]):not([class*="chip"]):not([class*="pill"]):not(button):not(.btn),
.theme-dark :is(
    [class$="-metric"], [class*="-metric "],
    [class$="-detail-metrics"] > *, [class*="-detail-metrics "] > *,
    [class$="-offer-metrics"] span, [class*="-offer-metrics "] span,
    [class$="-driver-box"], [class*="-driver-box "],
    [class$="-mini-feed"], [class*="-mini-feed "],
    [class$="-note-box"], [class*="-note-box "],
    [class$="-summary-box"], [class*="-summary-box "],
    [class$="-info-box"], [class*="-info-box "],
    [class$="-callout"], [class*="-callout "]
):not([class*="badge"]):not([class*="chip"]):not([class*="pill"]):not(button):not(.btn) {
    background: linear-gradient(145deg, rgba(20, 34, 56, .94), rgba(12, 23, 40, .94)) !important;
    background-color: rgba(13, 23, 40, .96) !important;
    border-color: rgba(96, 165, 250, .14) !important;
    color: var(--dark-final-text-2, #dbe5f2) !important;
    box-shadow: none !important;
}

[data-theme="dark"] :is(
    [class$="-metric"], [class*="-metric "],
    [class$="-driver-box"], [class*="-driver-box "],
    [class$="-mini-feed"], [class*="-mini-feed "]
) :is(h1, h2, h3, h4, strong, span, p, small, em),
.theme-dark :is(
    [class$="-metric"], [class*="-metric "],
    [class$="-driver-box"], [class*="-driver-box "],
    [class$="-mini-feed"], [class*="-mini-feed "]
) :is(h1, h2, h3, h4, strong, span, p, small, em) {
    color: inherit !important;
}

[data-theme="dark"] :is(
    [class$="-metric"], [class*="-metric "],
    [class$="-driver-box"], [class*="-driver-box "],
    [class$="-mini-feed"], [class*="-mini-feed "]
) :is(small, em, [class*="muted"]),
.theme-dark :is(
    [class$="-metric"], [class*="-metric "],
    [class$="-driver-box"], [class*="-driver-box "],
    [class$="-mini-feed"], [class*="-mini-feed "]
) :is(small, em, [class*="muted"]) {
    color: #9fb0c8 !important;
}

/* Feed / timeline / activity icon wells: blue tint instead of light chips. */
[data-theme="dark"] :is(
    [class$="-feed-row"] i, [class*="-feed-row "] i,
    [class$="-timeline-icon"], [class*="-timeline-icon "],
    [class$="-timeline-row"] > i, [class*="-timeline-row "] > i,
    [class$="-activity-icon"], [class*="-activity-icon "]
),
.theme-dark :is(
    [class$="-feed-row"] i, [class*="-feed-row "] i,
    [class$="-timeline-icon"], [class*="-timeline-icon "],
    [class$="-timeline-row"] > i, [class*="-timeline-row "] > i,
    [class$="-activity-icon"], [class*="-activity-icon "]
) {
    background: linear-gradient(145deg, rgba(37, 99, 235, .26), rgba(14, 165, 233, .14)) !important;
    background-color: rgba(35, 109, 255, .18) !important;
    border-color: transparent !important;
    color: #bfdbfe !important;
    box-shadow: none !important;
}

/* Feed/timeline row separators readable on dark. */
[data-theme="dark"] :is(
    [class$="-feed-row"], [class*="-feed-row "],
    [class$="-timeline-row"], [class*="-timeline-row "]
),
.theme-dark :is(
    [class$="-feed-row"], [class*="-feed-row "],
    [class$="-timeline-row"], [class*="-timeline-row "]
) {
    background: transparent !important;
    border-top-color: rgba(148, 163, 184, .14) !important;
}

/* ========================================================
   Billing pages: align page headers with the global
   .page-header treatment (BillingAccounts, ArAging,
   Credits, Reconciliation, Collections, Invoices,
   PaymentExperience, Payments, BillingAccountDetail).
   ======================================================== */
:is(.ba-header, .ar-header, .cr-header, .rec-header, .col-header, .inv-header, .pe-header, .pay-header, .bad-header, .acp-header, .app-header, .api-header, .br-header, .drr-header, .drv-header, .gl-header, .je-header, .pcl-header, .tb-header, .ve-header, .ca-header, .cw-header, .ce-header, .cf-header, .cs-header, .pb-header, .cp-header, .sr-header, .cm-header, .wp-header, .pl-header, .pd-header, .mka-header, .ecb-header, .mkc-header, .mkx-header, .meb-header, .mlp-header, .mkr-header, .mkv-header, .mseg-header, .mkw-header) {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 1.25rem !important;
    padding: clamp(1.1rem, 2vw, 1.5rem) !important;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .96), rgba(248, 250, 252, .90)),
        radial-gradient(circle at 92% 12%, rgba(35, 109, 255, .12), transparent 18rem) !important;
    border: 1px solid rgba(203, 213, 225, .70) !important;
    border-radius: var(--r-2xl) !important;
    box-shadow: 0 20px 56px rgba(15, 23, 42, .10), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
    color: var(--text-primary) !important;
    animation: ams-header-float-in .42s cubic-bezier(.2, .8, .2, 1) both;
}

/* Aurora glow drifting behind the billing headers. */
:is(.ba-header, .ar-header, .cr-header, .rec-header, .col-header, .inv-header, .pe-header, .pay-header, .bad-header, .acp-header, .app-header, .api-header, .br-header, .drr-header, .drv-header, .gl-header, .je-header, .pcl-header, .tb-header, .ve-header, .ca-header, .cw-header, .ce-header, .cf-header, .cs-header, .pb-header, .cp-header, .sr-header, .cm-header, .wp-header, .pl-header, .pd-header, .mka-header, .ecb-header, .mkc-header, .mkx-header, .meb-header, .mlp-header, .mkr-header, .mkv-header, .mseg-header, .mkw-header)::before {
    content: "";
    position: absolute;
    inset: -35% -12% auto auto;
    width: min(42rem, 70vw);
    height: 18rem;
    z-index: -1;
    border-radius: 999px;
    background:
        radial-gradient(circle at 28% 42%, var(--ams-header-polish-glow, rgba(35, 109, 255, .16)), transparent 42%),
        radial-gradient(circle at 68% 54%, var(--ams-header-polish-glow-2, rgba(20, 184, 166, .14)), transparent 46%);
    filter: blur(2px);
    pointer-events: none;
    animation: ams-header-aurora 9s ease-in-out infinite;
}

/* Diagonal shine sweep across the billing headers. */
:is(.ba-header, .ar-header, .cr-header, .rec-header, .col-header, .inv-header, .pe-header, .pay-header, .bad-header, .acp-header, .app-header, .api-header, .br-header, .drr-header, .drv-header, .gl-header, .je-header, .pcl-header, .tb-header, .ve-header, .ca-header, .cw-header, .ce-header, .cf-header, .cs-header, .pb-header, .cp-header, .sr-header, .cm-header, .wp-header, .pl-header, .pd-header, .mka-header, .ecb-header, .mkc-header, .mkx-header, .meb-header, .mlp-header, .mkr-header, .mkv-header, .mseg-header, .mkw-header)::after {
    content: "";
    position: absolute;
    inset: 0 auto 0 -35%;
    width: 28%;
    z-index: -1;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .22), transparent);
    pointer-events: none;
    animation: ams-header-shine 5.8s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
    :is(.ba-header, .ar-header, .cr-header, .rec-header, .col-header, .inv-header, .pe-header, .pay-header, .bad-header, .acp-header, .app-header, .api-header, .br-header, .drr-header, .drv-header, .gl-header, .je-header, .pcl-header, .tb-header, .ve-header, .ca-header, .cw-header, .ce-header, .cf-header, .cs-header, .pb-header, .cp-header, .sr-header, .cm-header, .wp-header, .pl-header, .pd-header, .mka-header, .ecb-header, .mkc-header, .mkx-header, .meb-header, .mlp-header, .mkr-header, .mkv-header, .mseg-header, .mkw-header),
    :is(.ba-header, .ar-header, .cr-header, .rec-header, .col-header, .inv-header, .pe-header, .pay-header, .bad-header, .acp-header, .app-header, .api-header, .br-header, .drr-header, .drv-header, .gl-header, .je-header, .pcl-header, .tb-header, .ve-header, .ca-header, .cw-header, .ce-header, .cf-header, .cs-header, .pb-header, .cp-header, .sr-header, .cm-header, .wp-header, .pl-header, .pd-header, .mka-header, .ecb-header, .mkc-header, .mkx-header, .meb-header, .mlp-header, .mkr-header, .mkv-header, .mseg-header, .mkw-header)::before,
    :is(.ba-header, .ar-header, .cr-header, .rec-header, .col-header, .inv-header, .pe-header, .pay-header, .bad-header, .acp-header, .app-header, .api-header, .br-header, .drr-header, .drv-header, .gl-header, .je-header, .pcl-header, .tb-header, .ve-header, .ca-header, .cw-header, .ce-header, .cf-header, .cs-header, .pb-header, .cp-header, .sr-header, .cm-header, .wp-header, .pl-header, .pd-header, .mka-header, .ecb-header, .mkc-header, .mkx-header, .meb-header, .mlp-header, .mkr-header, .mkv-header, .mseg-header, .mkw-header)::after {
        animation: none !important;
    }
}

:is(.ba-header, .ar-header, .cr-header, .rec-header, .col-header, .inv-header, .pe-header, .pay-header, .bad-header, .acp-header, .app-header, .api-header, .br-header, .drr-header, .drv-header, .gl-header, .je-header, .pcl-header, .tb-header, .ve-header, .ca-header, .cw-header, .ce-header, .cf-header, .cs-header, .pb-header, .cp-header, .sr-header, .cm-header, .wp-header, .pl-header, .pd-header, .mka-header, .ecb-header, .mkc-header, .mkx-header, .meb-header, .mlp-header, .mkr-header, .mkv-header, .mseg-header, .mkw-header)
:is([class$="-header-left"], [class$="-header-info"], [class$="-title-row"], [class$="-sub-row"]) {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

:is(.ba-header, .ar-header, .cr-header, .rec-header, .col-header, .inv-header, .pe-header, .pay-header, .bad-header, .acp-header, .app-header, .api-header, .br-header, .drr-header, .drv-header, .gl-header, .je-header, .pcl-header, .tb-header, .ve-header, .ca-header, .cw-header, .ce-header, .cf-header, .cs-header, .pb-header, .cp-header, .sr-header, .cm-header, .wp-header, .pl-header, .pd-header, .mka-header, .ecb-header, .mkc-header, .mkx-header, .meb-header, .mlp-header, .mkr-header, .mkv-header, .mseg-header, .mkw-header)
[class$="-lob-icon"] {
    border-radius: var(--r-lg) !important;
    background: linear-gradient(135deg, var(--brand-50), #ffffff) !important;
    color: var(--brand-600) !important;
    border: 1px solid var(--brand-100) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .82), 0 10px 22px rgba(35, 109, 255, .10) !important;
}

:is(.ba-header, .ar-header, .cr-header, .rec-header, .col-header, .inv-header, .pe-header, .pay-header, .bad-header, .acp-header, .app-header, .api-header, .br-header, .drr-header, .drv-header, .gl-header, .je-header, .pcl-header, .tb-header, .ve-header, .ca-header, .cw-header, .ce-header, .cf-header, .cs-header, .pb-header, .cp-header, .sr-header, .cm-header, .wp-header, .pl-header, .pd-header, .mka-header, .ecb-header, .mkc-header, .mkx-header, .meb-header, .mlp-header, .mkr-header, .mkv-header, .mseg-header, .mkw-header)
[class$="-page-title"] {
    color: var(--text-primary) !important;
    letter-spacing: -.035em;
    line-height: 1.12;
    background: transparent !important;
    text-shadow: none !important;
}

:is(.ba-header, .ar-header, .cr-header, .rec-header, .col-header, .inv-header, .pe-header, .pay-header, .bad-header, .acp-header, .app-header, .api-header, .br-header, .drr-header, .drv-header, .gl-header, .je-header, .pcl-header, .tb-header, .ve-header, .ca-header, .cw-header, .ce-header, .cf-header, .cs-header, .pb-header, .cp-header, .sr-header, .cm-header, .wp-header, .pl-header, .pd-header, .mka-header, .ecb-header, .mkc-header, .mkx-header, .meb-header, .mlp-header, .mkr-header, .mkv-header, .mseg-header, .mkw-header)
:is([class$="-sub-row"], [class$="-sub-row"] > span:first-child) {
    color: var(--text-muted) !important;
}

:is(.ba-header, .ar-header, .cr-header, .rec-header, .col-header, .inv-header, .pe-header, .pay-header, .bad-header, .acp-header, .app-header, .api-header, .br-header, .drr-header, .drv-header, .gl-header, .je-header, .pcl-header, .tb-header, .ve-header, .ca-header, .cw-header, .ce-header, .cf-header, .cs-header, .pb-header, .cp-header, .sr-header, .cm-header, .wp-header, .pl-header, .pd-header, .mka-header, .ecb-header, .mkc-header, .mkx-header, .meb-header, .mlp-header, .mkr-header, .mkv-header, .mseg-header, .mkw-header)
:is([class$="-status-pill"], [class$="-sub-chip"]) {
    color: var(--text-secondary) !important;
    background: var(--surface-raised) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: none !important;
}

/* Dark theme: same treatment as the global .page-header. */
[data-theme="dark"] :is(.ba-header, .ar-header, .cr-header, .rec-header, .col-header, .inv-header, .pe-header, .pay-header, .bad-header, .acp-header, .app-header, .api-header, .br-header, .drr-header, .drv-header, .gl-header, .je-header, .pcl-header, .tb-header, .ve-header, .ca-header, .cw-header, .ce-header, .cf-header, .cs-header, .pb-header, .cp-header, .sr-header, .cm-header, .wp-header, .pl-header, .pd-header, .mka-header, .ecb-header, .mkc-header, .mkx-header, .meb-header, .mlp-header, .mkr-header, .mkv-header, .mseg-header, .mkw-header),
.theme-dark :is(.ba-header, .ar-header, .cr-header, .rec-header, .col-header, .inv-header, .pe-header, .pay-header, .bad-header, .acp-header, .app-header, .api-header, .br-header, .drr-header, .drv-header, .gl-header, .je-header, .pcl-header, .tb-header, .ve-header, .ca-header, .cw-header, .ce-header, .cf-header, .cs-header, .pb-header, .cp-header, .sr-header, .cm-header, .wp-header, .pl-header, .pd-header, .mka-header, .ecb-header, .mkc-header, .mkx-header, .meb-header, .mlp-header, .mkr-header, .mkv-header, .mseg-header, .mkw-header) {
    background:
        linear-gradient(135deg, rgba(16, 26, 43, .96), rgba(12, 22, 38, .88)),
        radial-gradient(circle at 92% 12%, rgba(35, 109, 255, .18), transparent 18rem) !important;
    border-color: var(--dark-border) !important;
    color: var(--dark-text-2, #dbe5f2) !important;
}

[data-theme="dark"] :is(.ba-header, .ar-header, .cr-header, .rec-header, .col-header, .inv-header, .pe-header, .pay-header, .bad-header, .acp-header, .app-header, .api-header, .br-header, .drr-header, .drv-header, .gl-header, .je-header, .pcl-header, .tb-header, .ve-header, .ca-header, .cw-header, .ce-header, .cf-header, .cs-header, .pb-header, .cp-header, .sr-header, .cm-header, .wp-header, .pl-header, .pd-header, .mka-header, .ecb-header, .mkc-header, .mkx-header, .meb-header, .mlp-header, .mkr-header, .mkv-header, .mseg-header, .mkw-header) [class$="-lob-icon"],
.theme-dark :is(.ba-header, .ar-header, .cr-header, .rec-header, .col-header, .inv-header, .pe-header, .pay-header, .bad-header, .acp-header, .app-header, .api-header, .br-header, .drr-header, .drv-header, .gl-header, .je-header, .pcl-header, .tb-header, .ve-header, .ca-header, .cw-header, .ce-header, .cf-header, .cs-header, .pb-header, .cp-header, .sr-header, .cm-header, .wp-header, .pl-header, .pd-header, .mka-header, .ecb-header, .mkc-header, .mkx-header, .meb-header, .mlp-header, .mkr-header, .mkv-header, .mseg-header, .mkw-header) [class$="-lob-icon"] {
    background: linear-gradient(135deg, rgba(35, 109, 255, .24), rgba(8, 145, 178, .10)) !important;
    border-color: rgba(96, 165, 250, .24) !important;
    color: #bfdbfe !important;
}

[data-theme="dark"] :is(.ba-header, .ar-header, .cr-header, .rec-header, .col-header, .inv-header, .pe-header, .pay-header, .bad-header, .acp-header, .app-header, .api-header, .br-header, .drr-header, .drv-header, .gl-header, .je-header, .pcl-header, .tb-header, .ve-header, .ca-header, .cw-header, .ce-header, .cf-header, .cs-header, .pb-header, .cp-header, .sr-header, .cm-header, .wp-header, .pl-header, .pd-header, .mka-header, .ecb-header, .mkc-header, .mkx-header, .meb-header, .mlp-header, .mkr-header, .mkv-header, .mseg-header, .mkw-header) [class$="-page-title"],
.theme-dark :is(.ba-header, .ar-header, .cr-header, .rec-header, .col-header, .inv-header, .pe-header, .pay-header, .bad-header, .acp-header, .app-header, .api-header, .br-header, .drr-header, .drv-header, .gl-header, .je-header, .pcl-header, .tb-header, .ve-header, .ca-header, .cw-header, .ce-header, .cf-header, .cs-header, .pb-header, .cp-header, .sr-header, .cm-header, .wp-header, .pl-header, .pd-header, .mka-header, .ecb-header, .mkc-header, .mkx-header, .meb-header, .mlp-header, .mkr-header, .mkv-header, .mseg-header, .mkw-header) [class$="-page-title"] {
    color: var(--dark-final-text, #f8fafc) !important;
}

[data-theme="dark"] :is(.ba-header, .ar-header, .cr-header, .rec-header, .col-header, .inv-header, .pe-header, .pay-header, .bad-header, .acp-header, .app-header, .api-header, .br-header, .drr-header, .drv-header, .gl-header, .je-header, .pcl-header, .tb-header, .ve-header, .ca-header, .cw-header, .ce-header, .cf-header, .cs-header, .pb-header, .cp-header, .sr-header, .cm-header, .wp-header, .pl-header, .pd-header, .mka-header, .ecb-header, .mkc-header, .mkx-header, .meb-header, .mlp-header, .mkr-header, .mkv-header, .mseg-header, .mkw-header) :is([class$="-status-pill"], [class$="-sub-chip"]),
.theme-dark :is(.ba-header, .ar-header, .cr-header, .rec-header, .col-header, .inv-header, .pe-header, .pay-header, .bad-header, .acp-header, .app-header, .api-header, .br-header, .drr-header, .drv-header, .gl-header, .je-header, .pcl-header, .tb-header, .ve-header, .ca-header, .cw-header, .ce-header, .cf-header, .cs-header, .pb-header, .cp-header, .sr-header, .cm-header, .wp-header, .pl-header, .pd-header, .mka-header, .ecb-header, .mkc-header, .mkx-header, .meb-header, .mlp-header, .mkr-header, .mkv-header, .mseg-header, .mkw-header) :is([class$="-status-pill"], [class$="-sub-chip"]) {
    color: #bfdbfe !important;
    background: rgba(35, 109, 255, .14) !important;
    border-color: rgba(96, 165, 250, .22) !important;
}

[data-theme="dark"] :is(.ba-header, .ar-header, .cr-header, .rec-header, .col-header, .inv-header, .pe-header, .pay-header, .bad-header, .acp-header, .app-header, .api-header, .br-header, .drr-header, .drv-header, .gl-header, .je-header, .pcl-header, .tb-header, .ve-header, .ca-header, .cw-header, .ce-header, .cf-header, .cs-header, .pb-header, .cp-header, .sr-header, .cm-header, .wp-header, .pl-header, .pd-header, .mka-header, .ecb-header, .mkc-header, .mkx-header, .meb-header, .mlp-header, .mkr-header, .mkv-header, .mseg-header, .mkw-header) [class$="-sub-row"],
.theme-dark :is(.ba-header, .ar-header, .cr-header, .rec-header, .col-header, .inv-header, .pe-header, .pay-header, .bad-header, .acp-header, .app-header, .api-header, .br-header, .drr-header, .drv-header, .gl-header, .je-header, .pcl-header, .tb-header, .ve-header, .ca-header, .cw-header, .ce-header, .cf-header, .cs-header, .pb-header, .cp-header, .sr-header, .cm-header, .wp-header, .pl-header, .pd-header, .mka-header, .ecb-header, .mkc-header, .mkx-header, .meb-header, .mlp-header, .mkr-header, .mkv-header, .mseg-header, .mkw-header) [class$="-sub-row"] {
    color: #9fb0c8 !important;
}

/* ===== Dark theme: remove residual light surfaces (Lead Sources + all Tenant pages) ===== */

/* Workflow/quick-action cards, filter panels, KPI cards, table wraps, detail panels */
[data-theme="dark"] :is([class$="-workflow-card"], [class$="-filter-panel"], [class$="-kpi-card"], [class$="-table-wrap"], [class$="-table-card"], [class$="-detail-card"], [class$="-detail-panel"], [class$="-summary-card"], [class$="-selected-card"], [class$="-selected-panel"], [class$="-side-card"], [class$="-side-panel"]),
.theme-dark :is([class$="-workflow-card"], [class$="-filter-panel"], [class$="-kpi-card"], [class$="-table-wrap"], [class$="-table-card"], [class$="-detail-card"], [class$="-detail-panel"], [class$="-summary-card"], [class$="-selected-card"], [class$="-selected-panel"], [class$="-side-card"], [class$="-side-panel"]) {
    background: var(--dark-polish-card, #101b2e) !important;
    background-image: none !important;
    border-color: var(--dark-polish-border, rgba(148, 163, 184, .18)) !important;
    color: var(--dark-polish-text-2, #cbd5e1) !important;
}

[data-theme="dark"] .ams-crm-route [class$="-workflow-card"] :is(span, strong, small),
.theme-dark .ams-crm-route [class$="-workflow-card"] :is(span, strong, small),
body.dark .ams-crm-route [class$="-workflow-card"] :is(span, strong, small),
html.ams-crm-route .theme-dark .ams-content [class$="-workflow-card"] :is(span, strong, small) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* Monospace code chips (e.g. .ls-code) */
[data-theme="dark"] [class$="-code"],
.theme-dark [class$="-code"] {
    background: rgba(148, 163, 184, .16) !important;
    color: #e2e8f0 !important;
}

/* Colored row / selected icons */
[data-theme="dark"] :is([class*="-row-icon--blue"], [class*="-selected-icon"][class*="--blue"]),
.theme-dark :is([class*="-row-icon--blue"], [class*="-selected-icon"][class*="--blue"]) {
    background: transparent !important;
    color: #93c5fd !important;
}

[data-theme="dark"] [class*="-row-icon--green"],
.theme-dark [class*="-row-icon--green"] {
    background: transparent !important;
    color: #86efac !important;
}

[data-theme="dark"] [class*="-row-icon--red"],
.theme-dark [class*="-row-icon--red"] {
    background: transparent !important;
    color: #fca5a5 !important;
}

[data-theme="dark"] [class*="-row-icon--neutral"],
.theme-dark [class*="-row-icon--neutral"] {
    background: transparent !important;
    color: #cbd5e1 !important;
}

/* Hovered rows on tenant tables: keep dark */
[data-theme="dark"] :is([class$="-table-wrap"], [class$="-table-card"]) tbody tr:hover,
.theme-dark :is([class$="-table-wrap"], [class$="-table-card"]) tbody tr:hover {
    background: rgba(35, 109, 255, .1) !important;
}

/* /submissions* final light-mode header hardening. This file loads after isolated CSS. */
:root:not([data-theme="dark"]) :is(.sde-hero,.qde-hero,.sa-hero,.sd-hero,.nsw-hero,.sdd-hero,.sin-hero),
[data-theme="light"] :is(.sde-hero,.qde-hero,.sa-hero,.sd-hero,.nsw-hero,.sdd-hero,.sin-hero),
.ams-shell:not(.theme-dark) :is(.sde-hero,.qde-hero,.sa-hero,.sd-hero,.nsw-hero,.sdd-hero,.sin-hero) {
    color: #0f172a !important;
}

:root:not([data-theme="dark"]) :is(.sde-hero,.qde-hero,.sa-hero,.sd-hero,.nsw-hero,.sdd-hero,.sin-hero) :is(h1,h2,h3,h4,h5,h6,strong),
[data-theme="light"] :is(.sde-hero,.qde-hero,.sa-hero,.sd-hero,.nsw-hero,.sdd-hero,.sin-hero) :is(h1,h2,h3,h4,h5,h6,strong),
.ams-shell:not(.theme-dark) :is(.sde-hero,.qde-hero,.sa-hero,.sd-hero,.nsw-hero,.sdd-hero,.sin-hero) :is(h1,h2,h3,h4,h5,h6,strong) {
    color: #0f172a !important;
    text-shadow: none !important;
}

:root:not([data-theme="dark"]) :is(.sde-hero,.qde-hero,.sa-hero,.sd-hero,.nsw-hero,.sdd-hero,.sin-hero) p,
[data-theme="light"] :is(.sde-hero,.qde-hero,.sa-hero,.sd-hero,.nsw-hero,.sdd-hero,.sin-hero) p,
.ams-shell:not(.theme-dark) :is(.sde-hero,.qde-hero,.sa-hero,.sd-hero,.nsw-hero,.sdd-hero,.sin-hero) p {
    color: #475569 !important;
}

:root:not([data-theme="dark"]) :is(.sde-hero__eyebrow,.qde-hero__eyebrow,.sa-hero__eyebrow,.sd-hero__eyebrow,.nsw-hero__eyebrow,.sdd-hero__eyebrow,.sin-hero__eyebrow),
[data-theme="light"] :is(.sde-hero__eyebrow,.qde-hero__eyebrow,.sa-hero__eyebrow,.sd-hero__eyebrow,.nsw-hero__eyebrow,.sdd-hero__eyebrow,.sin-hero__eyebrow),
.ams-shell:not(.theme-dark) :is(.sde-hero__eyebrow,.qde-hero__eyebrow,.sa-hero__eyebrow,.sd-hero__eyebrow,.nsw-hero__eyebrow,.sdd-hero__eyebrow,.sin-hero__eyebrow) {
    color: #1d4ed8 !important;
}

:root:not([data-theme="dark"]) :is(.sde-title-row span,.sde-hero__meta span,.qde-hero__meta span,.sa-hero__meta span,.sd-hero__meta span,.nsw-hero__meta span,.sdd-hero__meta span,.sin-hero__meta span),
[data-theme="light"] :is(.sde-title-row span,.sde-hero__meta span,.qde-hero__meta span,.sa-hero__meta span,.sd-hero__meta span,.nsw-hero__meta span,.sdd-hero__meta span,.sin-hero__meta span),
.ams-shell:not(.theme-dark) :is(.sde-title-row span,.sde-hero__meta span,.qde-hero__meta span,.sa-hero__meta span,.sd-hero__meta span,.nsw-hero__meta span,.sdd-hero__meta span,.sin-hero__meta span) {
    background: rgba(255, 255, 255, .72) !important;
    border-color: rgba(191, 219, 254, .86) !important;
    color: #334155 !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, .06) !important;
}

:root:not([data-theme="dark"]) :is(.sde-hero__actions .sde-btn--light,.qde-hero__actions .qde-btn--light,.sa-hero__actions .sa-btn--light,.sd-hero__actions .sd-btn--light,.nsw-hero__actions .nsw-btn--light,.sdd-hero__actions .sdd-btn--light,.sin-hero__actions .sin-btn--light),
[data-theme="light"] :is(.sde-hero__actions .sde-btn--light,.qde-hero__actions .qde-btn--light,.sa-hero__actions .sa-btn--light,.sd-hero__actions .sd-btn--light,.nsw-hero__actions .nsw-btn--light,.sdd-hero__actions .sdd-btn--light,.sin-hero__actions .sin-btn--light),
.ams-shell:not(.theme-dark) :is(.sde-hero__actions .sde-btn--light,.qde-hero__actions .qde-btn--light,.sa-hero__actions .sa-btn--light,.sd-hero__actions .sd-btn--light,.nsw-hero__actions .nsw-btn--light,.sdd-hero__actions .sdd-btn--light,.sin-hero__actions .sin-btn--light) {
    background: #fff !important;
    border-color: rgba(203, 213, 225, .95) !important;
    color: #334155 !important;
    box-shadow: 0 12px 24px rgba(15, 23, 42, .1) !important;
}

:root:not([data-theme="dark"]) :is(.sde-hero__actions .sde-btn--light,.qde-hero__actions .qde-btn--light,.sa-hero__actions .sa-btn--light,.sd-hero__actions .sd-btn--light,.nsw-hero__actions .nsw-btn--light,.sdd-hero__actions .sdd-btn--light,.sin-hero__actions .sin-btn--light) i,
[data-theme="light"] :is(.sde-hero__actions .sde-btn--light,.qde-hero__actions .qde-btn--light,.sa-hero__actions .sa-btn--light,.sd-hero__actions .sd-btn--light,.nsw-hero__actions .nsw-btn--light,.sdd-hero__actions .sdd-btn--light,.sin-hero__actions .sin-btn--light) i,
.ams-shell:not(.theme-dark) :is(.sde-hero__actions .sde-btn--light,.qde-hero__actions .qde-btn--light,.sa-hero__actions .sa-btn--light,.sd-hero__actions .sd-btn--light,.nsw-hero__actions .nsw-btn--light,.sdd-hero__actions .sdd-btn--light,.sin-hero__actions .sin-btn--light) i {
    color: #2563eb !important;
}

/* /submissions* final dark-mode hardening. This file loads after isolated CSS. */
[data-theme="dark"] :is(.sde-page,.qde-page,.sa-page,.sd-page,.nsw-page,.sdd-page,.msb-page),
.theme-dark :is(.sde-page,.qde-page,.sa-page,.sd-page,.nsw-page,.sdd-page,.msb-page) {
    color: var(--dark-polish-text-2) !important;
}

[data-theme="dark"] :is(.sde-page,.qde-page,.sa-page,.sd-page,.nsw-page,.sdd-page,.msb-page) :is(section, article, aside, header, footer, div, nav, form, table, thead, tbody, tr, th, td, ul, li):not(.sde-hero):not(.qde-hero):not(.sa-hero):not(.sd-hero):not(.nsw-hero):not(.sdd-hero):not([class*="toast"]),
.theme-dark :is(.sde-page,.qde-page,.sa-page,.sd-page,.nsw-page,.sdd-page,.msb-page) :is(section, article, aside, header, footer, div, nav, form, table, thead, tbody, tr, th, td, ul, li):not(.sde-hero):not(.qde-hero):not(.sa-hero):not(.sd-hero):not(.nsw-hero):not(.sdd-hero):not([class*="toast"]) {
    background-color: transparent !important;
    border-color: var(--dark-polish-border) !important;
}

[data-theme="dark"] :is(
    .sde-kpi,.sde-workflow,.sde-filter-panel,.sde-search,.sde-tabs,.sde-main-card,.sde-panel-card,.sde-card-header,.sde-icon-btn,.sde-menu,.sde-menu__summary,.sde-lob-pill,.sde-lob-card,.sde-score-card,.sde-insight,.sde-compare-modal,.sde-modal__footer,.sde-table-wrap,.sde-empty,.sde-form-card,.sde-input,.sde-selected-card,.sde-review-card,
    .qde-kpi,.qde-workflow,.qde-filter-panel,.qde-search,.qde-tabs,.qde-main-card,.qde-panel-card,.qde-card-header,.qde-icon-btn,.qde-menu,.qde-menu__summary,.qde-lob-pill,.qde-lob-card,.qde-score-card,.qde-insight,.qde-compare-modal,.qde-modal__footer,.qde-table-wrap,.qde-empty,.qde-form-card,.qde-input,.qde-selected-card,.qde-review-card,.qde-compare-card,
    .sa-kpi,.sa-workflow,.sa-filter-panel,.sa-search,.sa-tabs,.sa-main-card,.sa-panel-card,.sa-card-header,.sa-icon-btn,.sa-menu,.sa-menu__summary,.sa-lob-pill,.sa-lob-card,.sa-score-card,.sa-insight,.sa-compare-modal,.sa-modal__footer,.sa-table-wrap,.sa-empty,.sa-form-card,.sa-input,.sa-selected-card,.sa-review-card,.sa-compare-card,
    .sd-kpi,.sd-workflow,.sd-filter-panel,.sd-search,.sd-tabs,.sd-main-card,.sd-panel-card,.sd-card-header,.sd-icon-btn,.sd-menu,.sd-menu__summary,.sd-lob-pill,.sd-lob-card,.sd-score-card,.sd-insight,.sd-compare-modal,.sd-modal__footer,.sd-table-wrap,.sd-empty,.sd-form-card,.sd-input,.sd-selected-card,.sd-review-card,.sd-compare-card,
    .nsw-kpi,.nsw-workflow,.nsw-tabs,.nsw-main-card,.nsw-panel-card,.nsw-card-header,.nsw-icon-btn,.nsw-menu,.nsw-menu__summary,.nsw-form-card,.nsw-field,.nsw-input,.nsw-selected-card,.nsw-review-card,.nsw-table-wrap,.nsw-empty,.nsw-step-card,.nsw-summary-card,
    .sdd-kpi,.sdd-workflow,.sdd-tabs,.sdd-main-card,.sdd-panel-card,.sdd-card-header,.sdd-icon-btn,.sdd-menu,.sdd-menu__summary,.sdd-form-card,.sdd-field,.sdd-input,.sdd-selected-card,.sdd-review-card,.sdd-table-wrap,.sdd-empty,.sdd-step-card,.sdd-summary-card,.sdd-pill,
    .msb-loading,.msb-header,.msb-kpi-strip,.msb-kpi-card,.msb-filter-bar,.msb-lane,.msb-lane-head,.msb-card,.msb-drawer,.msb-kcard,.msb-kanban-wrap
),
.theme-dark :is(
    .sde-kpi,.sde-workflow,.sde-filter-panel,.sde-search,.sde-tabs,.sde-main-card,.sde-panel-card,.sde-card-header,.sde-icon-btn,.sde-menu,.sde-menu__summary,.sde-lob-pill,.sde-lob-card,.sde-score-card,.sde-insight,.sde-compare-modal,.sde-modal__footer,.sde-table-wrap,.sde-empty,.sde-form-card,.sde-input,.sde-selected-card,.sde-review-card,
    .qde-kpi,.qde-workflow,.qde-filter-panel,.qde-search,.qde-tabs,.qde-main-card,.qde-panel-card,.qde-card-header,.qde-icon-btn,.qde-menu,.qde-menu__summary,.qde-lob-pill,.qde-lob-card,.qde-score-card,.qde-insight,.qde-compare-modal,.qde-modal__footer,.qde-table-wrap,.qde-empty,.qde-form-card,.qde-input,.qde-selected-card,.qde-review-card,.qde-compare-card,
    .sa-kpi,.sa-workflow,.sa-filter-panel,.sa-search,.sa-tabs,.sa-main-card,.sa-panel-card,.sa-card-header,.sa-icon-btn,.sa-menu,.sa-menu__summary,.sa-lob-pill,.sa-lob-card,.sa-score-card,.sa-insight,.sa-compare-modal,.sa-modal__footer,.sa-table-wrap,.sa-empty,.sa-form-card,.sa-input,.sa-selected-card,.sa-review-card,.sa-compare-card,
    .sd-kpi,.sd-workflow,.sd-filter-panel,.sd-search,.sd-tabs,.sd-main-card,.sd-panel-card,.sd-card-header,.sd-icon-btn,.sd-menu,.sd-menu__summary,.sd-lob-pill,.sd-lob-card,.sd-score-card,.sd-insight,.sd-compare-modal,.sd-modal__footer,.sd-table-wrap,.sd-empty,.sd-form-card,.sd-input,.sd-selected-card,.sd-review-card,.sd-compare-card,
    .nsw-kpi,.nsw-workflow,.nsw-tabs,.nsw-main-card,.nsw-panel-card,.nsw-card-header,.nsw-icon-btn,.nsw-menu,.nsw-menu__summary,.nsw-form-card,.nsw-field,.nsw-input,.nsw-selected-card,.nsw-review-card,.nsw-table-wrap,.nsw-empty,.nsw-step-card,.nsw-summary-card,
    .sdd-kpi,.sdd-workflow,.sdd-tabs,.sdd-main-card,.sdd-panel-card,.sdd-card-header,.sdd-icon-btn,.sdd-menu,.sdd-menu__summary,.sdd-form-card,.sdd-field,.sdd-input,.sdd-selected-card,.sdd-review-card,.sdd-table-wrap,.sdd-empty,.sdd-step-card,.sdd-summary-card,.sdd-pill,
    .msb-loading,.msb-header,.msb-kpi-strip,.msb-kpi-card,.msb-filter-bar,.msb-lane,.msb-lane-head,.msb-card,.msb-drawer,.msb-kcard,.msb-kanban-wrap
) {
    background: linear-gradient(145deg, var(--dark-polish-card), var(--dark-polish-card-2)) !important;
    background-color: var(--dark-polish-card) !important;
    color: var(--dark-polish-text-2) !important;
    border-color: var(--dark-polish-border) !important;
    box-shadow: 0 18px 44px rgba(0,0,0,.36) !important;
}

[data-theme="dark"] :is(.sde-page,.qde-page,.sa-page,.sd-page,.nsw-page,.sdd-page,.msb-page) :is([style*="background:#fff"],[style*="background: #fff"],[style*="background-color:#fff"],[style*="background-color: #fff"]),
.theme-dark :is(.sde-page,.qde-page,.sa-page,.sd-page,.nsw-page,.sdd-page,.msb-page) :is([style*="background:#fff"],[style*="background: #fff"],[style*="background-color:#fff"],[style*="background-color: #fff"]) {
    background: var(--dark-polish-card) !important;
    background-color: var(--dark-polish-card) !important;
}

[data-theme="dark"] :is(.sde-table,.qde-table,.sa-table,.sd-table,.nsw-table,.sdd-table,.msb-hist-table) th,
.theme-dark :is(.sde-table,.qde-table,.sa-table,.sd-table,.nsw-table,.sdd-table,.msb-hist-table) th,
[data-theme="dark"] :is(.sde-page,.qde-page,.sa-page,.sd-page,.nsw-page,.sdd-page,.msb-page) :is(.e-grid .e-headercell,.e-grid .e-headercontent),
.theme-dark :is(.sde-page,.qde-page,.sa-page,.sd-page,.nsw-page,.sdd-page,.msb-page) :is(.e-grid .e-headercell,.e-grid .e-headercontent) {
    background: #111c2f !important;
    color: #cbd5e1 !important;
    border-color: rgba(148,163,184,.2) !important;
}

[data-theme="dark"] :is(.sde-table,.qde-table,.sa-table,.sd-table,.nsw-table,.sdd-table,.msb-hist-table) td,
.theme-dark :is(.sde-table,.qde-table,.sa-table,.sd-table,.nsw-table,.sdd-table,.msb-hist-table) td,
[data-theme="dark"] :is(.sde-page,.qde-page,.sa-page,.sd-page,.nsw-page,.sdd-page,.msb-page) :is(.e-grid .e-rowcell,.e-grid .e-row,.e-grid .e-content),
.theme-dark :is(.sde-page,.qde-page,.sa-page,.sd-page,.nsw-page,.sdd-page,.msb-page) :is(.e-grid .e-rowcell,.e-grid .e-row,.e-grid .e-content) {
    background: var(--dark-polish-card) !important;
    color: var(--dark-polish-text-2) !important;
    border-color: rgba(148,163,184,.16) !important;
}

[data-theme="dark"] :is(.sde-page,.qde-page,.sa-page,.sd-page,.nsw-page,.sdd-page,.msb-page) :is(input,textarea,select,.e-input,.e-input-group,.e-control-wrapper),
.theme-dark :is(.sde-page,.qde-page,.sa-page,.sd-page,.nsw-page,.sdd-page,.msb-page) :is(input,textarea,select,.e-input,.e-input-group,.e-control-wrapper) {
    background: var(--dark-polish-input) !important;
    background-color: var(--dark-polish-input) !important;
    color: var(--dark-polish-text) !important;
    border-color: var(--dark-polish-border-2) !important;
}

[data-theme="dark"] :is(.sde-page,.qde-page,.sa-page,.sd-page,.nsw-page,.sdd-page,.msb-page) :is(.sde-btn--ghost,.qde-btn--ghost,.sa-btn--ghost,.sd-btn--ghost,.nsw-btn--ghost,.sdd-btn--ghost,.msb-btn,.msb-icon-btn,.e-btn),
.theme-dark :is(.sde-page,.qde-page,.sa-page,.sd-page,.nsw-page,.sdd-page,.msb-page) :is(.sde-btn--ghost,.qde-btn--ghost,.sa-btn--ghost,.sd-btn--ghost,.nsw-btn--ghost,.sdd-btn--ghost,.msb-btn,.msb-icon-btn,.e-btn) {
    background: var(--dark-polish-card-3) !important;
    background-color: var(--dark-polish-card-3) !important;
    color: var(--dark-polish-text) !important;
    border-color: var(--dark-polish-border-2) !important;
}

[data-theme="dark"] :is(.sde-page,.qde-page,.sa-page,.sd-page,.nsw-page,.sdd-page,.msb-page) :is(small,em,p,.sde-muted,.qde-muted,.sa-muted,.sd-muted,.nsw-muted,.sdd-muted,.msb-sub,.msb-kpi-lbl,.msb-filter-lbl,.msb-filter-count,.msb-kc-prog,.msb-kcm),
.theme-dark :is(.sde-page,.qde-page,.sa-page,.sd-page,.nsw-page,.sdd-page,.msb-page) :is(small,em,p,.sde-muted,.qde-muted,.sa-muted,.sd-muted,.nsw-muted,.sdd-muted,.msb-sub,.msb-kpi-lbl,.msb-filter-lbl,.msb-filter-count,.msb-kc-prog,.msb-kcm) {
    color: var(--dark-polish-muted) !important;
}

[data-theme="dark"] :is(.sde-page,.qde-page,.sa-page,.sd-page,.nsw-page,.sdd-page,.msb-page) :is(.sde-kpi::after,.qde-kpi::after,.sa-kpi::after,.sd-kpi::after,.nsw-kpi::after,.sdd-kpi::after),
.theme-dark :is(.sde-page,.qde-page,.sa-page,.sd-page,.nsw-page,.sdd-page,.msb-page) :is(.sde-kpi::after,.qde-kpi::after,.sa-kpi::after,.sd-kpi::after,.nsw-kpi::after,.sdd-kpi::after) {
    opacity: .18 !important;
}

/* /submissions dark polish: reduce color density and decorative object noise. */
[data-theme="dark"] .sde-page,
.theme-dark .sde-page {
    background: linear-gradient(180deg, #07111f 0%, #0b1220 100%) !important;
    color: #dbe3ef !important;
}

[data-theme="dark"] .sde-hero,
.theme-dark .sde-hero {
    background: linear-gradient(135deg, rgba(15, 23, 42, .96), rgba(30, 41, 59, .92)) !important;
    border-color: rgba(148, 163, 184, .18) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, .28) !important;
}

[data-theme="dark"] .sde-hero-icon,
.theme-dark .sde-hero-icon {
    background: rgba(148, 163, 184, .12) !important;
    border: 1px solid rgba(148, 163, 184, .16) !important;
    color: #93c5fd !important;
    box-shadow: none !important;
}

[data-theme="dark"] :is(.sde-title-row span,.sde-hero__meta span),
.theme-dark :is(.sde-title-row span,.sde-hero__meta span) {
    background: rgba(15, 23, 42, .42) !important;
    border-color: rgba(148, 163, 184, .18) !important;
    color: #cbd5e1 !important;
    box-shadow: none !important;
}

[data-theme="dark"] .sde-hero p,
.theme-dark .sde-hero p {
    color: #94a3b8 !important;
}

[data-theme="dark"] :is(.sde-kpi-strip,.sde-workflows,.sde-filter-panel,.sde-tabs),
.theme-dark :is(.sde-kpi-strip,.sde-workflows,.sde-filter-panel,.sde-tabs) {
    background: rgba(15, 23, 42, .42) !important;
    border-color: rgba(148, 163, 184, .14) !important;
    box-shadow: none !important;
}

[data-theme="dark"] :is(.sde-kpi,.sde-kpi--blue,.sde-kpi--red,.sde-kpi--amber,.sde-kpi--cyan,.sde-kpi--green,.sde-kpi--emerald,.sde-workflow,.sde-main-card,.sde-panel-card,.sde-card-header,.sde-search-result,.sde-menu,.sde-lob-card,.sde-score-card,.sde-insight),
.theme-dark :is(.sde-kpi,.sde-kpi--blue,.sde-kpi--red,.sde-kpi--amber,.sde-kpi--cyan,.sde-kpi--green,.sde-kpi--emerald,.sde-workflow,.sde-main-card,.sde-panel-card,.sde-card-header,.sde-search-result,.sde-menu,.sde-lob-card,.sde-score-card,.sde-insight) {
    background: #0f172a !important;
    background-color: #0f172a !important;
    border-color: rgba(148, 163, 184, .16) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .22) !important;
}

[data-theme="dark"] :is(.sde-kpi::after,.sde-search-result::before),
.theme-dark :is(.sde-kpi::after,.sde-search-result::before) {
    display: none !important;
}

[data-theme="dark"] :is(.sde-kpi span i,.sde-workflow > i,.sde-search-icon),
.theme-dark :is(.sde-kpi span i,.sde-workflow > i,.sde-search-icon) {
    background: rgba(37, 99, 235, .12) !important;
    border-color: rgba(96, 165, 250, .18) !important;
    color: #93c5fd !important;
}

[data-theme="dark"] .sde-kpi span,
.theme-dark .sde-kpi span {
    color: #9fb2cc !important;
}

[data-theme="dark"] .sde-kpi strong,
.theme-dark .sde-kpi strong {
    color: #e5e7eb !important;
}

[data-theme="dark"] :is(.sde-workflow strong,.sde-card-header h2,.sde-empty strong,.sde-table td strong,.sde-search-result strong),
.theme-dark :is(.sde-workflow strong,.sde-card-header h2,.sde-empty strong,.sde-table td strong,.sde-search-result strong) {
    color: #e5e7eb !important;
}

[data-theme="dark"] :is(.sde-kpi small,.sde-workflow small,.sde-card-header p,.sde-page-indicator,.sde-search-hint,.sde-table td small,.sde-search-result span),
.theme-dark :is(.sde-kpi small,.sde-workflow small,.sde-card-header p,.sde-page-indicator,.sde-search-hint,.sde-table td small,.sde-search-result span) {
    color: #8b9ab0 !important;
}

[data-theme="dark"] .sde-tab,
.theme-dark .sde-tab {
    color: #9fb2cc !important;
}

[data-theme="dark"] .sde-tab strong,
.theme-dark .sde-tab strong {
    background: rgba(148, 163, 184, .12) !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] .sde-tab--active,
.theme-dark .sde-tab--active {
    background: rgba(37, 99, 235, .14) !important;
    border-color: rgba(96, 165, 250, .22) !important;
    color: #bfdbfe !important;
    box-shadow: none !important;
}

[data-theme="dark"] :is(.sde-table th,.sde-table td),
.theme-dark :is(.sde-table th,.sde-table td) {
    border-color: rgba(148, 163, 184, .12) !important;
}

[data-theme="dark"] .sde-table th,
.theme-dark .sde-table th {
    background: #0b1220 !important;
    color: #94a3b8 !important;
}

[data-theme="dark"] :is(.sde-row:hover,.sde-row--selected),
.theme-dark :is(.sde-row:hover,.sde-row--selected) {
    background: rgba(30, 41, 59, .72) !important;
}

[data-theme="dark"] .sde-row--selected,
.theme-dark .sde-row--selected {
    box-shadow: inset 3px 0 0 rgba(96, 165, 250, .55) !important;
}

[data-theme="dark"] :is(.sde-link-button,.sde-section-kicker),
.theme-dark :is(.sde-link-button,.sde-section-kicker) {
    color: #93c5fd !important;
}

[data-theme="dark"] .sde-icon-btn,
.theme-dark .sde-icon-btn {
    background: rgba(15, 23, 42, .8) !important;
    border-color: rgba(148, 163, 184, .16) !important;
    color: #cbd5e1 !important;
    box-shadow: none !important;
}

[data-theme="dark"] .sde-icon-btn:hover,
.theme-dark .sde-icon-btn:hover {
    background: rgba(30, 41, 59, .88) !important;
    color: #e5e7eb !important;
}

/* /submissions dark-theme final pass: darken remaining blue/light accents. */
[data-theme="dark"] .sde-kpi::after,
.theme-dark .sde-kpi::after {
    display: block !important;
    background: radial-gradient(circle, rgba(30, 41, 59, .72), rgba(15, 23, 42, .92) 68%, transparent 70%) !important;
    opacity: .42 !important;
}

[data-theme="dark"] .sde-search-result::before,
.theme-dark .sde-search-result::before {
    display: block !important;
    background: radial-gradient(circle, rgba(30, 41, 59, .8), rgba(15, 23, 42, .94) 62%, transparent 70%) !important;
    opacity: .58 !important;
}

[data-theme="dark"] .sde-search-result,
.theme-dark .sde-search-result {
    background: #0b1220 !important;
    border-color: rgba(148, 163, 184, .18) !important;
    box-shadow: inset 0 1px 0 rgba(148, 163, 184, .06) !important;
}

[data-theme="dark"] .sde-tab--active,
.theme-dark .sde-tab--active {
    background: #132238 !important;
    border-color: rgba(59, 130, 246, .28) !important;
    color: #dbeafe !important;
}

[data-theme="dark"] .sde-tab--active strong,
.theme-dark .sde-tab--active strong {
    background: #0b1220 !important;
    color: #bfdbfe !important;
}

[data-theme="dark"] .sde-row--selected,
.theme-dark .sde-row--selected,
[data-theme="dark"] .sde-row--selected:hover,
.theme-dark .sde-row--selected:hover {
    background: #132238 !important;
    box-shadow: inset 3px 0 0 rgba(59, 130, 246, .55) !important;
}

[data-theme="dark"] .sde-side-panel .sde-panel-card:first-child,
.theme-dark .sde-side-panel .sde-panel-card:first-child {
    background: #0b1220 !important;
    border-color: rgba(148, 163, 184, .18) !important;
}

[data-theme="dark"] .sde-selected__title,
.theme-dark .sde-selected__title {
    padding: .5rem .6rem !important;
    border: 1px solid rgba(148, 163, 184, .16) !important;
    border-radius: 14px !important;
    background: #101a2b !important;
}

[data-theme="dark"] .sde-score-card,
.theme-dark .sde-score-card {
    background: #0b1220 !important;
    border-color: rgba(148, 163, 184, .18) !important;
    box-shadow: none !important;
}

[data-theme="dark"] .sde-detail-list div,
.theme-dark .sde-detail-list div {
    border-color: rgba(148, 163, 184, .12) !important;
}

[data-theme="dark"] .sde-status,
.theme-dark .sde-status,
[data-theme="dark"] .sde-importance,
.theme-dark .sde-importance,
[data-theme="dark"] .sde-lob-pill,
.theme-dark .sde-lob-pill,
[data-theme="dark"] .sde-due,
.theme-dark .sde-due {
    background: #132238 !important;
    border: 1px solid rgba(148, 163, 184, .18) !important;
    color: #cbd5e1 !important;
}

[data-theme="dark"] :is(.sde-status--quoted,.sde-status--bound,.sde-status--in-review,.sde-status--new),
.theme-dark :is(.sde-status--quoted,.sde-status--bound,.sde-status--in-review,.sde-status--new) {
    background: #132238 !important;
    color: #dbeafe !important;
}

[data-theme="dark"] :is(.sde-kpi-strip,.sde-workflows,.sde-filter-panel,.sde-tabs,.sde-main-card,.sde-panel-card),
.theme-dark :is(.sde-kpi-strip,.sde-workflows,.sde-filter-panel,.sde-tabs,.sde-main-card,.sde-panel-card) {
    background-color: #0b1220 !important;
}

/* /submissions dark-theme de-boxing: no black tiles behind icons/images or cards. */
[data-theme="dark"] .sde-page :is(i,.bi,svg,img),
.theme-dark .sde-page :is(i,.bi,svg,img) {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

[data-theme="dark"] .sde-page :is(.sde-btn,.sde-btn *,.sde-tab,.sde-tab *,.sde-workflow,.sde-workflow *,.sde-selected-actions .sde-btn,.sde-selected-actions .sde-btn *),
.theme-dark .sde-page :is(.sde-btn,.sde-btn *,.sde-tab,.sde-tab *,.sde-workflow,.sde-workflow *,.sde-selected-actions .sde-btn,.sde-selected-actions .sde-btn *) {
    background-image: none;
}

[data-theme="dark"] .sde-page :is(.sde-kpi-strip,.sde-workflows,.sde-filter-panel,.sde-tabs,.sde-main-card,.sde-panel-card,.sde-card-header,.sde-kpi,.sde-workflow,.sde-search-result,.sde-selected__title,.sde-score-card,.sde-menu,.sde-lob-card,.sde-insight),
.theme-dark .sde-page :is(.sde-kpi-strip,.sde-workflows,.sde-filter-panel,.sde-tabs,.sde-main-card,.sde-panel-card,.sde-card-header,.sde-kpi,.sde-workflow,.sde-search-result,.sde-selected__title,.sde-score-card,.sde-menu,.sde-lob-card,.sde-insight) {
    background: rgba(17, 34, 56, .72) !important;
    background-color: rgba(17, 34, 56, .72) !important;
    border-color: rgba(96, 165, 250, .14) !important;
}

[data-theme="dark"] .sde-page :is(.sde-kpi,.sde-workflow,.sde-tab,.sde-main-card,.sde-panel-card,.sde-search-result,.sde-selected__title,.sde-score-card),
.theme-dark .sde-page :is(.sde-kpi,.sde-workflow,.sde-tab,.sde-main-card,.sde-panel-card,.sde-search-result,.sde-selected__title,.sde-score-card) {
    box-shadow: 0 8px 20px rgba(2, 6, 23, .18) !important;
}

[data-theme="dark"] .sde-page :is(.sde-kpi span i,.sde-workflow > i,.sde-search-icon,.sde-hero-icon,.sde-title-row span i,.sde-hero__meta span i),
.theme-dark .sde-page :is(.sde-kpi span i,.sde-workflow > i,.sde-search-icon,.sde-hero-icon,.sde-title-row span i,.sde-hero__meta span i) {
    background: rgba(96, 165, 250, .10) !important;
    background-color: rgba(96, 165, 250, .10) !important;
    border-color: rgba(147, 197, 253, .16) !important;
    color: #bfdbfe !important;
}

[data-theme="dark"] .sde-page :is(.sde-btn i,.sde-tab i,.sde-selected-actions .sde-btn i),
.theme-dark .sde-page :is(.sde-btn i,.sde-tab i,.sde-selected-actions .sde-btn i) {
    background: transparent !important;
    border: 0 !important;
    color: currentColor !important;
}

[data-theme="dark"] .sde-page .sde-btn--primary,
.theme-dark .sde-page .sde-btn--primary {
    background: linear-gradient(135deg, #2563eb, #0891b2) !important;
    color: #f8fafc !important;
    border-color: rgba(147, 197, 253, .22) !important;
}

[data-theme="dark"] .sde-page :is(.sde-btn--light,.sde-btn--ghost),
.theme-dark .sde-page :is(.sde-btn--light,.sde-btn--ghost) {
    background: rgba(17, 34, 56, .72) !important;
    background-color: rgba(17, 34, 56, .72) !important;
    color: #dbeafe !important;
    border-color: rgba(96, 165, 250, .16) !important;
}

[data-theme="dark"] .sde-page .sde-tab--active,
.theme-dark .sde-page .sde-tab--active,
[data-theme="dark"] .sde-page .sde-row--selected,
.theme-dark .sde-page .sde-row--selected {
    background: rgba(37, 99, 235, .20) !important;
    background-color: rgba(37, 99, 235, .20) !important;
}

/* App-wide dark-theme final polish: remove black boxes from content icons/images and soften page surfaces. */
[data-theme="dark"] .ams-content :is(i,.bi,svg,img),
.theme-dark .ams-content :is(i,.bi,svg,img) {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

[data-theme="dark"] .ams-content :is(
    [class$="-icon"], [class*="emoji"], [class*="image"], [class*="avatar"], [class*="logo"],
    [class*="glyph"], [class*="symbol"], [class*="illustration"]
):not(button):not(.btn):not([class*="badge"]):not([class*="status"]):not([class*="pill"]):not([class*="toast"]):not([class*="modal"]):not([class*="dialog"]),
.theme-dark .ams-content :is(
    [class$="-icon"], [class*="emoji"], [class*="image"], [class*="avatar"], [class*="logo"],
    [class*="glyph"], [class*="symbol"], [class*="illustration"]
):not(button):not(.btn):not([class*="badge"]):not([class*="status"]):not([class*="pill"]):not([class*="toast"]):not([class*="modal"]):not([class*="dialog"]) {
    background: rgba(96, 165, 250, .10) !important;
    background-color: rgba(96, 165, 250, .10) !important;
    border-color: rgba(147, 197, 253, .16) !important;
    color: #bfdbfe !important;
    box-shadow: none !important;
}

[data-theme="dark"] .ams-content :is(button,.btn,a,[role="button"]) :is(i,.bi,svg,img),
.theme-dark .ams-content :is(button,.btn,a,[role="button"]) :is(i,.bi,svg,img) {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    color: currentColor !important;
    box-shadow: none !important;
}

[data-theme="dark"] .ams-content :is(
    [class$="-active"], [class$="-selected"], .active, .selected, .nav-link.active, .dropdown-item.active,
    .page-item.active .page-link
):not(pre):not(code):not(kbd):not(samp):not([class*="code"]):not([class*="log"]):not([class*="terminal"]):not([class*="toast"]):not([class*="modal"]):not([class*="dialog"]),
.theme-dark .ams-content :is(
    [class$="-active"], [class$="-selected"], .active, .selected, .nav-link.active, .dropdown-item.active,
    .page-item.active .page-link
):not(pre):not(code):not(kbd):not(samp):not([class*="code"]):not([class*="log"]):not([class*="terminal"]):not([class*="toast"]):not([class*="modal"]):not([class*="dialog"]) {
    background: rgba(37, 99, 235, .18) !important;
    background-color: rgba(37, 99, 235, .18) !important;
    background-image: none !important;
    border-color: rgba(96, 165, 250, .24) !important;
    color: #dbeafe !important;
}

[data-theme="dark"] .ams-content :is(.btn-primary,[class*="btn--primary"],[class*="button--primary"],[class*="primary"]),
.theme-dark .ams-content :is(.btn-primary,[class*="btn--primary"],[class*="button--primary"],[class*="primary"]) {
    background-image: linear-gradient(135deg, #2563eb, #0891b2) !important;
    background-color: #2563eb !important;
    border-color: rgba(147, 197, 253, .24) !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .ams-content :is(.btn-light,.btn-outline-secondary,.btn-outline-dark,[class*="btn--light"],[class*="btn--ghost"],[class*="button--light"],[class*="button--ghost"]),
.theme-dark .ams-content :is(.btn-light,.btn-outline-secondary,.btn-outline-dark,[class*="btn--light"],[class*="btn--ghost"],[class*="button--light"],[class*="button--ghost"]) {
    background: rgba(17, 34, 56, .72) !important;
    background-color: rgba(17, 34, 56, .72) !important;
    background-image: none !important;
    border-color: rgba(96, 165, 250, .16) !important;
    color: #dbeafe !important;
    box-shadow: none !important;
}

/* App-wide light-theme card readability: dark text on white/light card surfaces. */
:root:not([data-theme="dark"]):not(.theme-dark) .ams-content :is(
    .card, .card-body, .card-header, .tab-content, .tab-pane,
    [class*="card"], [class*="panel"], [class*="tile"], [class*="kpi"], [class$="-metric"],
    [class*="summary"], [class*="overview"], [class*="detail"], [class*="workflow"],
    [class*="filter"], [class*="search"], [class*="drawer"], [class*="empty"], [class*="insight"],
    [class*="score"], [class*="cockpit"], [class*="guidance"]
):not(.pb-page):not(.pb-page *):not([class*="hero"]):not([class*="banner"]):not([class*="nav"]):not([class*="sidebar"]):not([class*="toast"]):not([class*="modal"]):not([class*="dialog"]):not([class*="alert"]):not([class*="primary"]):not([class*="danger"]):not([class*="success"]):not([class*="warning"]),
[data-theme="light"] .ams-content :is(
    .card, .card-body, .card-header, .tab-content, .tab-pane,
    [class*="card"], [class*="panel"], [class*="tile"], [class*="kpi"], [class$="-metric"],
    [class*="summary"], [class*="overview"], [class*="detail"], [class*="workflow"],
    [class*="filter"], [class*="search"], [class*="drawer"], [class*="empty"], [class*="insight"],
    [class*="score"], [class*="cockpit"], [class*="guidance"]
):not(.pb-page):not(.pb-page *):not([class*="hero"]):not([class*="banner"]):not([class*="nav"]):not([class*="sidebar"]):not([class*="toast"]):not([class*="modal"]):not([class*="dialog"]):not([class*="alert"]):not([class*="primary"]):not([class*="danger"]):not([class*="success"]):not([class*="warning"]) {
    color: #0f172a !important;
}

:root:not([data-theme="dark"]):not(.theme-dark) .ams-content :is(
    .card, .card-body, .card-header, .tab-content, .tab-pane,
    [class*="card"], [class*="panel"], [class*="tile"], [class*="kpi"], [class$="-metric"],
    [class*="summary"], [class*="overview"], [class*="detail"], [class*="workflow"],
    [class*="filter"], [class*="search"], [class*="drawer"], [class*="empty"], [class*="insight"],
    [class*="score"], [class*="cockpit"], [class*="guidance"],
    [style*="background:#fff"], [style*="background: #fff"], [style*="background-color:#fff"], [style*="background-color: #fff"],
    [style*="background:white"], [style*="background: white"], [style*="background-color:white"], [style*="background-color: white"]
):not(.pb-page):not(.pb-page *) :is(h1,h2,h3,h4,h5,h6,strong,b,label,dt,dd,th,td,[class*="title"],[class*="Title"],[class*="name"],[class*="Name"],[class*="value"],[class*="Value"],[class*="count"],[class*="Count"]):not(button):not(.btn):not([class*="btn"]):not([class*="badge"]):not([class*="pill"]):not([class*="status"]):not([class*="hero"]):not([class*="banner"]):not([class*="primary"]):not([class*="danger"]):not([class*="success"]):not([class*="warning"]),
[data-theme="light"] .ams-content :is(
    .card, .card-body, .card-header, .tab-content, .tab-pane,
    [class*="card"], [class*="panel"], [class*="tile"], [class*="kpi"], [class$="-metric"],
    [class*="summary"], [class*="overview"], [class*="detail"], [class*="workflow"],
    [class*="filter"], [class*="search"], [class*="drawer"], [class*="empty"], [class*="insight"],
    [class*="score"], [class*="cockpit"], [class*="guidance"],
    [style*="background:#fff"], [style*="background: #fff"], [style*="background-color:#fff"], [style*="background-color: #fff"],
    [style*="background:white"], [style*="background: white"], [style*="background-color:white"], [style*="background-color: white"]
):not(.pb-page):not(.pb-page *) :is(h1,h2,h3,h4,h5,h6,strong,b,label,dt,dd,th,td,[class*="title"],[class*="Title"],[class*="name"],[class*="Name"],[class*="value"],[class*="Value"],[class*="count"],[class*="Count"]):not(button):not(.btn):not([class*="btn"]):not([class*="badge"]):not([class*="pill"]):not([class*="status"]):not([class*="hero"]):not([class*="banner"]):not([class*="primary"]):not([class*="danger"]):not([class*="success"]):not([class*="warning"]) {
    color: #0f172a !important;
    text-shadow: none !important;
}

:root:not([data-theme="dark"]):not(.theme-dark) .ams-content :is(
    .card, .card-body, .card-header, .tab-content, .tab-pane,
    [class*="card"], [class*="panel"], [class*="tile"], [class*="kpi"], [class$="-metric"],
    [class*="summary"], [class*="overview"], [class*="detail"], [class*="workflow"],
    [class*="filter"], [class*="search"], [class*="drawer"], [class*="empty"], [class*="insight"],
    [class*="score"], [class*="cockpit"], [class*="guidance"],
    [style*="background:#fff"], [style*="background: #fff"], [style*="background-color:#fff"], [style*="background-color: #fff"],
    [style*="background:white"], [style*="background: white"], [style*="background-color:white"], [style*="background-color: white"]
):not(.pb-page):not(.pb-page *) :is(p,span,small,em,li,[class*="text"],[class*="Text"],[class*="copy"],[class*="Copy"],[class*="description"],[class*="Description"],[class*="subtitle"],[class*="Subtitle"],[class*="label"],[class*="Label"],[class*="sub"],[class*="Sub"],[class*="hint"],[class*="Hint"],[class*="muted"],[class*="Muted"]):not(button):not(.btn):not([class*="btn"]):not([class*="badge"]):not([class*="pill"]):not([class*="status"]):not([class*="hero"]):not([class*="banner"]):not([class*="primary"]):not([class*="danger"]):not([class*="success"]):not([class*="warning"]),
[data-theme="light"] .ams-content :is(
    .card, .card-body, .card-header, .tab-content, .tab-pane,
    [class*="card"], [class*="panel"], [class*="tile"], [class*="kpi"], [class$="-metric"],
    [class*="summary"], [class*="overview"], [class*="detail"], [class*="workflow"],
    [class*="filter"], [class*="search"], [class*="drawer"], [class*="empty"], [class*="insight"],
    [class*="score"], [class*="cockpit"], [class*="guidance"],
    [style*="background:#fff"], [style*="background: #fff"], [style*="background-color:#fff"], [style*="background-color: #fff"],
    [style*="background:white"], [style*="background: white"], [style*="background-color:white"], [style*="background-color: white"]
):not(.pb-page):not(.pb-page *) :is(p,span,small,em,li,[class*="text"],[class*="Text"],[class*="copy"],[class*="Copy"],[class*="description"],[class*="Description"],[class*="subtitle"],[class*="Subtitle"],[class*="label"],[class*="Label"],[class*="sub"],[class*="Sub"],[class*="hint"],[class*="Hint"],[class*="muted"],[class*="Muted"]):not(button):not(.btn):not([class*="btn"]):not([class*="badge"]):not([class*="pill"]):not([class*="status"]):not([class*="hero"]):not([class*="banner"]):not([class*="primary"]):not([class*="danger"]):not([class*="success"]):not([class*="warning"]) {
    color: #475569 !important;
    text-shadow: none !important;
}

:root:not([data-theme="dark"]):not(.theme-dark) .ams-content :is(
    [class*="card"], [class*="panel"], [class*="tile"], [class*="kpi"], [class$="-metric"], [class*="workflow"], [class*="guidance"]
) :is(i,.bi,svg,[class$="-icon"],[class*="Icon"]):not(button):not(.btn):not([class*="btn"]):not([class*="badge"]):not([class*="pill"]):not([class*="status"]),
[data-theme="light"] .ams-content :is(
    [class*="card"], [class*="panel"], [class*="tile"], [class*="kpi"], [class$="-metric"], [class*="workflow"], [class*="guidance"]
) :is(i,.bi,svg,[class$="-icon"],[class*="Icon"]):not(button):not(.btn):not([class*="btn"]):not([class*="badge"]):not([class*="pill"]):not([class*="status"]) {
    text-shadow: none !important;
}

.ams-content :is(
    [class*="card"], [class*="panel"], [class*="tile"], [class*="kpi"], [class*="workflow"], [class*="action"], [class*="guidance"], [class*="metric"], [class*="empty"]
) > :is(i.bi, span[class$="-icon"], span[class*="-icon "], div[class$="-icon"], div[class*="-icon "]):not(button):not(.btn):not([class*="btn"]):not([class*="badge"]):not([class*="pill"]):not([class*="status"]) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Enterprise searchboxes: single source of truth for a flat search row. */
.ams-content :is(
    [class$="-search-panel"], [class*="-search-panel "],
    [class$="-filter-panel"], [class*="-filter-panel "],
    [class$="-filter-bar"], [class*="-filter-bar "],
    [class$="-search-bar"], [class*="-search-bar "],
    [class$="-enterprise-search"], [class*="-enterprise-search "]
):has(input[type="search"], input[class*="search" i], input[placeholder*="search" i], [class$="-search-input"], [class*="-search-input "]) {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(40rem, 5fr) repeat(auto-fit, minmax(8.5rem, .75fr)) !important;
    align-items: center !important;
    gap: .8rem !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.ams-content :is(
    [class$="-search-panel"], [class*="-search-panel "],
    [class$="-filter-panel"], [class*="-filter-panel "],
    [class$="-filter-bar"], [class*="-filter-bar "],
    [class$="-search-bar"], [class*="-search-bar "],
    [class$="-enterprise-search"], [class*="-enterprise-search "]
):has(input[type="search"], input[class*="search" i], input[placeholder*="search" i], [class$="-search-input"], [class*="-search-input "]) > :is(
    [class$="-search-wrap"], [class*="-search-wrap "],
    [class$="-search-body"], [class*="-search-body "]
) {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

@media (max-width: 1280px) {
    .ams-content :is(
        [class$="-search-panel"], [class*="-search-panel "],
        [class$="-filter-panel"], [class*="-filter-panel "],
        [class$="-filter-bar"], [class*="-filter-bar "],
        [class$="-search-bar"], [class*="-search-bar "],
        [class$="-enterprise-search"], [class*="-enterprise-search "]
    ):has(input[type="search"], input[class*="search" i], input[placeholder*="search" i], [class$="-search-input"], [class*="-search-input "]) {
        grid-template-columns: minmax(30rem, 4fr) repeat(auto-fit, minmax(8.5rem, 1fr)) !important;
    }
}

@media (max-width: 900px) {
    .ams-content :is(
        [class$="-search-panel"], [class*="-search-panel "],
        [class$="-filter-panel"], [class*="-filter-panel "],
        [class$="-filter-bar"], [class*="-filter-bar "],
        [class$="-search-bar"], [class*="-search-bar "],
        [class$="-enterprise-search"], [class*="-enterprise-search "]
    ):has(input[type="search"], input[class*="search" i], input[placeholder*="search" i], [class$="-search-input"], [class*="-search-input "]) {
        grid-template-columns: 1fr !important;
    }
}

.ams-content :is(
    [class$="-search-wrap"], [class*="-search-wrap "],
    [class$="-search-field"], [class*="-search-field "]
):has(input[type="search"], input[class*="search" i], input[placeholder*="search" i], [class$="-search-input"], [class*="-search-input "]) {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    gap: .75rem !important;
    flex: 1 1 22rem !important;
    min-width: 16rem !important;
    min-height: 3.35rem !important;
    padding: .55rem .8rem !important;
    border: 1px solid rgba(37, 99, 235, .58) !important;
    border-radius: 999px !important;
    background: var(--surface-card) !important;
    background-image: none !important;
    box-shadow: 0 0 0 1px rgba(37, 99, 235, .16), 0 0 22px rgba(37, 99, 235, .18) !important;
    overflow: hidden !important;
    transition: border-color .16s ease, box-shadow .16s ease, background .16s ease !important;
}

.ams-content :is(
    [class$="-search-wrap"], [class*="-search-wrap "],
    [class$="-search-field"], [class*="-search-field "]
):has(input[type="search"]:focus, input[class*="search" i]:focus, input[placeholder*="search" i]:focus, [class$="-search-input"]:focus, [class*="-search-input "]:focus) {
    border-color: rgba(29, 78, 216, .88) !important;
    background: var(--surface-raised) !important;
    box-shadow: 0 0 0 2px rgba(37, 99, 235, .24), 0 0 30px rgba(37, 99, 235, .30) !important;
}

.ams-content :is(
    [class$="-search-panel"], [class*="-search-panel "],
    [class$="-filter-panel"], [class*="-filter-panel "],
    [class$="-filter-bar"], [class*="-filter-bar "],
    [class$="-search-bar"], [class*="-search-bar "],
    [class$="-enterprise-search"], [class*="-enterprise-search "]
):has(> :is([class$="-search-icon"], [class*="-search-icon "]) + :is(input[type="search"], input[class*="search" i], input[placeholder*="search" i])) {
    display: flex !important;
    flex-wrap: wrap !important;
}

.ams-content :is(
    [class$="-search-panel"], [class*="-search-panel "],
    [class$="-filter-panel"], [class*="-filter-panel "],
    [class$="-filter-bar"], [class*="-filter-bar "],
    [class$="-search-bar"], [class*="-search-bar "],
    [class$="-enterprise-search"], [class*="-enterprise-search "]
):has(input[type="search"], input[class*="search" i], input[placeholder*="search" i], [class$="-search-input"], [class*="-search-input "]) > :is(select, [class$="-filter-select"], [class*="-filter-select "]) {
    width: auto !important;
    min-width: 9rem !important;
    max-width: 14rem !important;
    white-space: nowrap !important;
}

.ams-content :is(
    [class$="-search-panel"], [class*="-search-panel "],
    [class$="-filter-panel"], [class*="-filter-panel "],
    [class$="-filter-bar"], [class*="-filter-bar "],
    [class$="-search-bar"], [class*="-search-bar "],
    [class$="-enterprise-search"], [class*="-enterprise-search "]
):has(input[type="search"], input[class*="search" i], input[placeholder*="search" i], [class$="-search-input"], [class*="-search-input "]) > :is(button, .btn, [class*="clear"]) {
    width: auto !important;
    min-width: max-content !important;
    white-space: nowrap !important;
}

.ams-content :is(
    [class$="-search-panel"], [class*="-search-panel "],
    [class$="-filter-panel"], [class*="-filter-panel "],
    [class$="-filter-bar"], [class*="-filter-bar "],
    [class$="-search-bar"], [class*="-search-bar "],
    [class$="-enterprise-search"], [class*="-enterprise-search "]
):has(input[type="search"], input[class*="search" i], input[placeholder*="search" i], [class$="-search-input"], [class*="-search-input "]) :is(
    [class$="-search-body"], [class*="-search-body "]
) > :is(label, [class$="-search-hint"], [class*="-search-hint "]) {
    display: none !important;
}

.ams-content :is(
    [class$="-search-panel"], [class*="-search-panel "],
    [class$="-filter-panel"], [class*="-filter-panel "],
    [class$="-filter-bar"], [class*="-filter-bar "],
    [class$="-search-bar"], [class*="-search-bar "],
    [class$="-enterprise-search"], [class*="-enterprise-search "]
):has(input[type="search"], input[class*="search" i], input[placeholder*="search" i], [class$="-search-input"], [class*="-search-input "]) > :is([class$="-search-result"], [class*="-search-result "]) {
    width: 6.4rem !important;
    min-width: 6.4rem !important;
    text-align: right !important;
    white-space: nowrap !important;
}

.ams-content :is(
    [class$="-search-panel"], [class*="-search-panel "],
    [class$="-filter-panel"], [class*="-filter-panel "],
    [class$="-filter-bar"], [class*="-filter-bar "],
    [class$="-search-bar"], [class*="-search-bar "],
    [class$="-enterprise-search"], [class*="-enterprise-search "]
):has(input[type="search"], input[class*="search" i], input[placeholder*="search" i], [class$="-search-input"], [class*="-search-input "]) > :is([class$="-search-icon"], [class*="-search-icon "]) {
    position: absolute !important;
    left: .55rem !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: grid !important;
    place-items: center !important;
    width: 2.45rem !important;
    height: 2.45rem !important;
    border-radius: 999px !important;
    color: rgba(37, 99, 235, .92) !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    flex: 0 0 auto !important;
    pointer-events: none !important;
    z-index: 2 !important;
}

.ams-content :is(
    [class$="-search-wrap"], [class*="-search-wrap "]
):has(> :is([class$="-search-icon"], [class*="-search-icon "]) + :is([class$="-search-body"], [class*="-search-body "])) > :is([class$="-search-body"], [class*="-search-body "]) {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    padding-left: 0 !important;
}

.ams-content :is(
    [class$="-search-panel"], [class*="-search-panel "],
    [class$="-filter-panel"], [class*="-filter-panel "],
    [class$="-filter-bar"], [class*="-filter-bar "],
    [class$="-search-bar"], [class*="-search-bar "],
    [class$="-enterprise-search"], [class*="-enterprise-search "]
):has(input[type="search"], input[class*="search" i], input[placeholder*="search" i], [class$="-search-input"], [class*="-search-input "]) :is(input[type="search"], input[class*="search" i], input[placeholder*="search" i], [class$="-search-input"], [class*="-search-input "]) {
    width: 100% !important;
    min-width: 0 !important;
    min-height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    font-size: 1rem !important;
    font-weight: 650 !important;
}

.ams-content :is([class$="-search-wrap"], [class*="-search-wrap "]) :is(input[type="search"], input[class*="search" i], input[placeholder*="search" i], [class$="-search-input"], [class*="-search-input "]) {
    min-height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.ams-content :is(
    [class$="-search-panel"], [class*="-search-panel "],
    [class$="-filter-panel"], [class*="-filter-panel "],
    [class$="-filter-bar"], [class*="-filter-bar "],
    [class$="-search-bar"], [class*="-search-bar "],
    [class$="-enterprise-search"], [class*="-enterprise-search "]
):has(input[type="search"], input[class*="search" i], input[placeholder*="search" i], [class$="-search-input"], [class*="-search-input "]) > :is([class$="-search-result"], [class*="-search-result "]) strong {
    display: block !important;
    font-size: 1.25rem !important;
    line-height: 1 !important;
}

.ams-content :is(
    [class$="-search-panel"], [class*="-search-panel "],
    [class$="-filter-panel"], [class*="-filter-panel "],
    [class$="-filter-bar"], [class*="-filter-bar "],
    [class$="-search-bar"], [class*="-search-bar "],
    [class$="-enterprise-search"], [class*="-enterprise-search "]
):has(input[type="search"], input[class*="search" i], input[placeholder*="search" i], [class$="-search-input"], [class*="-search-input "]) > :is([class$="-search-result"], [class*="-search-result "]) span {
    font-size: .76rem !important;
    font-weight: 700 !important;
}

/* Dark theme searchboxes: clean glow source, no stacked dark search rules. */
[data-theme="dark"] :is(
    [class$="-search-wrap"], [class*="-search-wrap "],
    [class$="-search-field"], [class*="-search-field "]
):not(.nav-search-wrap),
.theme-dark :is(
    [class$="-search-wrap"], [class*="-search-wrap "],
    [class$="-search-field"], [class*="-search-field "]
):not(.nav-search-wrap),
body.dark :is(
    [class$="-search-wrap"], [class*="-search-wrap "],
    [class$="-search-field"], [class*="-search-field "]
):not(.nav-search-wrap) {
    display: flex !important;
    align-items: center !important;
    gap: .65rem !important;
    min-height: 2.75rem !important;
    padding: .35rem .55rem !important;
    border: 1px solid rgba(96, 165, 250, .62) !important;
    border-radius: 999px !important;
    background: rgba(15, 35, 61, .92) !important;
    background-image: none !important;
    box-shadow: 0 0 0 1px rgba(96, 165, 250, .22), 0 0 28px rgba(59, 130, 246, .32), 0 14px 34px rgba(2, 6, 23, .28) !important;
    overflow: visible !important;
}

[data-theme="dark"] :is(
    [class$="-enterprise-search"], [class*="-enterprise-search "],
    [class$="-search-panel"], [class*="-search-panel "],
    [class$="-filter-panel"], [class*="-filter-panel "],
    [class$="-filter-bar"], [class*="-filter-bar "],
    [class$="-search-bar"], [class*="-search-bar "]
) > :is([class$="-search-icon"], [class*="-search-icon "]) + :is([class$="-search-body"], [class*="-search-body "]),
.theme-dark :is(
    [class$="-enterprise-search"], [class*="-enterprise-search "],
    [class$="-search-panel"], [class*="-search-panel "],
    [class$="-filter-panel"], [class*="-filter-panel "],
    [class$="-filter-bar"], [class*="-filter-bar "],
    [class$="-search-bar"], [class*="-search-bar "]
) > :is([class$="-search-icon"], [class*="-search-icon "]) + :is([class$="-search-body"], [class*="-search-body "]),
body.dark :is(
    [class$="-enterprise-search"], [class*="-enterprise-search "],
    [class$="-search-panel"], [class*="-search-panel "],
    [class$="-filter-panel"], [class*="-filter-panel "],
    [class$="-filter-bar"], [class*="-filter-bar "],
    [class$="-search-bar"], [class*="-search-bar "]
) > :is([class$="-search-icon"], [class*="-search-icon "]) + :is([class$="-search-body"], [class*="-search-body "]) {
    min-width: 18rem !important;
    padding-left: 3.45rem !important;
}

[data-theme="dark"] .ams-content :is(
    [class$="-search-wrap"], [class*="-search-wrap "],
    [class$="-search-field"], [class*="-search-field "]
):has(input[type="search"], input[class*="search" i], input[placeholder*="search" i], [class$="-search-input"], [class*="-search-input "]),
.theme-dark .ams-content :is(
    [class$="-search-wrap"], [class*="-search-wrap "],
    [class$="-search-field"], [class*="-search-field "]
):has(input[type="search"], input[class*="search" i], input[placeholder*="search" i], [class$="-search-input"], [class*="-search-input "]),
body.dark .ams-content :is(
    [class$="-search-wrap"], [class*="-search-wrap "],
    [class$="-search-field"], [class*="-search-field "]
):has(input[type="search"], input[class*="search" i], input[placeholder*="search" i], [class$="-search-input"], [class*="-search-input "]) {
    display: flex !important;
    align-items: center !important;
    gap: .65rem !important;
    min-height: 2.75rem !important;
    padding: .35rem .55rem !important;
    border: 1px solid rgba(96, 165, 250, .62) !important;
    border-radius: 999px !important;
    background: rgba(15, 35, 61, .92) !important;
    background-image: none !important;
    box-shadow: 0 0 0 1px rgba(96, 165, 250, .22), 0 0 28px rgba(59, 130, 246, .32), 0 14px 34px rgba(2, 6, 23, .28) !important;
    overflow: visible !important;
}

[data-theme="dark"] .ams-content :is(
    [class$="-search-wrap"], [class*="-search-wrap "],
    [class$="-search-field"], [class*="-search-field "]
):has(input[type="search"]:focus, input[class*="search" i]:focus, input[placeholder*="search" i]:focus, [class$="-search-input"]:focus, [class*="-search-input "]:focus),
.theme-dark .ams-content :is(
    [class$="-search-wrap"], [class*="-search-wrap "],
    [class$="-search-field"], [class*="-search-field "]
):has(input[type="search"]:focus, input[class*="search" i]:focus, input[placeholder*="search" i]:focus, [class$="-search-input"]:focus, [class*="-search-input "]:focus),
body.dark .ams-content :is(
    [class$="-search-wrap"], [class*="-search-wrap "],
    [class$="-search-field"], [class*="-search-field "]
):has(input[type="search"]:focus, input[class*="search" i]:focus, input[placeholder*="search" i]:focus, [class$="-search-input"]:focus, [class*="-search-input "]:focus) {
    border-color: rgba(147, 197, 253, .88) !important;
    background: rgba(18, 45, 78, .98) !important;
    box-shadow: 0 0 0 2px rgba(96, 165, 250, .34), 0 0 42px rgba(59, 130, 246, .52), 0 18px 42px rgba(2, 6, 23, .34) !important;
}

[data-theme="dark"] .ams-content :is([class$="-search-icon"], [class*="-search-icon "]),
.theme-dark .ams-content :is([class$="-search-icon"], [class*="-search-icon "]),
body.dark .ams-content :is([class$="-search-icon"], [class*="-search-icon "]) {
    color: #bfdbfe !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

[data-theme="dark"] .ams-content :is([class$="-search-input"], [class*="-search-input "], input[type="search"], input[class*="search" i], input[placeholder*="search" i])::placeholder,
.theme-dark .ams-content :is([class$="-search-input"], [class*="-search-input "], input[type="search"], input[class*="search" i], input[placeholder*="search" i])::placeholder,
body.dark .ams-content :is([class$="-search-input"], [class*="-search-input "], input[type="search"], input[class*="search" i], input[placeholder*="search" i])::placeholder {
    color: #9aa9bf !important;
    opacity: 1 !important;
    font-weight: 650 !important;
}

[data-theme="dark"] :is(
    [class$="-enterprise-search"], [class*="-enterprise-search "],
    [class$="-search-panel"], [class*="-search-panel "],
    [class$="-filter-panel"], [class*="-filter-panel "],
    [class$="-filter-bar"], [class*="-filter-bar "],
    [class$="-search-bar"], [class*="-search-bar "]
) > :is(select, [class$="-filter-select"], [class*="-filter-select "]),
.theme-dark :is(
    [class$="-enterprise-search"], [class*="-enterprise-search "],
    [class$="-search-panel"], [class*="-search-panel "],
    [class$="-filter-panel"], [class*="-filter-panel "],
    [class$="-filter-bar"], [class*="-filter-bar "],
    [class$="-search-bar"], [class*="-search-bar "]
) > :is(select, [class$="-filter-select"], [class*="-filter-select "]),
body.dark :is(
    [class$="-enterprise-search"], [class*="-enterprise-search "],
    [class$="-search-panel"], [class*="-search-panel "],
    [class$="-filter-panel"], [class*="-filter-panel "],
    [class$="-filter-bar"], [class*="-filter-bar "],
    [class$="-search-bar"], [class*="-search-bar "]
) > :is(select, [class$="-filter-select"], [class*="-filter-select "]) {
    border: 1px solid rgba(96, 165, 250, .42) !important;
    border-radius: 12px !important;
    background: rgba(15, 35, 61, .86) !important;
    color: #e2e8f0 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 0 18px rgba(37, 99, 235, .12) !important;
    font-weight: 800 !important;
}

[data-theme="dark"] :is([class$="-search-hint"], [class*="-search-hint "]),
.theme-dark :is([class$="-search-hint"], [class*="-search-hint "]),
body.dark :is([class$="-search-hint"], [class*="-search-hint "]) {
    color: #93a4bd !important;
}

[data-theme="dark"] :is([class$="-search-result"], [class*="-search-result "]) strong,
.theme-dark :is([class$="-search-result"], [class*="-search-result "]) strong,
body.dark :is([class$="-search-result"], [class*="-search-result "]) strong {
    color: #dbeafe !important;
}

[data-theme="dark"] :is([class$="-search-result"], [class*="-search-result "]) span,
.theme-dark :is([class$="-search-result"], [class*="-search-result "]) span,
body.dark :is([class$="-search-result"], [class*="-search-result "]) span {
    color: #93a4bd !important;
}

/* OS-preference dark (no explicit toggle/cookie): same glow source. */
@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) :is(
        [class$="-search-wrap"], [class*="-search-wrap "],
        [class$="-search-field"], [class*="-search-field "]
    ) {
        display: flex !important;
        align-items: center !important;
        gap: .65rem !important;
        min-height: 2.75rem !important;
        padding: .35rem .55rem !important;
        border: 1px solid rgba(96, 165, 250, .62) !important;
        border-radius: 999px !important;
        background: rgba(15, 35, 61, .92) !important;
        background-image: none !important;
        box-shadow: 0 0 0 1px rgba(96, 165, 250, .22), 0 0 28px rgba(59, 130, 246, .32), 0 14px 34px rgba(2, 6, 23, .28) !important;
        overflow: visible !important;
    }

    :root:not([data-theme="light"]) :is(
        [class$="-enterprise-search"], [class*="-enterprise-search "],
        [class$="-search-panel"], [class*="-search-panel "],
        [class$="-filter-panel"], [class*="-filter-panel "],
        [class$="-filter-bar"], [class*="-filter-bar "],
        [class$="-search-bar"], [class*="-search-bar "]
    ) > :is([class$="-search-icon"], [class*="-search-icon "]) + :is([class$="-search-body"], [class*="-search-body "]) {
        min-width: 18rem !important;
        padding-left: 3.45rem !important;
    }

    :root:not([data-theme="light"]) .ams-content :is([class$="-search-icon"], [class*="-search-icon "]) {
        color: #bfdbfe !important;
        background: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    :root:not([data-theme="light"]) .ams-content :is(
        [class$="-search-wrap"], [class*="-search-wrap "],
        [class$="-search-field"], [class*="-search-field "]
    ):has(input[type="search"], input[class*="search" i], input[placeholder*="search" i], [class$="-search-input"], [class*="-search-input "]) {
        border: 1px solid rgba(96, 165, 250, .62) !important;
        border-radius: 999px !important;
        background: rgba(15, 35, 61, .92) !important;
        box-shadow: 0 0 0 1px rgba(96, 165, 250, .22), 0 0 28px rgba(59, 130, 246, .32), 0 14px 34px rgba(2, 6, 23, .28) !important;
    }
}
@media (max-width: 980px) {
    .ams-content :is(
        [class$="-search-panel"], [class*="-search-panel "],
        [class$="-filter-panel"], [class*="-filter-panel "],
        [class$="-filter-bar"], [class*="-filter-bar "],
        [class$="-search-bar"], [class*="-search-bar "],
        [class$="-enterprise-search"], [class*="-enterprise-search "]
    ):has(input[type="search"], input[class*="search" i], input[placeholder*="search" i], [class$="-search-input"], [class*="-search-input "]) {
        flex-wrap: wrap !important;
        overflow: visible !important;
    }

    .ams-content :is(
        [class$="-search-wrap"], [class*="-search-wrap "],
        [class$="-search-field"], [class*="-search-field "]
    ):has(input[type="search"], input[class*="search" i], input[placeholder*="search" i], [class$="-search-input"], [class*="-search-input "]) {
        flex: 1 1 20rem !important;
        min-width: 14rem !important;
    }

    .ams-content :is(
        [class$="-search-panel"], [class*="-search-panel "],
        [class$="-filter-panel"], [class*="-filter-panel "],
        [class$="-filter-bar"], [class*="-filter-bar "],
        [class$="-search-bar"], [class*="-search-bar "],
        [class$="-enterprise-search"], [class*="-enterprise-search "]
    ):has(input[type="search"], input[class*="search" i], input[placeholder*="search" i], [class$="-search-input"], [class*="-search-input "]) > :is(select, [class$="-filter-select"], [class*="-filter-select "]) {
        flex: 0 1 10rem !important;
        width: auto !important;
        min-width: 8.5rem !important;
    }

    .ams-content :is(
        [class$="-search-panel"], [class*="-search-panel "],
        [class$="-filter-panel"], [class*="-filter-panel "],
        [class$="-filter-bar"], [class*="-filter-bar "],
        [class$="-search-bar"], [class*="-search-bar "],
        [class$="-enterprise-search"], [class*="-enterprise-search "]
    ):has(input[type="search"], input[class*="search" i], input[placeholder*="search" i], [class$="-search-input"], [class*="-search-input "]) > :is(button, .btn, [class*="clear"], [class$="-search-result"], [class*="-search-result "]) {
        flex: 0 0 auto !important;
        width: auto !important;
        min-width: max-content !important;
    }
}

@media (max-width: 640px) {
    .ams-content :is(
        [class$="-search-panel"], [class*="-search-panel "],
        [class$="-filter-panel"], [class*="-filter-panel "],
        [class$="-filter-bar"], [class*="-filter-bar "],
        [class$="-search-bar"], [class*="-search-bar "],
        [class$="-enterprise-search"], [class*="-enterprise-search "]
    ):has(input[type="search"], input[class*="search" i], input[placeholder*="search" i], [class$="-search-input"], [class*="-search-input "]) > * {
        flex: 1 1 100% !important;
        min-width: 0 !important;
    }
}

/* Insurance and compliance pages: dark theme surface cleanup, scoped to page prefixes. */
[data-theme="dark"] .ams-content :is(
    [class^="pr-"], [class^="pd-"], [class^="cc-"], [class^="ew-"], [class^="ch-"], [class^="ip-"], [class^="psd-"], [class^="pvh-"], [class^="pcd-"], [class^="cmp-"], [class^="cp-"], [class^="pa-"], [class^="cd-"]
):is(
    [class*="bar"], [class*="strip"], [class*="panel"], [class*="card"], [class*="wrap"], [class*="board"], [class*="summary"], [class*="detail-card"], [class*="detail-head"], [class*="detail-summary"], [class*="toolbar"], [class*="tabs"], [class*="menu"], [class*="modal"], [class*="selector"], [class*="table"], [class*="chip"], [class*="count"], [class*="version"]
),
.theme-dark .ams-content :is(
    [class^="pr-"], [class^="pd-"], [class^="cc-"], [class^="ew-"], [class^="ch-"], [class^="ip-"], [class^="psd-"], [class^="pvh-"], [class^="pcd-"], [class^="cmp-"], [class^="cp-"], [class^="pa-"], [class^="cd-"]
):is(
    [class*="bar"], [class*="strip"], [class*="panel"], [class*="card"], [class*="wrap"], [class*="board"], [class*="summary"], [class*="detail-card"], [class*="detail-head"], [class*="detail-summary"], [class*="toolbar"], [class*="tabs"], [class*="menu"], [class*="modal"], [class*="selector"], [class*="table"], [class*="chip"], [class*="count"], [class*="version"]
),
body.dark .ams-content :is(
    [class^="pr-"], [class^="pd-"], [class^="cc-"], [class^="ew-"], [class^="ch-"], [class^="ip-"], [class^="psd-"], [class^="pvh-"], [class^="pcd-"], [class^="cmp-"], [class^="cp-"], [class^="pa-"], [class^="cd-"]
):is(
    [class*="bar"], [class*="strip"], [class*="panel"], [class*="card"], [class*="wrap"], [class*="board"], [class*="summary"], [class*="detail-card"], [class*="detail-head"], [class*="detail-summary"], [class*="toolbar"], [class*="tabs"], [class*="menu"], [class*="modal"], [class*="selector"], [class*="table"], [class*="chip"], [class*="count"], [class*="version"]
) {
    background-color: #0b1628 !important;
    background-image: none !important;
    border-color: rgba(96, 165, 250, .34) !important;
    color: #e5edf8 !important;
}

[data-theme="dark"] .ams-content :is([class^="pr-"], [class^="pd-"], [class^="cc-"], [class^="ew-"], [class^="ch-"], [class^="ip-"], [class^="psd-"], [class^="pvh-"], [class^="pcd-"], [class^="cmp-"], [class^="cp-"], [class^="pa-"], [class^="cd-"]) :is(h1, h2, h3, h4, strong, th),
.theme-dark .ams-content :is([class^="pr-"], [class^="pd-"], [class^="cc-"], [class^="ew-"], [class^="ch-"], [class^="ip-"], [class^="psd-"], [class^="pvh-"], [class^="pcd-"], [class^="cmp-"], [class^="cp-"], [class^="pa-"], [class^="cd-"]) :is(h1, h2, h3, h4, strong, th),
body.dark .ams-content :is([class^="pr-"], [class^="pd-"], [class^="cc-"], [class^="ew-"], [class^="ch-"], [class^="ip-"], [class^="psd-"], [class^="pvh-"], [class^="pcd-"], [class^="cmp-"], [class^="cp-"], [class^="pa-"], [class^="cd-"]) :is(h1, h2, h3, h4, strong, th) {
    color: #f8fafc !important;
}

[data-theme="dark"] .ams-content :is([class^="cp-"], [class^="pa-"], [class^="cd-"], [class^="pr-"], [class^="pd-"], [class^="cc-"], [class^="ew-"]) :is(button, .um-btn, .btn, select, input, textarea, [class*="select"], [class*="input"]),
.theme-dark .ams-content :is([class^="cp-"], [class^="pa-"], [class^="cd-"], [class^="pr-"], [class^="pd-"], [class^="cc-"], [class^="ew-"]) :is(button, .um-btn, .btn, select, input, textarea, [class*="select"], [class*="input"]),
body.dark .ams-content :is([class^="cp-"], [class^="pa-"], [class^="cd-"], [class^="pr-"], [class^="pd-"], [class^="cc-"], [class^="ew-"]) :is(button, .um-btn, .btn, select, input, textarea, [class*="select"], [class*="input"]) {
    background-color: #101f35 !important;
    background-image: none !important;
    border-color: rgba(147, 197, 253, .34) !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .ams-content :is(.cp-search-wrap, .cp-search-panel, .cp-bulk-bar, .cp-view-tabs, .pa-search-wrap, .pa-search-panel, .pa-bulk-bar, .pa-view-tabs, .cd-kpi-strip, .cd-content-grid),
.theme-dark .ams-content :is(.cp-search-wrap, .cp-search-panel, .cp-bulk-bar, .cp-view-tabs, .pa-search-wrap, .pa-search-panel, .pa-bulk-bar, .pa-view-tabs, .cd-kpi-strip, .cd-content-grid),
body.dark .ams-content :is(.cp-search-wrap, .cp-search-panel, .cp-bulk-bar, .cp-view-tabs, .pa-search-wrap, .pa-search-panel, .pa-bulk-bar, .pa-view-tabs, .cd-kpi-strip, .cd-content-grid) {
    background-color: #0b1628 !important;
    background-image: none !important;
    border-color: rgba(147, 197, 253, .46) !important;
    color: #e5edf8 !important;
}

[data-theme="dark"] .ams-content :is(.cp-version, .cp-doc-count, .cp-type-chip, .cp-status, .cp-lifecycle, .pa-state, .pa-count, .pa-chip, .pa-view-btn span, .cd-chip, .cd-count),
.theme-dark .ams-content :is(.cp-version, .cp-doc-count, .cp-type-chip, .cp-status, .cp-lifecycle, .pa-state, .pa-count, .pa-chip, .pa-view-btn span, .cd-chip, .cd-count),
body.dark .ams-content :is(.cp-version, .cp-doc-count, .cp-type-chip, .cp-status, .cp-lifecycle, .pa-state, .pa-count, .pa-chip, .pa-view-btn span, .cd-chip, .cd-count) {
    background: #13243b !important;
    border-color: rgba(147, 197, 253, .34) !important;
    color: #f8fafc !important;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .ams-content :is(
        [class^="pr-"], [class^="pd-"], [class^="cc-"], [class^="ew-"], [class^="ch-"], [class^="ip-"], [class^="psd-"], [class^="pvh-"], [class^="pcd-"], [class^="cmp-"], [class^="cp-"], [class^="pa-"], [class^="cd-"]
    ):is(
        [class*="bar"], [class*="strip"], [class*="panel"], [class*="card"], [class*="wrap"], [class*="board"], [class*="summary"], [class*="detail-card"], [class*="detail-head"], [class*="detail-summary"], [class*="toolbar"], [class*="tabs"], [class*="menu"], [class*="modal"], [class*="selector"], [class*="table"], [class*="chip"], [class*="count"], [class*="version"]
    ) {
        background-color: #0b1628 !important;
        background-image: none !important;
        border-color: rgba(96, 165, 250, .34) !important;
        color: #e5edf8 !important;
    }
}

/* Workbench workflow layout: remove only the connecting/backing layer; keep individual cards. */
.ams-content.ams-workbench-route :is([class$="-workflow-strip"], [class*="-workflow-strip "]),
.ams-workbench-route :is([class$="-workflow-strip"], [class*="-workflow-strip "]),
html.ams-workbench-route .ams-content :is([class$="-workflow-strip"], [class*="-workflow-strip "]),
[data-theme="dark"] .ams-content.ams-workbench-route :is([class$="-workflow-strip"], [class*="-workflow-strip "]),
[data-theme="dark"] .ams-workbench-route :is([class$="-workflow-strip"], [class*="-workflow-strip "]),
[data-theme="dark"] html.ams-workbench-route .ams-content :is([class$="-workflow-strip"], [class*="-workflow-strip "]),
.theme-dark .ams-content.ams-workbench-route :is([class$="-workflow-strip"], [class*="-workflow-strip "]),
.theme-dark .ams-workbench-route :is([class$="-workflow-strip"], [class*="-workflow-strip "]),
html.ams-workbench-route .theme-dark .ams-content :is([class$="-workflow-strip"], [class*="-workflow-strip "]),
body.dark .ams-content.ams-workbench-route :is([class$="-workflow-strip"], [class*="-workflow-strip "]),
body.dark .ams-workbench-route :is([class$="-workflow-strip"], [class*="-workflow-strip "]) {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.ams-content.ams-workbench-route :is([class$="-workflow-strip"], [class*="-workflow-strip "])::before,
.ams-content.ams-workbench-route :is([class$="-workflow-strip"], [class*="-workflow-strip "])::after,
.ams-workbench-route :is([class$="-workflow-strip"], [class*="-workflow-strip "])::before,
.ams-workbench-route :is([class$="-workflow-strip"], [class*="-workflow-strip "])::after,
html.ams-workbench-route .ams-content :is([class$="-workflow-strip"], [class*="-workflow-strip "])::before,
html.ams-workbench-route .ams-content :is([class$="-workflow-strip"], [class*="-workflow-strip "])::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.ams-content.ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]),
.ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]),
html.ams-workbench-route .ams-content :is([class$="-workflow-card"], [class*="-workflow-card "]) {
    border-radius: 1rem !important;
    padding: .8rem .95rem !important;
    background: rgba(255, 255, 255, .72) !important;
    background-image: none !important;
}

[data-theme="dark"] .ams-content.ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]),
[data-theme="dark"] .ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]),
.theme-dark .ams-content.ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]),
.theme-dark .ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]),
body.dark .ams-content.ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]),
body.dark .ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]) {
    background: rgba(10, 25, 43, .72) !important;
    background-image: none !important;
}

/* Workbench workflow card text must not carry its own blue highlight/background. */
.ams-content.ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]) :is(span, strong, small, p, div),
.ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]) :is(span, strong, small, p, div),
html.ams-workbench-route .ams-content :is([class$="-workflow-card"], [class*="-workflow-card "]) :is(span, strong, small, p, div),
.ams-content.ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]) :is(span, strong, small, p, div)::before,
.ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]) :is(span, strong, small, p, div)::before,
html.ams-workbench-route .ams-content :is([class$="-workflow-card"], [class*="-workflow-card "]) :is(span, strong, small, p, div)::before,
.ams-content.ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]) :is(span, strong, small, p, div)::after,
.ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]) :is(span, strong, small, p, div)::after,
html.ams-workbench-route .ams-content :is([class$="-workflow-card"], [class*="-workflow-card "]) :is(span, strong, small, p, div)::after {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Absolute final Workbench workflow cleanup: remove strip and action-card backgrounds. */
.ams-workbench-route :is([class$="-workflow-strip"], [class*="-workflow-strip "], [class$="-workflow-card"], [class*="-workflow-card "]),
.ams-workbench-route :is([class$="-workflow-strip"], [class*="-workflow-strip "], [class$="-workflow-card"], [class*="-workflow-card "])::before,
.ams-workbench-route :is([class$="-workflow-strip"], [class*="-workflow-strip "], [class$="-workflow-card"], [class*="-workflow-card "])::after,
[data-theme="dark"] .ams-workbench-route :is([class$="-workflow-strip"], [class*="-workflow-strip "], [class$="-workflow-card"], [class*="-workflow-card "]),
[data-theme="dark"] .ams-workbench-route :is([class$="-workflow-strip"], [class*="-workflow-strip "], [class$="-workflow-card"], [class*="-workflow-card "])::before,
[data-theme="dark"] .ams-workbench-route :is([class$="-workflow-strip"], [class*="-workflow-strip "], [class$="-workflow-card"], [class*="-workflow-card "])::after,
.theme-dark .ams-workbench-route :is([class$="-workflow-strip"], [class*="-workflow-strip "], [class$="-workflow-card"], [class*="-workflow-card "]),
.theme-dark .ams-workbench-route :is([class$="-workflow-strip"], [class*="-workflow-strip "], [class$="-workflow-card"], [class*="-workflow-card "])::before,
.theme-dark .ams-workbench-route :is([class$="-workflow-strip"], [class*="-workflow-strip "], [class$="-workflow-card"], [class*="-workflow-card "])::after,
body.dark .ams-workbench-route :is([class$="-workflow-strip"], [class*="-workflow-strip "], [class$="-workflow-card"], [class*="-workflow-card "]),
body.dark .ams-workbench-route :is([class$="-workflow-strip"], [class*="-workflow-strip "], [class$="-workflow-card"], [class*="-workflow-card "])::before,
body.dark .ams-workbench-route :is([class$="-workflow-strip"], [class*="-workflow-strip "], [class$="-workflow-card"], [class*="-workflow-card "])::after {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]):hover,
.ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]):focus,
.ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]):focus-visible,
[data-theme="dark"] .ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]):hover,
.theme-dark .ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]):hover,
body.dark .ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]):hover {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Absolute final parent-layer removal for Workbench workflow strips. */
.ams-workbench-route :is([class$="-workflow-strip"], [class*="-workflow-strip "]),
[data-theme="dark"] .ams-workbench-route :is([class$="-workflow-strip"], [class*="-workflow-strip "]),
.theme-dark .ams-workbench-route :is([class$="-workflow-strip"], [class*="-workflow-strip "]),
body.dark .ams-workbench-route :is([class$="-workflow-strip"], [class*="-workflow-strip "]) {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Final Workbench workflow cleanup: workflow cards are transparent command items, not nested cards. */
.ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]),
.ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "])::before,
.ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "])::after {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

[data-theme="dark"] .ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]),
.theme-dark .ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]),
body.dark .ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]),
[data-theme="dark"] .ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "])::before,
[data-theme="dark"] .ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "])::after,
.theme-dark .ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "])::before,
.theme-dark .ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "])::after,
body.dark .ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "])::before,
body.dark .ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "])::after {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.ams-workbench-route .mtask-toggle {
    gap: .5rem !important;
    color: #cbd5e1 !important;
    font-size: .82rem !important;
    font-weight: 800 !important;
}

.ams-workbench-route .mtask-toggle-input {
    appearance: none !important;
    width: 1.05rem !important;
    height: 1.05rem !important;
    min-width: 1.05rem !important;
    min-height: 1.05rem !important;
    margin: 0 !important;
    border: 1px solid rgba(147, 197, 253, .42) !important;
    border-radius: .28rem !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.ams-workbench-route .mtask-toggle-input:checked {
    border-color: #60a5fa !important;
    background-color: #2563eb !important;
    background-image: linear-gradient(135deg, #2563eb, #0ea5e9) !important;
}

.ams-workbench-route .mtask-toggle-input:checked::after {
    content: "" !important;
    display: block !important;
    width: .32rem !important;
    height: .58rem !important;
    margin: .1rem auto 0 !important;
    border: solid #fff !important;
    border-width: 0 2px 2px 0 !important;
    transform: rotate(45deg) !important;
}

.ams-workbench-route :is([class$="-search-result"], [class*="-search-result "]) {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    color: inherit !important;
}

[data-theme="dark"] .ams-workbench-route :is([class$="-search-result"], [class*="-search-result "]) strong,
.theme-dark .ams-workbench-route :is([class$="-search-result"], [class*="-search-result "]) strong,
body.dark .ams-workbench-route :is([class$="-search-result"], [class*="-search-result "]) strong {
    color: #e5edf8 !important;
}

[data-theme="dark"] .ams-workbench-route :is([class$="-search-result"], [class*="-search-result "]) span,
.theme-dark .ams-workbench-route :is([class$="-search-result"], [class*="-search-result "]) span,
body.dark .ams-workbench-route :is([class$="-search-result"], [class*="-search-result "]) span {
    color: #94a3b8 !important;
}

/* Workbench workflow/action cards: no nested card backgrounds in the command strip. */
.ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

[data-theme="dark"] .ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]),
.theme-dark .ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]),
body.dark .ams-workbench-route :is([class$="-workflow-card"], [class*="-workflow-card "]) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Guarded global dark indicators: keep route-page tracks colorful after later enterprise resets. */
[data-theme="dark"] :is(.ams-client-route, .ams-policy-route, .ams-tenant-route, .ams-crm-route, .ams-workbench-route) :is(
    [class*="rank-row" i],
    [class*="account-row" i],
    [class*="risk-row" i],
    [class*="analytics-list" i],
    [class*="trend-row" i],
    [class*="timeline-row" i]
) > div,
.theme-dark :is(.ams-client-route, .ams-policy-route, .ams-tenant-route, .ams-crm-route, .ams-workbench-route) :is(
    [class*="rank-row" i],
    [class*="account-row" i],
    [class*="risk-row" i],
    [class*="analytics-list" i],
    [class*="trend-row" i],
    [class*="timeline-row" i]
) > div,
body.dark :is(.ams-client-route, .ams-policy-route, .ams-tenant-route, .ams-crm-route, .ams-workbench-route) :is(
    [class*="rank-row" i],
    [class*="account-row" i],
    [class*="risk-row" i],
    [class*="analytics-list" i],
    [class*="trend-row" i],
    [class*="timeline-row" i]
) > div,
html:is(.ams-client-route, .ams-policy-route, .ams-tenant-route, .ams-crm-route, .ams-workbench-route) .theme-dark .ams-content :is(
    [class*="rank-row" i],
    [class*="account-row" i],
    [class*="risk-row" i],
    [class*="analytics-list" i],
    [class*="trend-row" i],
    [class*="timeline-row" i]
) > div {
    background: rgba(51, 65, 85, .72) !important;
    background-color: rgba(51, 65, 85, .72) !important;
}

[data-theme="dark"] :is(.ams-client-route, .ams-policy-route, .ams-tenant-route, .ams-crm-route, .ams-workbench-route) :is(
    [class*="rank-row" i],
    [class*="account-row" i],
    [class*="risk-row" i],
    [class*="analytics-list" i],
    [class*="trend-row" i],
    [class*="timeline-row" i]
) > div > i,
.theme-dark :is(.ams-client-route, .ams-policy-route, .ams-tenant-route, .ams-crm-route, .ams-workbench-route) :is(
    [class*="rank-row" i],
    [class*="account-row" i],
    [class*="risk-row" i],
    [class*="analytics-list" i],
    [class*="trend-row" i],
    [class*="timeline-row" i]
) > div > i,
body.dark :is(.ams-client-route, .ams-policy-route, .ams-tenant-route, .ams-crm-route, .ams-workbench-route) :is(
    [class*="rank-row" i],
    [class*="account-row" i],
    [class*="risk-row" i],
    [class*="analytics-list" i],
    [class*="trend-row" i],
    [class*="timeline-row" i]
) > div > i,
html:is(.ams-client-route, .ams-policy-route, .ams-tenant-route, .ams-crm-route, .ams-workbench-route) .theme-dark .ams-content :is(
    [class*="rank-row" i],
    [class*="account-row" i],
    [class*="risk-row" i],
    [class*="analytics-list" i],
    [class*="trend-row" i],
    [class*="timeline-row" i]
) > div > i {
    background: linear-gradient(90deg, #ef4444 0%, #f59e0b 48%, #22c55e 100%) !important;
    background-color: #f59e0b !important;
    box-shadow: 0 0 14px rgba(245, 158, 11, .28) !important;
}

[data-theme="dark"] :is(.ams-client-route, .ams-policy-route, .ams-tenant-route, .ams-crm-route, .ams-workbench-route) :is(
    [class*="progress-track" i],
    [class*="progress-wrap" i],
    [class*="mini-bar" i],
    [class*="probability-bar" i],
    [class*="category-bar" i],
    [class*="timeline-bar" i]
),
.theme-dark :is(.ams-client-route, .ams-policy-route, .ams-tenant-route, .ams-crm-route, .ams-workbench-route) :is(
    [class*="progress-track" i],
    [class*="progress-wrap" i],
    [class*="mini-bar" i],
    [class*="probability-bar" i],
    [class*="category-bar" i],
    [class*="timeline-bar" i]
),
body.dark :is(.ams-client-route, .ams-policy-route, .ams-tenant-route, .ams-crm-route, .ams-workbench-route) :is(
    [class*="progress-track" i],
    [class*="progress-wrap" i],
    [class*="mini-bar" i],
    [class*="probability-bar" i],
    [class*="category-bar" i],
    [class*="timeline-bar" i]
),
html:is(.ams-client-route, .ams-policy-route, .ams-tenant-route, .ams-crm-route, .ams-workbench-route) .theme-dark .ams-content :is(
    [class*="progress-track" i],
    [class*="progress-wrap" i],
    [class*="mini-bar" i],
    [class*="probability-bar" i],
    [class*="category-bar" i],
    [class*="timeline-bar" i]
) {
    background: rgba(51, 65, 85, .72) !important;
    background-color: rgba(51, 65, 85, .72) !important;
}

[data-theme="dark"] :is(.ams-client-route, .ams-policy-route, .ams-tenant-route, .ams-crm-route, .ams-workbench-route) :is(
    [class*="progress-fill" i],
    [class*="goal-fill" i],
    [class*="category-fill" i],
    [class*="timeline-fill" i]
),
.theme-dark :is(.ams-client-route, .ams-policy-route, .ams-tenant-route, .ams-crm-route, .ams-workbench-route) :is(
    [class*="progress-fill" i],
    [class*="goal-fill" i],
    [class*="category-fill" i],
    [class*="timeline-fill" i]
),
body.dark :is(.ams-client-route, .ams-policy-route, .ams-tenant-route, .ams-crm-route, .ams-workbench-route) :is(
    [class*="progress-fill" i],
    [class*="goal-fill" i],
    [class*="category-fill" i],
    [class*="timeline-fill" i]
),
html:is(.ams-client-route, .ams-policy-route, .ams-tenant-route, .ams-crm-route, .ams-workbench-route) .theme-dark .ams-content :is(
    [class*="progress-fill" i],
    [class*="goal-fill" i],
    [class*="category-fill" i],
    [class*="timeline-fill" i]
) {
    background: linear-gradient(90deg, #ef4444 0%, #f59e0b 48%, #22c55e 100%) !important;
    background-color: #f59e0b !important;
    box-shadow: 0 0 14px rgba(245, 158, 11, .28) !important;
}

/* Dark theme: operating-table section headers with scoped light gradients. */
[data-theme="dark"] :is(.ams-crm-route, .ams-client-route, .ams-tenant-route) :is(
    [class$="-section-head"],
    .opl-section-head,
    .opb-section-head,
    .op-section-head,
    .fce-section-head,
    .ahl-section-head,
    .aev-section-head,
    .seg-section-head,
    .aow-section-head,
    .acn-section-head
),
.theme-dark :is(.ams-crm-route, .ams-client-route, .ams-tenant-route) :is(
    [class$="-section-head"],
    .opl-section-head,
    .opb-section-head,
    .op-section-head,
    .fce-section-head,
    .ahl-section-head,
    .aev-section-head,
    .seg-section-head,
    .aow-section-head,
    .acn-section-head
),
body.dark :is(.ams-crm-route, .ams-client-route, .ams-tenant-route) :is(
    [class$="-section-head"],
    .opl-section-head,
    .opb-section-head,
    .op-section-head,
    .fce-section-head,
    .ahl-section-head,
    .aev-section-head,
    .seg-section-head,
    .aow-section-head,
    .acn-section-head
),
html:is(.ams-crm-route, .ams-client-route, .ams-tenant-route) .theme-dark .ams-content :is(
    [class$="-section-head"],
    .opl-section-head,
    .opb-section-head,
    .op-section-head,
    .fce-section-head,
    .ahl-section-head,
    .aev-section-head,
    .seg-section-head,
    .aow-section-head,
    .acn-section-head
) {
    background: linear-gradient(135deg, rgba(15, 23, 42, .96), rgba(17, 34, 58, .94)) !important;
    background-color: #0f172a !important;
    border-color: rgba(96, 165, 250, .24) !important;
    color: #e5edf8 !important;
}

[data-theme="dark"] :is(.ams-crm-route, .ams-client-route, .ams-tenant-route) :is([class$="-section-head"], .opl-section-head, .opb-section-head, .op-section-head, .fce-section-head, .ahl-section-head, .aev-section-head, .seg-section-head, .aow-section-head, .acn-section-head) :is(h1, h2, h3, strong),
.theme-dark :is(.ams-crm-route, .ams-client-route, .ams-tenant-route) :is([class$="-section-head"], .opl-section-head, .opb-section-head, .op-section-head, .fce-section-head, .ahl-section-head, .aev-section-head, .seg-section-head, .aow-section-head, .acn-section-head) :is(h1, h2, h3, strong),
body.dark :is(.ams-crm-route, .ams-client-route, .ams-tenant-route) :is([class$="-section-head"], .opl-section-head, .opb-section-head, .op-section-head, .fce-section-head, .ahl-section-head, .aev-section-head, .seg-section-head, .aow-section-head, .acn-section-head) :is(h1, h2, h3, strong),
html:is(.ams-crm-route, .ams-client-route, .ams-tenant-route) .theme-dark .ams-content :is([class$="-section-head"], .opl-section-head, .opb-section-head, .op-section-head, .fce-section-head, .ahl-section-head, .aev-section-head, .seg-section-head, .aow-section-head, .acn-section-head) :is(h1, h2, h3, strong) {
    color: #f8fafc !important;
}

[data-theme="dark"] :is(.ams-crm-route, .ams-client-route, .ams-tenant-route) :is([class$="-section-head"], .opl-section-head, .opb-section-head, .op-section-head, .fce-section-head, .ahl-section-head, .aev-section-head, .seg-section-head, .aow-section-head, .acn-section-head) :is(p, span, small),
.theme-dark :is(.ams-crm-route, .ams-client-route, .ams-tenant-route) :is([class$="-section-head"], .opl-section-head, .opb-section-head, .op-section-head, .fce-section-head, .ahl-section-head, .aev-section-head, .seg-section-head, .aow-section-head, .acn-section-head) :is(p, span, small),
body.dark :is(.ams-crm-route, .ams-client-route, .ams-tenant-route) :is([class$="-section-head"], .opl-section-head, .opb-section-head, .op-section-head, .fce-section-head, .ahl-section-head, .aev-section-head, .seg-section-head, .aow-section-head, .acn-section-head) :is(p, span, small),
html:is(.ams-crm-route, .ams-client-route, .ams-tenant-route) .theme-dark .ams-content :is([class$="-section-head"], .opl-section-head, .opb-section-head, .op-section-head, .fce-section-head, .ahl-section-head, .aev-section-head, .seg-section-head, .aow-section-head, .acn-section-head) :is(p, span, small) {
    color: #cbd5e1 !important;
}

/* /tenant/dashboard/renewal-pipeline global dark indicators. */
[data-theme="dark"] .ams-tenant-route .rp-timeline-row > div,
.theme-dark .ams-tenant-route .rp-timeline-row > div,
body.dark .ams-tenant-route .rp-timeline-row > div,
html.ams-tenant-route .theme-dark .ams-content .rp-timeline-row > div {
    background: rgba(51, 65, 85, .72) !important;
    background-color: rgba(51, 65, 85, .72) !important;
}

[data-theme="dark"] .ams-tenant-route .rp-timeline-row > div > i,
.theme-dark .ams-tenant-route .rp-timeline-row > div > i,
body.dark .ams-tenant-route .rp-timeline-row > div > i,
html.ams-tenant-route .theme-dark .ams-content .rp-timeline-row > div > i {
    box-shadow: 0 0 14px rgba(245, 158, 11, .28) !important;
}

[data-theme="dark"] .ams-tenant-route .rp-timeline-red > div > i,
.theme-dark .ams-tenant-route .rp-timeline-red > div > i,
body.dark .ams-tenant-route .rp-timeline-red > div > i,
html.ams-tenant-route .theme-dark .ams-content .rp-timeline-red > div > i {
    background: linear-gradient(90deg, #ef4444, #fca5a5) !important;
    background-color: #ef4444 !important;
}

[data-theme="dark"] .ams-tenant-route .rp-timeline-amber > div > i,
.theme-dark .ams-tenant-route .rp-timeline-amber > div > i,
body.dark .ams-tenant-route .rp-timeline-amber > div > i,
html.ams-tenant-route .theme-dark .ams-content .rp-timeline-amber > div > i {
    background: linear-gradient(90deg, #f59e0b, #fde68a) !important;
    background-color: #f59e0b !important;
}

[data-theme="dark"] .ams-tenant-route .rp-timeline-blue > div > i,
.theme-dark .ams-tenant-route .rp-timeline-blue > div > i,
body.dark .ams-tenant-route .rp-timeline-blue > div > i,
html.ams-tenant-route .theme-dark .ams-content .rp-timeline-blue > div > i {
    background: linear-gradient(90deg, #3b82f6, #bfdbfe) !important;
    background-color: #3b82f6 !important;
}

[data-theme="dark"] .ams-tenant-route .rp-timeline-green > div > i,
.theme-dark .ams-tenant-route .rp-timeline-green > div > i,
body.dark .ams-tenant-route .rp-timeline-green > div > i,
html.ams-tenant-route .theme-dark .ams-content .rp-timeline-green > div > i {
    background: linear-gradient(90deg, #22c55e, #bbf7d0) !important;
    background-color: #22c55e !important;
}

/* /tenant* global dark indicators: keep dashboard and configuration bars colorful after route resets. */
[data-theme="dark"] .ams-tenant-route :is([class*="rank-row" i], [class*="account-row" i], [class*="risk-row" i], [class*="analytics-list" i], [class*="trend-row" i]) > div,
.theme-dark .ams-tenant-route :is([class*="rank-row" i], [class*="account-row" i], [class*="risk-row" i], [class*="analytics-list" i], [class*="trend-row" i]) > div,
body.dark .ams-tenant-route :is([class*="rank-row" i], [class*="account-row" i], [class*="risk-row" i], [class*="analytics-list" i], [class*="trend-row" i]) > div,
html.ams-tenant-route .theme-dark .ams-content :is([class*="rank-row" i], [class*="account-row" i], [class*="risk-row" i], [class*="analytics-list" i], [class*="trend-row" i]) > div {
    background: rgba(51, 65, 85, .72) !important;
    background-color: rgba(51, 65, 85, .72) !important;
}

[data-theme="dark"] .ams-tenant-route :is([class*="rank-row" i], [class*="account-row" i], [class*="risk-row" i], [class*="analytics-list" i], [class*="trend-row" i]) > div > i,
.theme-dark .ams-tenant-route :is([class*="rank-row" i], [class*="account-row" i], [class*="risk-row" i], [class*="analytics-list" i], [class*="trend-row" i]) > div > i,
body.dark .ams-tenant-route :is([class*="rank-row" i], [class*="account-row" i], [class*="risk-row" i], [class*="analytics-list" i], [class*="trend-row" i]) > div > i,
html.ams-tenant-route .theme-dark .ams-content :is([class*="rank-row" i], [class*="account-row" i], [class*="risk-row" i], [class*="analytics-list" i], [class*="trend-row" i]) > div > i {
    background: linear-gradient(90deg, #ef4444 0%, #f59e0b 48%, #22c55e 100%) !important;
    background-color: #f59e0b !important;
    box-shadow: 0 0 14px rgba(245, 158, 11, .28) !important;
}

[data-theme="dark"] .ams-tenant-route :is([class*="progress-track" i], [class*="progress-wrap" i], [class*="mini-bar" i], [class*="probability-bar" i], [class*="category-bar" i], [class*="timeline-bar" i]),
.theme-dark .ams-tenant-route :is([class*="progress-track" i], [class*="progress-wrap" i], [class*="mini-bar" i], [class*="probability-bar" i], [class*="category-bar" i], [class*="timeline-bar" i]),
body.dark .ams-tenant-route :is([class*="progress-track" i], [class*="progress-wrap" i], [class*="mini-bar" i], [class*="probability-bar" i], [class*="category-bar" i], [class*="timeline-bar" i]),
html.ams-tenant-route .theme-dark .ams-content :is([class*="progress-track" i], [class*="progress-wrap" i], [class*="mini-bar" i], [class*="probability-bar" i], [class*="category-bar" i], [class*="timeline-bar" i]) {
    background: rgba(51, 65, 85, .72) !important;
    background-color: rgba(51, 65, 85, .72) !important;
}

[data-theme="dark"] .ams-tenant-route :is([class*="progress-track" i], [class*="progress-wrap" i], [class*="mini-bar" i], [class*="probability-bar" i], [class*="category-bar" i], [class*="timeline-bar" i]) > :is(div, span, i),
.theme-dark .ams-tenant-route :is([class*="progress-track" i], [class*="progress-wrap" i], [class*="mini-bar" i], [class*="probability-bar" i], [class*="category-bar" i], [class*="timeline-bar" i]) > :is(div, span, i),
body.dark .ams-tenant-route :is([class*="progress-track" i], [class*="progress-wrap" i], [class*="mini-bar" i], [class*="probability-bar" i], [class*="category-bar" i], [class*="timeline-bar" i]) > :is(div, span, i),
html.ams-tenant-route .theme-dark .ams-content :is([class*="progress-track" i], [class*="progress-wrap" i], [class*="mini-bar" i], [class*="probability-bar" i], [class*="category-bar" i], [class*="timeline-bar" i]) > :is(div, span, i),
[data-theme="dark"] .ams-tenant-route :is([class*="progress-fill" i], [class*="goal-fill" i], [class*="category-fill" i], [class*="timeline-fill" i]),
.theme-dark .ams-tenant-route :is([class*="progress-fill" i], [class*="goal-fill" i], [class*="category-fill" i], [class*="timeline-fill" i]),
body.dark .ams-tenant-route :is([class*="progress-fill" i], [class*="goal-fill" i], [class*="category-fill" i], [class*="timeline-fill" i]),
html.ams-tenant-route .theme-dark .ams-content :is([class*="progress-fill" i], [class*="goal-fill" i], [class*="category-fill" i], [class*="timeline-fill" i]) {
    background: linear-gradient(90deg, #ef4444 0%, #f59e0b 48%, #22c55e 100%) !important;
    background-color: #f59e0b !important;
    box-shadow: 0 0 14px rgba(245, 158, 11, .28) !important;
}

/* /client* global dark indicators. */
[data-theme="dark"] .ams-client-route :is([class*="rank-row" i], [class*="account-row" i], [class*="analytics-list" i]) > div,
.theme-dark .ams-client-route :is([class*="rank-row" i], [class*="account-row" i], [class*="analytics-list" i]) > div,
body.dark .ams-client-route :is([class*="rank-row" i], [class*="account-row" i], [class*="analytics-list" i]) > div,
.ams-client-route.theme-dark :is([class*="rank-row" i], [class*="account-row" i], [class*="analytics-list" i]) > div,
html.ams-client-route .theme-dark .ams-content :is([class*="rank-row" i], [class*="account-row" i], [class*="analytics-list" i]) > div {
    background: rgba(51, 65, 85, .72) !important;
    background-color: rgba(51, 65, 85, .72) !important;
}

[data-theme="dark"] .ams-client-route :is([class*="rank-row" i], [class*="account-row" i], [class*="analytics-list" i]) > div > i,
.theme-dark .ams-client-route :is([class*="rank-row" i], [class*="account-row" i], [class*="analytics-list" i]) > div > i,
body.dark .ams-client-route :is([class*="rank-row" i], [class*="account-row" i], [class*="analytics-list" i]) > div > i,
.ams-client-route.theme-dark :is([class*="rank-row" i], [class*="account-row" i], [class*="analytics-list" i]) > div > i,
html.ams-client-route .theme-dark .ams-content :is([class*="rank-row" i], [class*="account-row" i], [class*="analytics-list" i]) > div > i {
    background: linear-gradient(90deg, #ef4444 0%, #f59e0b 48%, #22c55e 100%) !important;
    background-color: #f59e0b !important;
    box-shadow: 0 0 14px rgba(245, 158, 11, .28) !important;
}

[data-theme="dark"] .ams-client-route :is(.pin-rank-row, .pin-account-row, .pin-analytics-list button) > div,
.theme-dark .ams-client-route :is(.pin-rank-row, .pin-account-row, .pin-analytics-list button) > div,
body.dark .ams-client-route :is(.pin-rank-row, .pin-account-row, .pin-analytics-list button) > div,
html.ams-client-route .theme-dark .ams-content :is(.pin-rank-row, .pin-account-row, .pin-analytics-list button) > div {
    background: rgba(51, 65, 85, .72) !important;
    background-color: rgba(51, 65, 85, .72) !important;
}

[data-theme="dark"] .ams-client-route :is(.pin-rank-row, .pin-account-row, .pin-analytics-list button) > div > i,
.theme-dark .ams-client-route :is(.pin-rank-row, .pin-account-row, .pin-analytics-list button) > div > i,
body.dark .ams-client-route :is(.pin-rank-row, .pin-account-row, .pin-analytics-list button) > div > i,
html.ams-client-route .theme-dark .ams-content :is(.pin-rank-row, .pin-account-row, .pin-analytics-list button) > div > i {
    background: linear-gradient(90deg, #ef4444 0%, #f59e0b 48%, #22c55e 100%) !important;
    background-color: #f59e0b !important;
    box-shadow: 0 0 14px rgba(245, 158, 11, .28) !important;
}

/* /crm/forecast global dark indicators. */
[data-theme="dark"] .ams-crm-route :is(.fce-analytics-list button) > div,
.theme-dark .ams-crm-route :is(.fce-analytics-list button) > div,
body.dark .ams-crm-route :is(.fce-analytics-list button) > div,
html.ams-crm-route .theme-dark .ams-content :is(.fce-analytics-list button) > div {
    background: rgba(51, 65, 85, .72) !important;
    background-color: rgba(51, 65, 85, .72) !important;
}

[data-theme="dark"] .ams-crm-route :is(.fce-analytics-list button) > div > i,
.theme-dark .ams-crm-route :is(.fce-analytics-list button) > div > i,
body.dark .ams-crm-route :is(.fce-analytics-list button) > div > i,
html.ams-crm-route .theme-dark .ams-content :is(.fce-analytics-list button) > div > i {
    background: linear-gradient(90deg, #ef4444 0%, #f59e0b 48%, #22c55e 100%) !important;
    background-color: #f59e0b !important;
    box-shadow: 0 0 14px rgba(245, 158, 11, .28) !important;
}

[data-theme="dark"] .ams-crm-route .fce-score-ring,
.theme-dark .ams-crm-route .fce-score-ring,
body.dark .ams-crm-route .fce-score-ring,
html.ams-crm-route .theme-dark .ams-content .fce-score-ring {
    background-color: rgba(15, 23, 42, .92) !important;
    background-image: radial-gradient(circle at center, rgba(15, 23, 42, .96) 55%, transparent 56%), conic-gradient(#22c55e, #f59e0b, #ef4444, #22c55e) !important;
    border-color: rgba(96, 165, 250, .36) !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .ams-crm-route .fce-score-ring strong,
.theme-dark .ams-crm-route .fce-score-ring strong,
body.dark .ams-crm-route .fce-score-ring strong,
html.ams-crm-route .theme-dark .ams-content .fce-score-ring strong {
    color: #f8fafc !important;
}

[data-theme="dark"] .ams-crm-route .fce-score-ring span,
.theme-dark .ams-crm-route .fce-score-ring span,
body.dark .ams-crm-route .fce-score-ring span,
html.ams-crm-route .theme-dark .ams-content .fce-score-ring span {
    color: #bfdbfe !important;
}

/* Workbench routes: scoped dark-theme polish for /workbench* pages. */
[data-theme="dark"] .ams-content :is(
    .mwb-enterprise-page, .mtask-enterprise-page, .act-enterprise-page, .cal-enterprise-page, .ntf-enterprise-page,
    .td-enterprise-page, .pwe-enterprise-page, .prc-enterprise-page, .prd-enterprise-page, .csrw-enterprise-page,
    .smw-enterprise-page, .acw-enterprise-page, .mkw-enterprise-page, .opw-enterprise-page
),
.theme-dark .ams-content :is(
    .mwb-enterprise-page, .mtask-enterprise-page, .act-enterprise-page, .cal-enterprise-page, .ntf-enterprise-page,
    .td-enterprise-page, .pwe-enterprise-page, .prc-enterprise-page, .prd-enterprise-page, .csrw-enterprise-page,
    .smw-enterprise-page, .acw-enterprise-page, .mkw-enterprise-page, .opw-enterprise-page
),
body.dark .ams-content :is(
    .mwb-enterprise-page, .mtask-enterprise-page, .act-enterprise-page, .cal-enterprise-page, .ntf-enterprise-page,
    .td-enterprise-page, .pwe-enterprise-page, .prc-enterprise-page, .prd-enterprise-page, .csrw-enterprise-page,
    .smw-enterprise-page, .acw-enterprise-page, .mkw-enterprise-page, .opw-enterprise-page
) {
    background: linear-gradient(180deg, #071225 0%, #081424 100%) !important;
    color: #e5edf8 !important;
}

[data-theme="dark"] .ams-content :is(
    .mwb-enterprise-page, .mtask-enterprise-page, .act-enterprise-page, .cal-enterprise-page, .ntf-enterprise-page,
    .td-enterprise-page, .pwe-enterprise-page, .prc-enterprise-page, .prd-enterprise-page, .csrw-enterprise-page,
    .smw-enterprise-page, .acw-enterprise-page, .mkw-enterprise-page, .opw-enterprise-page
) :is(
    [class$="-kpi-strip"], [class$="-insight-strip"], [class$="-ops-strip"], [class$="-goal-strip"],
    [class$="-view-tabs"], [class$="-main-card"], [class$="-detail-card"],
    [class$="-grid-card"], [class$="-board"], [class$="-table-wrap"], [class$="-analytics-grid"] section,
    [class$="-scope-card"], [class$="-ai-card"], [class$="-modal"], [class$="-confirm"], [class$="-contact-panel"],
    [class$="-contact-context"]
),
.theme-dark .ams-content :is(
    .mwb-enterprise-page, .mtask-enterprise-page, .act-enterprise-page, .cal-enterprise-page, .ntf-enterprise-page,
    .td-enterprise-page, .pwe-enterprise-page, .prc-enterprise-page, .prd-enterprise-page, .csrw-enterprise-page,
    .smw-enterprise-page, .acw-enterprise-page, .mkw-enterprise-page, .opw-enterprise-page
) :is(
    [class$="-kpi-strip"], [class$="-insight-strip"], [class$="-ops-strip"], [class$="-goal-strip"],
    [class$="-view-tabs"], [class$="-main-card"], [class$="-detail-card"],
    [class$="-grid-card"], [class$="-board"], [class$="-table-wrap"], [class$="-analytics-grid"] section,
    [class$="-scope-card"], [class$="-ai-card"], [class$="-modal"], [class$="-confirm"], [class$="-contact-panel"],
    [class$="-contact-context"]
),
body.dark .ams-content :is(
    .mwb-enterprise-page, .mtask-enterprise-page, .act-enterprise-page, .cal-enterprise-page, .ntf-enterprise-page,
    .td-enterprise-page, .pwe-enterprise-page, .prc-enterprise-page, .prd-enterprise-page, .csrw-enterprise-page,
    .smw-enterprise-page, .acw-enterprise-page, .mkw-enterprise-page, .opw-enterprise-page
) :is(
    [class$="-kpi-strip"], [class$="-insight-strip"], [class$="-ops-strip"], [class$="-goal-strip"],
    [class$="-view-tabs"], [class$="-main-card"], [class$="-detail-card"],
    [class$="-grid-card"], [class$="-board"], [class$="-table-wrap"], [class$="-analytics-grid"] section,
    [class$="-scope-card"], [class$="-ai-card"], [class$="-modal"], [class$="-confirm"], [class$="-contact-panel"],
    [class$="-contact-context"]
) {
    background: linear-gradient(180deg, rgba(17, 34, 58, .98), rgba(11, 24, 42, .98)) !important;
    border-color: rgba(96, 165, 250, .28) !important;
    color: #e5edf8 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 14px 34px rgba(0, 0, 0, .18) !important;
}

[data-theme="dark"] .ams-content :is(
    .mwb-enterprise-page, .mtask-enterprise-page, .act-enterprise-page, .cal-enterprise-page, .ntf-enterprise-page,
    .td-enterprise-page, .pwe-enterprise-page, .prc-enterprise-page, .prd-enterprise-page, .csrw-enterprise-page,
    .smw-enterprise-page, .acw-enterprise-page, .mkw-enterprise-page, .opw-enterprise-page
) :is(
    [class$="-kpi-card"], [class$="-workflow-card"], [class$="-insight-card"], [class$="-item-card"], [class$="-feed-item"],
    [class$="-task-item"], [class$="-schedule-item"], [class$="-activity-item"], [class$="-notification-item"],
    [class$="-message-item"], [class$="-link-card"], [class$="-goal-card"], [class$="-review-card"], [class$="-step-card"],
    [class$="-summary-card"], [class$="-mini-card"], [class$="-lane"], [class$="-card"]
),
.theme-dark .ams-content :is(
    .mwb-enterprise-page, .mtask-enterprise-page, .act-enterprise-page, .cal-enterprise-page, .ntf-enterprise-page,
    .td-enterprise-page, .pwe-enterprise-page, .prc-enterprise-page, .prd-enterprise-page, .csrw-enterprise-page,
    .smw-enterprise-page, .acw-enterprise-page, .mkw-enterprise-page, .opw-enterprise-page
) :is(
    [class$="-kpi-card"], [class$="-workflow-card"], [class$="-insight-card"], [class$="-item-card"], [class$="-feed-item"],
    [class$="-task-item"], [class$="-schedule-item"], [class$="-activity-item"], [class$="-notification-item"],
    [class$="-message-item"], [class$="-link-card"], [class$="-goal-card"], [class$="-review-card"], [class$="-step-card"],
    [class$="-summary-card"], [class$="-mini-card"], [class$="-lane"], [class$="-card"]
),
body.dark .ams-content :is(
    .mwb-enterprise-page, .mtask-enterprise-page, .act-enterprise-page, .cal-enterprise-page, .ntf-enterprise-page,
    .td-enterprise-page, .pwe-enterprise-page, .prc-enterprise-page, .prd-enterprise-page, .csrw-enterprise-page,
    .smw-enterprise-page, .acw-enterprise-page, .mkw-enterprise-page, .opw-enterprise-page
) :is(
    [class$="-kpi-card"], [class$="-workflow-card"], [class$="-insight-card"], [class$="-item-card"], [class$="-feed-item"],
    [class$="-task-item"], [class$="-schedule-item"], [class$="-activity-item"], [class$="-notification-item"],
    [class$="-message-item"], [class$="-link-card"], [class$="-goal-card"], [class$="-review-card"], [class$="-step-card"],
    [class$="-summary-card"], [class$="-mini-card"], [class$="-lane"], [class$="-card"]
) {
    background: #0d1b2e !important;
    background-image: none !important;
    border-color: rgba(96, 165, 250, .24) !important;
    color: #e5edf8 !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, .16) !important;
}

[data-theme="dark"] .ams-content :is(
    .mwb-enterprise-page, .mtask-enterprise-page, .act-enterprise-page, .cal-enterprise-page, .ntf-enterprise-page,
    .td-enterprise-page, .pwe-enterprise-page, .prc-enterprise-page, .prd-enterprise-page, .csrw-enterprise-page,
    .smw-enterprise-page, .acw-enterprise-page, .mkw-enterprise-page, .opw-enterprise-page
) :is(h1, h2, h3, h4, h5, h6, strong, label, th, [class$="-title"], [class$="-name"], [class$="-val"]),
.theme-dark .ams-content :is(
    .mwb-enterprise-page, .mtask-enterprise-page, .act-enterprise-page, .cal-enterprise-page, .ntf-enterprise-page,
    .td-enterprise-page, .pwe-enterprise-page, .prc-enterprise-page, .prd-enterprise-page, .csrw-enterprise-page,
    .smw-enterprise-page, .acw-enterprise-page, .mkw-enterprise-page, .opw-enterprise-page
) :is(h1, h2, h3, h4, h5, h6, strong, label, th, [class$="-title"], [class$="-name"], [class$="-val"]),
body.dark .ams-content :is(
    .mwb-enterprise-page, .mtask-enterprise-page, .act-enterprise-page, .cal-enterprise-page, .ntf-enterprise-page,
    .td-enterprise-page, .pwe-enterprise-page, .prc-enterprise-page, .prd-enterprise-page, .csrw-enterprise-page,
    .smw-enterprise-page, .acw-enterprise-page, .mkw-enterprise-page, .opw-enterprise-page
) :is(h1, h2, h3, h4, h5, h6, strong, label, th, [class$="-title"], [class$="-name"], [class$="-val"]) {
    color: #f8fafc !important;
}

[data-theme="dark"] .ams-content :is(
    .mwb-enterprise-page, .mtask-enterprise-page, .act-enterprise-page, .cal-enterprise-page, .ntf-enterprise-page,
    .td-enterprise-page, .pwe-enterprise-page, .prc-enterprise-page, .prd-enterprise-page, .csrw-enterprise-page,
    .smw-enterprise-page, .acw-enterprise-page, .mkw-enterprise-page, .opw-enterprise-page
) :is(p, small, [class$="-hint"], [class$="-sub"], [class$="-lbl"], [class$="-meta"], [class$="-desc"]),
.theme-dark .ams-content :is(
    .mwb-enterprise-page, .mtask-enterprise-page, .act-enterprise-page, .cal-enterprise-page, .ntf-enterprise-page,
    .td-enterprise-page, .pwe-enterprise-page, .prc-enterprise-page, .prd-enterprise-page, .csrw-enterprise-page,
    .smw-enterprise-page, .acw-enterprise-page, .mkw-enterprise-page, .opw-enterprise-page
) :is(p, small, [class$="-hint"], [class$="-sub"], [class$="-lbl"], [class$="-meta"], [class$="-desc"]),
body.dark .ams-content :is(
    .mwb-enterprise-page, .mtask-enterprise-page, .act-enterprise-page, .cal-enterprise-page, .ntf-enterprise-page,
    .td-enterprise-page, .pwe-enterprise-page, .prc-enterprise-page, .prd-enterprise-page, .csrw-enterprise-page,
    .smw-enterprise-page, .acw-enterprise-page, .mkw-enterprise-page, .opw-enterprise-page
) :is(p, small, [class$="-hint"], [class$="-sub"], [class$="-lbl"], [class$="-meta"], [class$="-desc"]) {
    color: #a8bad2 !important;
}

[data-theme="dark"] .ams-content :is(
    .mwb-enterprise-page, .mtask-enterprise-page, .act-enterprise-page, .cal-enterprise-page, .ntf-enterprise-page,
    .td-enterprise-page, .pwe-enterprise-page, .prc-enterprise-page, .prd-enterprise-page, .csrw-enterprise-page,
    .smw-enterprise-page, .acw-enterprise-page, .mkw-enterprise-page, .opw-enterprise-page
) :is(input, select, textarea, .form-control, .form-select, [class$="-input"], [class$="-select"]),
.theme-dark .ams-content :is(
    .mwb-enterprise-page, .mtask-enterprise-page, .act-enterprise-page, .cal-enterprise-page, .ntf-enterprise-page,
    .td-enterprise-page, .pwe-enterprise-page, .prc-enterprise-page, .prd-enterprise-page, .csrw-enterprise-page,
    .smw-enterprise-page, .acw-enterprise-page, .mkw-enterprise-page, .opw-enterprise-page
) :is(input, select, textarea, .form-control, .form-select, [class$="-input"], [class$="-select"]),
body.dark .ams-content :is(
    .mwb-enterprise-page, .mtask-enterprise-page, .act-enterprise-page, .cal-enterprise-page, .ntf-enterprise-page,
    .td-enterprise-page, .pwe-enterprise-page, .prc-enterprise-page, .prd-enterprise-page, .csrw-enterprise-page,
    .smw-enterprise-page, .acw-enterprise-page, .mkw-enterprise-page, .opw-enterprise-page
) :is(input, select, textarea, .form-control, .form-select, [class$="-input"], [class$="-select"]) {
    background-color: #081424 !important;
    background-image: none !important;
    border-color: rgba(96, 165, 250, .34) !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .ams-content :is(
    .mwb-enterprise-page, .mtask-enterprise-page, .act-enterprise-page, .cal-enterprise-page, .ntf-enterprise-page,
    .td-enterprise-page, .pwe-enterprise-page, .prc-enterprise-page, .prd-enterprise-page, .csrw-enterprise-page,
    .smw-enterprise-page, .acw-enterprise-page, .mkw-enterprise-page, .opw-enterprise-page
) :is(table, thead, tbody, tr, th, td, [class$="-table"]),
.theme-dark .ams-content :is(
    .mwb-enterprise-page, .mtask-enterprise-page, .act-enterprise-page, .cal-enterprise-page, .ntf-enterprise-page,
    .td-enterprise-page, .pwe-enterprise-page, .prc-enterprise-page, .prd-enterprise-page, .csrw-enterprise-page,
    .smw-enterprise-page, .acw-enterprise-page, .mkw-enterprise-page, .opw-enterprise-page
) :is(table, thead, tbody, tr, th, td, [class$="-table"]),
body.dark .ams-content :is(
    .mwb-enterprise-page, .mtask-enterprise-page, .act-enterprise-page, .cal-enterprise-page, .ntf-enterprise-page,
    .td-enterprise-page, .pwe-enterprise-page, .prc-enterprise-page, .prd-enterprise-page, .csrw-enterprise-page,
    .smw-enterprise-page, .acw-enterprise-page, .mkw-enterprise-page, .opw-enterprise-page
) :is(table, thead, tbody, tr, th, td, [class$="-table"]) {
    background-color: #0d1b2e !important;
    border-color: rgba(96, 165, 250, .18) !important;
    color: #dbeafe !important;
}

[data-theme="dark"] .ams-content :is(.wb-kpi-card, .wb-grid-card, .wb-detail-panel, .wb-queue-tab, .wb-search-input, .wbs-scope-toggle, .wbs-scope-btn, .wbs-dlg-scope, .wbs-save-input),
.theme-dark .ams-content :is(.wb-kpi-card, .wb-grid-card, .wb-detail-panel, .wb-queue-tab, .wb-search-input, .wbs-scope-toggle, .wbs-scope-btn, .wbs-dlg-scope, .wbs-save-input),
body.dark .ams-content :is(.wb-kpi-card, .wb-grid-card, .wb-detail-panel, .wb-queue-tab, .wb-search-input, .wbs-scope-toggle, .wbs-scope-btn, .wbs-dlg-scope, .wbs-save-input) {
    background-color: #0d1b2e !important;
    border-color: rgba(96, 165, 250, .26) !important;
    color: #e5edf8 !important;
}

[data-theme="dark"] .ams-content :is(.wb-kpi-val, .wb-item-name, .wb-detail-title, .wbs-save-label),
.theme-dark .ams-content :is(.wb-kpi-val, .wb-item-name, .wb-detail-title, .wbs-save-label),
body.dark .ams-content :is(.wb-kpi-val, .wb-item-name, .wb-detail-title, .wbs-save-label) {
    color: #f8fafc !important;
}

[data-theme="dark"] .ams-content :is(.wb-kpi-lbl, .wb-kpi-sub, .wb-item-sub, .wb-detail-lbl, .wb-detail-notes),
.theme-dark .ams-content :is(.wb-kpi-lbl, .wb-kpi-sub, .wb-item-sub, .wb-detail-lbl, .wb-detail-notes),
body.dark .ams-content :is(.wb-kpi-lbl, .wb-kpi-sub, .wb-item-sub, .wb-detail-lbl, .wb-detail-notes) {
    color: #a8bad2 !important;
}

[data-theme="dark"] .ams-content :is(.wb-kpi-i1, .wb-kpi-i2, .wb-kpi-i3, .wb-kpi-i4, .wb-kpi-i5, .wb-kpi-i6, .wb-kpi-i7),
.theme-dark .ams-content :is(.wb-kpi-i1, .wb-kpi-i2, .wb-kpi-i3, .wb-kpi-i4, .wb-kpi-i5, .wb-kpi-i6, .wb-kpi-i7),
body.dark .ams-content :is(.wb-kpi-i1, .wb-kpi-i2, .wb-kpi-i3, .wb-kpi-i4, .wb-kpi-i5, .wb-kpi-i6, .wb-kpi-i7) {
    background-color: rgba(96, 165, 250, .16) !important;
    border-color: rgba(96, 165, 250, .28) !important;
    color: #bfdbfe !important;
}

/* Workbench route: dark-mode readability pass for white isolated page surfaces. */
[data-theme="dark"] .ams-workbench-route,
.theme-dark .ams-workbench-route,
body.dark .ams-workbench-route {
    background: linear-gradient(180deg, #071225 0%, #081424 100%) !important;
    color: #e5edf8 !important;
}

[data-theme="dark"] .ams-workbench-route :is(
    [class*="-card"], [class*="-panel"], [class*="-wrap"], [class*="-strip"], [class*="-board"], [class*="-lane"],
    [class*="-item"], [class*="-row"], [class*="-section"], [class*="-summary"], [class*="-detail"], [class*="-modal"],
    [class*="-confirm"], [class*="-drawer"], [class*="-popover"], [class*="-menu"], [class*="-timeline"], [class*="-note"],
    [class*="-context"], [class*="-toolbar"], [class*="-tabs"], [class*="-table-wrap"], .wb-kpi-card, .wb-grid-card,
    .wb-detail-panel, .wb-queue-tab, .wbs-dlg-scope, .wbs-save-dialog
),
.theme-dark .ams-workbench-route :is(
    [class*="-card"], [class*="-panel"], [class*="-wrap"], [class*="-strip"], [class*="-board"], [class*="-lane"],
    [class*="-item"], [class*="-row"], [class*="-section"], [class*="-summary"], [class*="-detail"], [class*="-modal"],
    [class*="-confirm"], [class*="-drawer"], [class*="-popover"], [class*="-menu"], [class*="-timeline"], [class*="-note"],
    [class*="-context"], [class*="-toolbar"], [class*="-tabs"], [class*="-table-wrap"], .wb-kpi-card, .wb-grid-card,
    .wb-detail-panel, .wb-queue-tab, .wbs-dlg-scope, .wbs-save-dialog
),
body.dark .ams-workbench-route :is(
    [class*="-card"], [class*="-panel"], [class*="-wrap"], [class*="-strip"], [class*="-board"], [class*="-lane"],
    [class*="-item"], [class*="-row"], [class*="-section"], [class*="-summary"], [class*="-detail"], [class*="-modal"],
    [class*="-confirm"], [class*="-drawer"], [class*="-popover"], [class*="-menu"], [class*="-timeline"], [class*="-note"],
    [class*="-context"], [class*="-toolbar"], [class*="-tabs"], [class*="-table-wrap"], .wb-kpi-card, .wb-grid-card,
    .wb-detail-panel, .wb-queue-tab, .wbs-dlg-scope, .wbs-save-dialog
) {
    background-color: #0d1b2e !important;
    background-image: none !important;
    border-color: rgba(96, 165, 250, .24) !important;
    color: #e5edf8 !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, .22) !important;
}

[data-theme="dark"] .ams-workbench-route :is(.mwb-hero, .mtask-hero, .act-hero, .cal-hero, .ntf-hero, .td-hero, .pwe-hero, .prc-hero, .prd-hero, .prcd-hero, .csrw-hero, .smw-hero, .acw-hero, .mkw-hero, .opw-hero),
.theme-dark .ams-workbench-route :is(.mwb-hero, .mtask-hero, .act-hero, .cal-hero, .ntf-hero, .td-hero, .pwe-hero, .prc-hero, .prd-hero, .prcd-hero, .csrw-hero, .smw-hero, .acw-hero, .mkw-hero, .opw-hero),
body.dark .ams-workbench-route :is(.mwb-hero, .mtask-hero, .act-hero, .cal-hero, .ntf-hero, .td-hero, .pwe-hero, .prc-hero, .prd-hero, .prcd-hero, .csrw-hero, .smw-hero, .acw-hero, .mkw-hero, .opw-hero) {
    background: linear-gradient(135deg, #0f172a, #1d4ed8) !important;
    border-color: rgba(147, 197, 253, .32) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .ams-workbench-route :is(h1, h2, h3, h4, h5, h6, strong, b, label, th, legend, [class*="-title"], [class*="-name"], [class*="-value"], [class*="-val"]),
.theme-dark .ams-workbench-route :is(h1, h2, h3, h4, h5, h6, strong, b, label, th, legend, [class*="-title"], [class*="-name"], [class*="-value"], [class*="-val"]),
body.dark .ams-workbench-route :is(h1, h2, h3, h4, h5, h6, strong, b, label, th, legend, [class*="-title"], [class*="-name"], [class*="-value"], [class*="-val"]) {
    color: #f8fafc !important;
}

[data-theme="dark"] .ams-workbench-route :is(p, small, span, li, td, dd, dt, [class*="-sub"], [class*="-meta"], [class*="-hint"], [class*="-desc"], [class*="-lbl"], [class*="-label"], [class*="-text"]),
.theme-dark .ams-workbench-route :is(p, small, span, li, td, dd, dt, [class*="-sub"], [class*="-meta"], [class*="-hint"], [class*="-desc"], [class*="-lbl"], [class*="-label"], [class*="-text"]),
body.dark .ams-workbench-route :is(p, small, span, li, td, dd, dt, [class*="-sub"], [class*="-meta"], [class*="-hint"], [class*="-desc"], [class*="-lbl"], [class*="-label"], [class*="-text"]) {
    color: #b8c7dc !important;
}

[data-theme="dark"] .ams-workbench-route :is(input, select, textarea, button, .form-control, .form-select, .wb-search-input, [class*="-input"], [class*="-select"], [class*="-btn"]),
.theme-dark .ams-workbench-route :is(input, select, textarea, button, .form-control, .form-select, .wb-search-input, [class*="-input"], [class*="-select"], [class*="-btn"]),
body.dark .ams-workbench-route :is(input, select, textarea, button, .form-control, .form-select, .wb-search-input, [class*="-input"], [class*="-select"], [class*="-btn"]) {
    background-color: #081424 !important;
    background-image: none !important;
    border-color: rgba(96, 165, 250, .34) !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .ams-workbench-route :is(button[class*="-primary"], .btn-primary, [class*="-btn-primary"], [class*="-active"]),
.theme-dark .ams-workbench-route :is(button[class*="-primary"], .btn-primary, [class*="-btn-primary"], [class*="-active"]),
body.dark .ams-workbench-route :is(button[class*="-primary"], .btn-primary, [class*="-btn-primary"], [class*="-active"]) {
    background: linear-gradient(135deg, #2563eb, #1d4ed8) !important;
    border-color: rgba(147, 197, 253, .42) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .ams-workbench-route :is(table, thead, tbody, tr, th, td, [class*="-table"]),
.theme-dark .ams-workbench-route :is(table, thead, tbody, tr, th, td, [class*="-table"]),
body.dark .ams-workbench-route :is(table, thead, tbody, tr, th, td, [class*="-table"]) {
    background-color: #0d1b2e !important;
    border-color: rgba(96, 165, 250, .18) !important;
    color: #dbeafe !important;
}

[data-theme="dark"] .ams-workbench-route ::placeholder,
.theme-dark .ams-workbench-route ::placeholder,
body.dark .ams-workbench-route ::placeholder {
    color: #7f93ad !important;
}

/* Producer Workbench: written premium goal dark-theme polish. */
[data-theme="dark"] .ams-workbench-route .pwe-goal-card,
.theme-dark .ams-workbench-route .pwe-goal-card,
body.dark .ams-workbench-route .pwe-goal-card {
    background: linear-gradient(135deg, rgba(67, 32, 10, .72), rgba(15, 23, 42, .98)) !important;
    border-color: rgba(251, 146, 60, .42) !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .24), inset 0 1px 0 rgba(251, 146, 60, .14) !important;
}

[data-theme="dark"] .ams-workbench-route .pwe-goal-head,
.theme-dark .ams-workbench-route .pwe-goal-head,
body.dark .ams-workbench-route .pwe-goal-head {
    color: #fed7aa !important;
}

[data-theme="dark"] .ams-workbench-route .pwe-goal-head i,
.theme-dark .ams-workbench-route .pwe-goal-head i,
body.dark .ams-workbench-route .pwe-goal-head i {
    color: #fb923c !important;
}

[data-theme="dark"] .ams-workbench-route .pwe-goal-pct,
.theme-dark .ams-workbench-route .pwe-goal-pct,
body.dark .ams-workbench-route .pwe-goal-pct {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 5.6rem !important;
    padding: .3rem .7rem !important;
    border: 1px solid rgba(251, 146, 60, .46) !important;
    border-radius: 999px !important;
    background: #fed7aa !important;
    color: #7c2d12 !important;
    font-size: .8rem !important;
    font-weight: 950 !important;
    box-shadow: 0 8px 18px rgba(249, 115, 22, .18) !important;
}

[data-theme="dark"] .ams-workbench-route .pwe-goal-track,
.theme-dark .ams-workbench-route .pwe-goal-track,
body.dark .ams-workbench-route .pwe-goal-track {
    height: 12px !important;
    background: rgba(67, 32, 10, .92) !important;
    border: 1px solid rgba(251, 146, 60, .22) !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .32) !important;
}

[data-theme="dark"] .ams-workbench-route .pwe-goal-track i,
.theme-dark .ams-workbench-route .pwe-goal-track i,
body.dark .ams-workbench-route .pwe-goal-track i {
    background: linear-gradient(90deg, #f97316, #fb923c) !important;
    box-shadow: 0 0 18px rgba(249, 115, 22, .36) !important;
}

[data-theme="dark"] .ams-workbench-route .pwe-goal-numbers strong,
.theme-dark .ams-workbench-route .pwe-goal-numbers strong,
body.dark .ams-workbench-route .pwe-goal-numbers strong {
    color: #ffedd5 !important;
}

[data-theme="dark"] .ams-workbench-route .pwe-goal-numbers span,
.theme-dark .ams-workbench-route .pwe-goal-numbers span,
body.dark .ams-workbench-route .pwe-goal-numbers span {
    color: #fdba74 !important;
}

/* Producer Workbench: remaining light surfaces and inline-tinted elements. */
[data-theme="dark"] .ams-workbench-route :is(
    .pwe-mini-kpis article, .pwe-detail-summary div, .pwe-contact-panel-head strong,
    .pwe-board section, .pwe-table td, .pwe-message-item, .pwe-view-switch, .pwe-card-open
),
.theme-dark .ams-workbench-route :is(
    .pwe-mini-kpis article, .pwe-detail-summary div, .pwe-contact-panel-head strong,
    .pwe-board section, .pwe-table td, .pwe-message-item, .pwe-view-switch, .pwe-card-open
),
body.dark .ams-workbench-route :is(
    .pwe-mini-kpis article, .pwe-detail-summary div, .pwe-contact-panel-head strong,
    .pwe-board section, .pwe-table td, .pwe-message-item, .pwe-view-switch, .pwe-card-open
) {
    background: #081424 !important;
    background-image: none !important;
    border-color: rgba(96, 165, 250, .28) !important;
    color: #e5edf8 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035), 0 10px 24px rgba(0, 0, 0, .18) !important;
}

[data-theme="dark"] .ams-workbench-route :is(.pwe-mini-kpis strong, .pwe-search-result strong, .pwe-detail-summary strong, .pwe-item-footer strong, .pwe-table td strong, .pwe-contact-panel-head strong),
.theme-dark .ams-workbench-route :is(.pwe-mini-kpis strong, .pwe-search-result strong, .pwe-detail-summary strong, .pwe-item-footer strong, .pwe-table td strong, .pwe-contact-panel-head strong),
body.dark .ams-workbench-route :is(.pwe-mini-kpis strong, .pwe-search-result strong, .pwe-detail-summary strong, .pwe-item-footer strong, .pwe-table td strong, .pwe-contact-panel-head strong) {
    color: #f8fafc !important;
}

[data-theme="dark"] .ams-workbench-route :is(.pwe-mini-kpis span, .pwe-search-result span, .pwe-detail-summary span, .pwe-item-footer span, .pwe-table td small),
.theme-dark .ams-workbench-route :is(.pwe-mini-kpis span, .pwe-search-result span, .pwe-detail-summary span, .pwe-item-footer span, .pwe-table td small),
body.dark .ams-workbench-route :is(.pwe-mini-kpis span, .pwe-search-result span, .pwe-detail-summary span, .pwe-item-footer span, .pwe-table td small) {
    color: #a8bad2 !important;
}

[data-theme="dark"] .ams-workbench-route .pwe-avatar,
.theme-dark .ams-workbench-route .pwe-avatar,
body.dark .ams-workbench-route .pwe-avatar {
    background: #13294a !important;
    border-color: rgba(96, 165, 250, .38) !important;
    color: #bfdbfe !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

[data-theme="dark"] .ams-workbench-route :is(.pwe-lob, .pwe-stage, .pwe-heat, .pwe-msg-type, .pwe-detail-eyebrow),
.theme-dark .ams-workbench-route :is(.pwe-lob, .pwe-stage, .pwe-heat, .pwe-msg-type, .pwe-detail-eyebrow),
body.dark .ams-workbench-route :is(.pwe-lob, .pwe-stage, .pwe-heat, .pwe-msg-type, .pwe-detail-eyebrow) {
    background: #dbeafe !important;
    border: 1px solid rgba(147, 197, 253, .7) !important;
    color: #1e3a8a !important;
}

[data-theme="dark"] .ams-workbench-route :is(.pwe-heat-hot, .pwe-tab-alert),
.theme-dark .ams-workbench-route :is(.pwe-heat-hot, .pwe-tab-alert),
body.dark .ams-workbench-route :is(.pwe-heat-hot, .pwe-tab-alert) {
    background: #fee2e2 !important;
    color: #7f1d1d !important;
}

[data-theme="dark"] .ams-workbench-route .pwe-heat-warm,
.theme-dark .ams-workbench-route .pwe-heat-warm,
body.dark .ams-workbench-route .pwe-heat-warm {
    background: #fed7aa !important;
    color: #7c2d12 !important;
}

[data-theme="dark"] .ams-workbench-route .pwe-toggle,
.theme-dark .ams-workbench-route .pwe-toggle,
body.dark .ams-workbench-route .pwe-toggle {
    color: #e5edf8 !important;
}

[data-theme="dark"] .ams-workbench-route .pwe-toggle input,
.theme-dark .ams-workbench-route .pwe-toggle input,
body.dark .ams-workbench-route .pwe-toggle input {
    accent-color: #2563eb !important;
    background-color: #081424 !important;
    border-color: rgba(96, 165, 250, .44) !important;
}

/* App-wide dark theme: normalize generated avatar/initial circles. */
[data-theme="dark"] .ams-content :is(
    .um-avatar, [class*="avatar"], [class*="Avatar"],
    [class*="initial"], [class*="Initial"],
    [class*="monogram"], [class*="Monogram"]
),
.theme-dark .ams-content :is(
    .um-avatar, [class*="avatar"], [class*="Avatar"],
    [class*="initial"], [class*="Initial"],
    [class*="monogram"], [class*="Monogram"]
),
body.dark .ams-content :is(
    .um-avatar, [class*="avatar"], [class*="Avatar"],
    [class*="initial"], [class*="Initial"],
    [class*="monogram"], [class*="Monogram"]
) {
    background: #13294a !important;
    background-image: none !important;
    border-color: rgba(96, 165, 250, .38) !important;
    color: #bfdbfe !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05), 0 8px 18px rgba(0, 0, 0, .2) !important;
}

[data-theme="dark"] .ams-content :is(
    .um-avatar, [class*="avatar"], [class*="Avatar"],
    [class*="initial"], [class*="Initial"],
    [class*="monogram"], [class*="Monogram"]
) :is(span, strong, small, i),
.theme-dark .ams-content :is(
    .um-avatar, [class*="avatar"], [class*="Avatar"],
    [class*="initial"], [class*="Initial"],
    [class*="monogram"], [class*="Monogram"]
) :is(span, strong, small, i),
body.dark .ams-content :is(
    .um-avatar, [class*="avatar"], [class*="Avatar"],
    [class*="initial"], [class*="Initial"],
    [class*="monogram"], [class*="Monogram"]
) :is(span, strong, small, i) {
    color: #bfdbfe !important;
}

/* App-wide pill readability: colored pills should use darker text. */
.ams-content :is(
    .badge, [class*="-badge"], [class*="badge-"],
    [class*="-chip"], [class*="chip-"],
    [class*="-pill"], [class*="pill-"],
    [class*="-tag"], [class*="tag-"]
) {
    color: #1e293b !important;
    font-weight: 800 !important;
}

.ams-content :is(
    .badge-blue, [class*="blue"][class*="badge"], [class*="badge"][class*="blue"],
    [class*="blue"][class*="chip"], [class*="chip"][class*="blue"],
    [class*="blue"][class*="pill"], [class*="pill"][class*="blue"],
    [class*="blue"][class*="tag"], [class*="tag"][class*="blue"],
    [class*="info"][class*="badge"], [class*="badge"][class*="info"],
    [class*="info"][class*="chip"], [class*="chip"][class*="info"],
    [class*="info"][class*="pill"], [class*="pill"][class*="info"],
    [class*="info"][class*="tag"], [class*="tag"][class*="info"]
) {
    color: #1e3a8a !important;
}

.ams-content :is(
    .badge-green, [class*="green"][class*="badge"], [class*="badge"][class*="green"],
    [class*="green"][class*="chip"], [class*="chip"][class*="green"],
    [class*="green"][class*="pill"], [class*="pill"][class*="green"],
    [class*="green"][class*="tag"], [class*="tag"][class*="green"],
    [class*="success"][class*="badge"], [class*="badge"][class*="success"],
    [class*="success"][class*="chip"], [class*="chip"][class*="success"],
    [class*="success"][class*="pill"], [class*="pill"][class*="success"],
    [class*="success"][class*="tag"], [class*="tag"][class*="success"]
) {
    color: #064e3b !important;
}

.ams-content :is(
    .badge-amber, [class*="amber"][class*="badge"], [class*="badge"][class*="amber"],
    [class*="amber"][class*="chip"], [class*="chip"][class*="amber"],
    [class*="amber"][class*="pill"], [class*="pill"][class*="amber"],
    [class*="amber"][class*="tag"], [class*="tag"][class*="amber"],
    [class*="warning"][class*="badge"], [class*="badge"][class*="warning"],
    [class*="warning"][class*="chip"], [class*="chip"][class*="warning"],
    [class*="warning"][class*="pill"], [class*="pill"][class*="warning"],
    [class*="warning"][class*="tag"], [class*="tag"][class*="warning"],
    [class*="orange"][class*="badge"], [class*="badge"][class*="orange"],
    [class*="orange"][class*="chip"], [class*="chip"][class*="orange"],
    [class*="orange"][class*="pill"], [class*="pill"][class*="orange"],
    [class*="orange"][class*="tag"], [class*="tag"][class*="orange"]
) {
    color: #78350f !important;
}

.ams-content :is(
    .badge-red, [class*="red"][class*="badge"], [class*="badge"][class*="red"],
    [class*="red"][class*="chip"], [class*="chip"][class*="red"],
    [class*="red"][class*="pill"], [class*="pill"][class*="red"],
    [class*="red"][class*="tag"], [class*="tag"][class*="red"],
    [class*="danger"][class*="badge"], [class*="badge"][class*="danger"],
    [class*="danger"][class*="chip"], [class*="chip"][class*="danger"],
    [class*="danger"][class*="pill"], [class*="pill"][class*="danger"],
    [class*="danger"][class*="tag"], [class*="tag"][class*="danger"]
) {
    color: #7f1d1d !important;
}

.ams-content :is(
    .badge-purple, [class*="purple"][class*="badge"], [class*="badge"][class*="purple"],
    [class*="purple"][class*="chip"], [class*="chip"][class*="purple"],
    [class*="purple"][class*="pill"], [class*="pill"][class*="purple"],
    [class*="purple"][class*="tag"], [class*="tag"][class*="purple"]
) {
    color: #4c1d95 !important;
}

.ams-content :is(
    .badge-teal, [class*="teal"][class*="badge"], [class*="badge"][class*="teal"],
    [class*="teal"][class*="chip"], [class*="chip"][class*="teal"],
    [class*="teal"][class*="pill"], [class*="pill"][class*="teal"],
    [class*="teal"][class*="tag"], [class*="tag"][class*="teal"]
) {
    color: #134e4a !important;
}

.ams-content :is(
    .badge-neutral, [class*="neutral"][class*="badge"], [class*="badge"][class*="neutral"],
    [class*="neutral"][class*="chip"], [class*="chip"][class*="neutral"],
    [class*="neutral"][class*="pill"], [class*="pill"][class*="neutral"],
    [class*="neutral"][class*="tag"], [class*="tag"][class*="neutral"],
    [class*="secondary"][class*="badge"], [class*="badge"][class*="secondary"],
    [class*="secondary"][class*="chip"], [class*="chip"][class*="secondary"],
    [class*="secondary"][class*="pill"], [class*="pill"][class*="secondary"],
    [class*="secondary"][class*="tag"], [class*="tag"][class*="secondary"]
) {
    color: #334155 !important;
}

/* App-wide dark theme: convert light pill backgrounds to dark readable chips. */
[data-theme="dark"] .ams-content :is(
    .badge, [class*="-badge"], [class*="badge-"],
    [class*="-chip"], [class*="chip-"],
    [class*="-pill"], [class*="pill-"],
    [class*="-tag"], [class*="tag-"],
    [class*="-status"], [class*="status-"],
    [class*="-tone"], [class*="tone-"],
    [class*="-type"], [class*="type-"],
    [class*="-channel"], [class*="channel-"]
),
.theme-dark .ams-content :is(
    .badge, [class*="-badge"], [class*="badge-"],
    [class*="-chip"], [class*="chip-"],
    [class*="-pill"], [class*="pill-"],
    [class*="-tag"], [class*="tag-"],
    [class*="-status"], [class*="status-"],
    [class*="-tone"], [class*="tone-"],
    [class*="-type"], [class*="type-"],
    [class*="-channel"], [class*="channel-"]
),
body.dark .ams-content :is(
    .badge, [class*="-badge"], [class*="badge-"],
    [class*="-chip"], [class*="chip-"],
    [class*="-pill"], [class*="pill-"],
    [class*="-tag"], [class*="tag-"],
    [class*="-status"], [class*="status-"],
    [class*="-tone"], [class*="tone-"],
    [class*="-type"], [class*="type-"],
    [class*="-channel"], [class*="channel-"]
) {
    background: #13294a !important;
    background-image: none !important;
    border-color: rgba(96, 165, 250, .38) !important;
    color: #dbeafe !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05) !important;
}

[data-theme="dark"] .ams-content :is(
    [class$="-active"], [class$="-active"], [class*="success"], [class*="Success"], [class*="green"], [class*="Green"]
):is(
    .badge, [class*="-badge"], [class*="badge-"], [class*="-chip"], [class*="chip-"], [class*="-pill"], [class*="pill-"], [class*="-tag"], [class*="tag-"], [class*="-status"], [class*="status-"]
),
.theme-dark .ams-content :is(
    [class$="-active"], [class$="-active"], [class*="success"], [class*="Success"], [class*="green"], [class*="Green"]
):is(
    .badge, [class*="-badge"], [class*="badge-"], [class*="-chip"], [class*="chip-"], [class*="-pill"], [class*="pill-"], [class*="-tag"], [class*="tag-"], [class*="-status"], [class*="status-"]
),
body.dark .ams-content :is(
    [class$="-active"], [class$="-active"], [class*="success"], [class*="Success"], [class*="green"], [class*="Green"]
):is(
    .badge, [class*="-badge"], [class*="badge-"], [class*="-chip"], [class*="chip-"], [class*="-pill"], [class*="pill-"], [class*="-tag"], [class*="tag-"], [class*="-status"], [class*="status-"]
) {
    background: rgba(20, 83, 45, .92) !important;
    border-color: rgba(74, 222, 128, .34) !important;
    color: #bbf7d0 !important;
}

[data-theme="dark"] .ams-content :is(
    [class*="normal"], [class*="Normal"], [class*="neutral"], [class*="Neutral"], [class*="secondary"], [class*="Secondary"], [class*="email"], [class*="Email"], [class*="channel"], [class*="Channel"], [class*="type"], [class*="Type"]
):is(
    .badge, [class*="-badge"], [class*="badge-"], [class*="-chip"], [class*="chip-"], [class*="-pill"], [class*="pill-"], [class*="-tag"], [class*="tag-"], [class*="-status"], [class*="status-"], [class*="-channel"], [class*="channel-"], [class*="-type"], [class*="type-"]
),
.theme-dark .ams-content :is(
    [class*="normal"], [class*="Normal"], [class*="neutral"], [class*="Neutral"], [class*="secondary"], [class*="Secondary"], [class*="email"], [class*="Email"], [class*="channel"], [class*="Channel"], [class*="type"], [class*="Type"]
):is(
    .badge, [class*="-badge"], [class*="badge-"], [class*="-chip"], [class*="chip-"], [class*="-pill"], [class*="pill-"], [class*="-tag"], [class*="tag-"], [class*="-status"], [class*="status-"], [class*="-channel"], [class*="channel-"], [class*="-type"], [class*="type-"]
),
body.dark .ams-content :is(
    [class*="normal"], [class*="Normal"], [class*="neutral"], [class*="Neutral"], [class*="secondary"], [class*="Secondary"], [class*="email"], [class*="Email"], [class*="channel"], [class*="Channel"], [class*="type"], [class*="Type"]
):is(
    .badge, [class*="-badge"], [class*="badge-"], [class*="-chip"], [class*="chip-"], [class*="-pill"], [class*="pill-"], [class*="-tag"], [class*="tag-"], [class*="-status"], [class*="status-"], [class*="-channel"], [class*="channel-"], [class*="-type"], [class*="type-"]
) {
    background: #1e293b !important;
    border-color: rgba(148, 163, 184, .34) !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .ams-content :is(
    [class*="warning"], [class*="Warning"], [class*="warm"], [class*="Warm"], [class*="amber"], [class*="Amber"], [class*="orange"], [class*="Orange"], [class*="draft"], [class*="Draft"], [class*="scheduled"], [class*="Scheduled"]
):is(
    .badge, [class*="-badge"], [class*="badge-"], [class*="-chip"], [class*="chip-"], [class*="-pill"], [class*="pill-"], [class*="-tag"], [class*="tag-"], [class*="-status"], [class*="status-"]
),
.theme-dark .ams-content :is(
    [class*="warning"], [class*="Warning"], [class*="warm"], [class*="Warm"], [class*="amber"], [class*="Amber"], [class*="orange"], [class*="Orange"], [class*="draft"], [class*="Draft"], [class*="scheduled"], [class*="Scheduled"]
):is(
    .badge, [class*="-badge"], [class*="badge-"], [class*="-chip"], [class*="chip-"], [class*="-pill"], [class*="pill-"], [class*="-tag"], [class*="tag-"], [class*="-status"], [class*="status-"]
),
body.dark .ams-content :is(
    [class*="warning"], [class*="Warning"], [class*="warm"], [class*="Warm"], [class*="amber"], [class*="Amber"], [class*="orange"], [class*="Orange"], [class*="draft"], [class*="Draft"], [class*="scheduled"], [class*="Scheduled"]
):is(
    .badge, [class*="-badge"], [class*="badge-"], [class*="-chip"], [class*="chip-"], [class*="-pill"], [class*="pill-"], [class*="-tag"], [class*="tag-"], [class*="-status"], [class*="status-"]
) {
    background: rgba(124, 45, 18, .92) !important;
    border-color: rgba(251, 146, 60, .36) !important;
    color: #fed7aa !important;
}

[data-theme="dark"] .ams-content :is(
    [class*="danger"], [class*="Danger"], [class*="error"], [class*="Error"], [class*="hot"], [class*="Hot"], [class*="red"], [class*="Red"]
):is(
    .badge, [class*="-badge"], [class*="badge-"], [class*="-chip"], [class*="chip-"], [class*="-pill"], [class*="pill-"], [class*="-tag"], [class*="tag-"], [class*="-status"], [class*="status-"]
),
.theme-dark .ams-content :is(
    [class*="danger"], [class*="Danger"], [class*="error"], [class*="Error"], [class*="hot"], [class*="Hot"], [class*="red"], [class*="Red"]
):is(
    .badge, [class*="-badge"], [class*="badge-"], [class*="-chip"], [class*="chip-"], [class*="-pill"], [class*="pill-"], [class*="-tag"], [class*="tag-"], [class*="-status"], [class*="status-"]
),
body.dark .ams-content :is(
    [class*="danger"], [class*="Danger"], [class*="error"], [class*="Error"], [class*="hot"], [class*="Hot"], [class*="red"], [class*="Red"]
):is(
    .badge, [class*="-badge"], [class*="badge-"], [class*="-chip"], [class*="chip-"], [class*="-pill"], [class*="pill-"], [class*="-tag"], [class*="tag-"], [class*="-status"], [class*="status-"]
) {
    background: rgba(127, 29, 29, .92) !important;
    border-color: rgba(248, 113, 113, .36) !important;
    color: #fecaca !important;
}

/* CRM opportunities: filter polish for /crm/opportunities* pages. Search uses the global searchbox rules. */
.ams-content :is(.op-enterprise-page, .opl-enterprise-page, .opb-enterprise-page, .opn-enterprise-page) :is(.op-filter-field, .opl-filter-field, .opb-filter-field) {
    display: grid !important;
    gap: .25rem !important;
    min-width: 9.5rem !important;
    color: #475569 !important;
    font-size: .74rem !important;
    font-weight: 850 !important;
    letter-spacing: .045em !important;
    text-transform: uppercase !important;
}

.ams-content :is(.op-enterprise-page, .opl-enterprise-page, .opb-enterprise-page) :is(.op-filter-select, .opl-filter-select, .opb-filter-select) {
    min-height: 2.6rem !important;
    min-width: 9.5rem !important;
    padding: .58rem .75rem !important;
    border-radius: 14px !important;
    font-size: .88rem !important;
    outline: none !important;
}

.ams-content :is(.op-enterprise-page, .opl-enterprise-page, .opb-enterprise-page) :is(.op-filter-select, .opl-filter-select, .opb-filter-select):focus {
    border-color: var(--brand-500, #3b82f6) !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, .14) !important;
}

.ams-content :is(.op-enterprise-page, .opl-enterprise-page, .opb-enterprise-page) :is(.op-filter-result, .opl-filter-result, .opb-filter-result) {
    display: grid !important;
    place-items: center !important;
    align-self: stretch !important;
    min-width: 5rem !important;
    padding: .45rem .75rem !important;
    border: 1px solid rgba(191, 219, 254, .9) !important;
    border-radius: 16px !important;
    background: #eff6ff !important;
    color: #1d4ed8 !important;
    font-size: .75rem !important;
    font-weight: 850 !important;
    text-align: center !important;
}

.ams-content :is(.op-enterprise-page, .opl-enterprise-page, .opb-enterprise-page) :is(.op-filter-result, .opl-filter-result, .opb-filter-result) strong {
    color: #1d4ed8 !important;
    font-size: 1rem !important;
    line-height: 1 !important;
}

[data-theme="dark"] .ams-content :is(.op-enterprise-page, .opl-enterprise-page, .opb-enterprise-page, .opn-enterprise-page) :is(.op-filter-field, .opl-filter-field, .opb-filter-field),
.theme-dark .ams-content :is(.op-enterprise-page, .opl-enterprise-page, .opb-enterprise-page, .opn-enterprise-page) :is(.op-filter-field, .opl-filter-field, .opb-filter-field),
body.dark .ams-content :is(.op-enterprise-page, .opl-enterprise-page, .opb-enterprise-page, .opn-enterprise-page) :is(.op-filter-field, .opl-filter-field, .opb-filter-field) {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .ams-content :is(.op-enterprise-page, .opl-enterprise-page, .opb-enterprise-page) :is(.op-filter-result, .opl-filter-result, .opb-filter-result),
.theme-dark .ams-content :is(.op-enterprise-page, .opl-enterprise-page, .opb-enterprise-page) :is(.op-filter-result, .opl-filter-result, .opb-filter-result),
body.dark .ams-content :is(.op-enterprise-page, .opl-enterprise-page, .opb-enterprise-page) :is(.op-filter-result, .opl-filter-result, .opb-filter-result) {
    background: linear-gradient(180deg, rgba(30, 64, 175, .92), rgba(23, 37, 84, .92)) !important;
    border-color: rgba(96, 165, 250, .48) !important;
    color: #dbeafe !important;
}

/* Dark theme: request/register pills and readiness side-panel rows across pages. */
[data-theme="dark"] .ams-content :is(
    .pr-type, .pr-priority, .pr-status,
    [class*="request-type" i], [class*="type-pill" i], [class*="type-chip" i], [class*="type-badge" i],
    [class*="priority-pill" i], [class*="priority-chip" i], [class*="priority-badge" i],
    [class*="status-pill" i], [class*="status-chip" i], [class*="status-badge" i]
):not([class*="icon" i]):not([class*="card" i]):not([class*="panel" i]):not([class*="page" i]),
.theme-dark .ams-content :is(
    .pr-type, .pr-priority, .pr-status,
    [class*="request-type" i], [class*="type-pill" i], [class*="type-chip" i], [class*="type-badge" i],
    [class*="priority-pill" i], [class*="priority-chip" i], [class*="priority-badge" i],
    [class*="status-pill" i], [class*="status-chip" i], [class*="status-badge" i]
):not([class*="icon" i]):not([class*="card" i]):not([class*="panel" i]):not([class*="page" i]),
body.dark .ams-content :is(
    .pr-type, .pr-priority, .pr-status,
    [class*="request-type" i], [class*="type-pill" i], [class*="type-chip" i], [class*="type-badge" i],
    [class*="priority-pill" i], [class*="priority-chip" i], [class*="priority-badge" i],
    [class*="status-pill" i], [class*="status-chip" i], [class*="status-badge" i]
):not([class*="icon" i]):not([class*="card" i]):not([class*="panel" i]):not([class*="page" i]) {
    background: linear-gradient(180deg, rgba(30, 58, 95, .98), rgba(17, 34, 58, .98)) !important;
    border: 1px solid rgba(147, 197, 253, .36) !important;
    color: #eaf4ff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 6px 16px rgba(0, 0, 0, .18) !important;
    text-shadow: none !important;
}

[data-theme="dark"] .ams-content :is(.pr-type--coi-request, .pr-priority--low, .pr-status--fulfilled, [class*="fulfilled" i], [class*="approved" i], [class*="complete" i], [class*="success" i]):is(.pr-type, .pr-priority, .pr-status, [class*="type" i], [class*="priority" i], [class*="status" i], [class*="badge" i], [class*="pill" i], [class*="chip" i]),
.theme-dark .ams-content :is(.pr-type--coi-request, .pr-priority--low, .pr-status--fulfilled, [class*="fulfilled" i], [class*="approved" i], [class*="complete" i], [class*="success" i]):is(.pr-type, .pr-priority, .pr-status, [class*="type" i], [class*="priority" i], [class*="status" i], [class*="badge" i], [class*="pill" i], [class*="chip" i]),
body.dark .ams-content :is(.pr-type--coi-request, .pr-priority--low, .pr-status--fulfilled, [class*="fulfilled" i], [class*="approved" i], [class*="complete" i], [class*="success" i]):is(.pr-type, .pr-priority, .pr-status, [class*="type" i], [class*="priority" i], [class*="status" i], [class*="badge" i], [class*="pill" i], [class*="chip" i]) {
    background: linear-gradient(180deg, rgba(6, 78, 59, .98), rgba(5, 46, 38, .98)) !important;
    border-color: rgba(52, 211, 153, .46) !important;
    color: #bbf7d0 !important;
}

[data-theme="dark"] .ams-content :is(.pr-type--policy-change, .pr-status--open, [class*="open" i], [class*="pending" i], [class*="review" i]):is(.pr-type, .pr-priority, .pr-status, [class*="type" i], [class*="priority" i], [class*="status" i], [class*="badge" i], [class*="pill" i], [class*="chip" i]),
.theme-dark .ams-content :is(.pr-type--policy-change, .pr-status--open, [class*="open" i], [class*="pending" i], [class*="review" i]):is(.pr-type, .pr-priority, .pr-status, [class*="type" i], [class*="priority" i], [class*="status" i], [class*="badge" i], [class*="pill" i], [class*="chip" i]),
body.dark .ams-content :is(.pr-type--policy-change, .pr-status--open, [class*="open" i], [class*="pending" i], [class*="review" i]):is(.pr-type, .pr-priority, .pr-status, [class*="type" i], [class*="priority" i], [class*="status" i], [class*="badge" i], [class*="pill" i], [class*="chip" i]) {
    background: linear-gradient(180deg, rgba(120, 53, 15, .98), rgba(69, 26, 3, .98)) !important;
    border-color: rgba(251, 191, 36, .48) !important;
    color: #fde68a !important;
}

[data-theme="dark"] .ams-content :is(.pr-priority--urgent, .pr-type--claim-intake, [class*="urgent" i], [class*="risk" i], [class*="danger" i], [class*="failed" i]):is(.pr-type, .pr-priority, .pr-status, [class*="type" i], [class*="priority" i], [class*="status" i], [class*="badge" i], [class*="pill" i], [class*="chip" i]),
.theme-dark .ams-content :is(.pr-priority--urgent, .pr-type--claim-intake, [class*="urgent" i], [class*="risk" i], [class*="danger" i], [class*="failed" i]):is(.pr-type, .pr-priority, .pr-status, [class*="type" i], [class*="priority" i], [class*="status" i], [class*="badge" i], [class*="pill" i], [class*="chip" i]),
body.dark .ams-content :is(.pr-priority--urgent, .pr-type--claim-intake, [class*="urgent" i], [class*="risk" i], [class*="danger" i], [class*="failed" i]):is(.pr-type, .pr-priority, .pr-status, [class*="type" i], [class*="priority" i], [class*="status" i], [class*="badge" i], [class*="pill" i], [class*="chip" i]) {
    background: linear-gradient(180deg, rgba(127, 29, 29, .98), rgba(69, 10, 10, .98)) !important;
    border-color: rgba(248, 113, 113, .48) !important;
    color: #fecaca !important;
}

[data-theme="dark"] .ams-content :is(.pr-type--payment, .pr-type--secure-message, .pr-status--in-progress, [class*="progress" i], [class*="message" i], [class*="payment" i]):is(.pr-type, .pr-priority, .pr-status, [class*="type" i], [class*="priority" i], [class*="status" i], [class*="badge" i], [class*="pill" i], [class*="chip" i]),
.theme-dark .ams-content :is(.pr-type--payment, .pr-type--secure-message, .pr-status--in-progress, [class*="progress" i], [class*="message" i], [class*="payment" i]):is(.pr-type, .pr-priority, .pr-status, [class*="type" i], [class*="priority" i], [class*="status" i], [class*="badge" i], [class*="pill" i], [class*="chip" i]),
body.dark .ams-content :is(.pr-type--payment, .pr-type--secure-message, .pr-status--in-progress, [class*="progress" i], [class*="message" i], [class*="payment" i]):is(.pr-type, .pr-priority, .pr-status, [class*="type" i], [class*="priority" i], [class*="status" i], [class*="badge" i], [class*="pill" i], [class*="chip" i]) {
    background: linear-gradient(180deg, rgba(30, 64, 175, .98), rgba(23, 37, 84, .98)) !important;
    border-color: rgba(96, 165, 250, .48) !important;
    color: #dbeafe !important;
}

[data-theme="dark"] .ams-content :is(.pr-score-card, [class*="score-card" i], [class*="readiness-card" i], [class*="readiness-panel" i], [class*="sla-card" i], [class*="sla-panel" i], [class*="insight-row" i], [class*="readiness-row" i]),
.theme-dark .ams-content :is(.pr-score-card, [class*="score-card" i], [class*="readiness-card" i], [class*="readiness-panel" i], [class*="sla-card" i], [class*="sla-panel" i], [class*="insight-row" i], [class*="readiness-row" i]),
body.dark .ams-content :is(.pr-score-card, [class*="score-card" i], [class*="readiness-card" i], [class*="readiness-panel" i], [class*="sla-card" i], [class*="sla-panel" i], [class*="insight-row" i], [class*="readiness-row" i]) {
    background-color: #0d1b2e !important;
    background-image: linear-gradient(180deg, rgba(17, 34, 58, .98), rgba(11, 24, 42, .98)) !important;
    border: 1px solid rgba(96, 165, 250, .3) !important;
    color: #e5edf8 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 12px 30px rgba(0, 0, 0, .16) !important;
}

[data-theme="dark"] .ams-content :is(.pr-score-card, [class*="score-card" i], [class*="readiness-card" i], [class*="readiness-panel" i], [class*="sla-card" i], [class*="sla-panel" i], [class*="insight-row" i], [class*="readiness-row" i]) :is(span, small, p, strong, label, div, i),
.theme-dark .ams-content :is(.pr-score-card, [class*="score-card" i], [class*="readiness-card" i], [class*="readiness-panel" i], [class*="sla-card" i], [class*="sla-panel" i], [class*="insight-row" i], [class*="readiness-row" i]) :is(span, small, p, strong, label, div, i),
body.dark .ams-content :is(.pr-score-card, [class*="score-card" i], [class*="readiness-card" i], [class*="readiness-panel" i], [class*="sla-card" i], [class*="sla-panel" i], [class*="insight-row" i], [class*="readiness-row" i]) :is(span, small, p, strong, label, div, i) {
    color: #e5edf8 !important;
}

/* Dark theme: role/security/MFA pills in user and access tables. */
[data-theme="dark"] .ams-content :is(
    .pu-role, .pu-status, .pu-security, .pu-priority,
    .use-pill, .use-risk-badge, .use-count-pill,
    [class*="role-badge" i], [class*="role-chip" i], [class*="role-pill" i],
    [class*="security-badge" i], [class*="security-chip" i], [class*="security-pill" i]
),
.theme-dark .ams-content :is(
    .pu-role, .pu-status, .pu-security, .pu-priority,
    .use-pill, .use-risk-badge, .use-count-pill,
    [class*="role-badge" i], [class*="role-chip" i], [class*="role-pill" i],
    [class*="security-badge" i], [class*="security-chip" i], [class*="security-pill" i]
),
body.dark .ams-content :is(
    .pu-role, .pu-status, .pu-security, .pu-priority,
    .use-pill, .use-risk-badge, .use-count-pill,
    [class*="role-badge" i], [class*="role-chip" i], [class*="role-pill" i],
    [class*="security-badge" i], [class*="security-chip" i], [class*="security-pill" i]
) {
    background: linear-gradient(180deg, rgba(30, 58, 95, .98), rgba(17, 34, 58, .98)) !important;
    border: 1px solid rgba(147, 197, 253, .36) !important;
    color: #eaf4ff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 6px 16px rgba(0, 0, 0, .18) !important;
    text-shadow: none !important;
}

[data-theme="dark"] .ams-content :is(.pu-role--admin, .use-pill--neutral),
.theme-dark .ams-content :is(.pu-role--admin, .use-pill--neutral),
body.dark .ams-content :is(.pu-role--admin, .use-pill--neutral) {
    background: linear-gradient(180deg, rgba(88, 28, 135, .98), rgba(59, 7, 100, .98)) !important;
    border-color: rgba(196, 181, 253, .44) !important;
    color: #ede9fe !important;
}

[data-theme="dark"] .ams-content :is(.pu-role--policyholder, .use-pill--blue),
.theme-dark .ams-content :is(.pu-role--policyholder, .use-pill--blue),
body.dark .ams-content :is(.pu-role--policyholder, .use-pill--blue) {
    background: linear-gradient(180deg, rgba(30, 64, 175, .98), rgba(23, 37, 84, .98)) !important;
    border-color: rgba(96, 165, 250, .48) !important;
    color: #dbeafe !important;
}

[data-theme="dark"] .ams-content :is(.pu-role--contact, .pu-status--active, .pu-security--ok, .use-pill--green, .use-risk-badge--green),
.theme-dark .ams-content :is(.pu-role--contact, .pu-status--active, .pu-security--ok, .use-pill--green, .use-risk-badge--green),
body.dark .ams-content :is(.pu-role--contact, .pu-status--active, .pu-security--ok, .use-pill--green, .use-risk-badge--green) {
    background: linear-gradient(180deg, rgba(6, 78, 59, .98), rgba(5, 46, 38, .98)) !important;
    border-color: rgba(52, 211, 153, .46) !important;
    color: #bbf7d0 !important;
}

[data-theme="dark"] .ams-content :is(.pu-status--pending, .pu-priority--medium, .use-pill--amber, .use-risk-badge--amber),
.theme-dark .ams-content :is(.pu-status--pending, .pu-priority--medium, .use-pill--amber, .use-risk-badge--amber),
body.dark .ams-content :is(.pu-status--pending, .pu-priority--medium, .use-pill--amber, .use-risk-badge--amber) {
    background: linear-gradient(180deg, rgba(120, 53, 15, .98), rgba(69, 26, 3, .98)) !important;
    border-color: rgba(251, 191, 36, .48) !important;
    color: #fde68a !important;
}

[data-theme="dark"] .ams-content :is(.pu-status--suspended, .pu-security--risk, .pu-priority--high, .use-pill--red, .use-risk-badge--red),
.theme-dark .ams-content :is(.pu-status--suspended, .pu-security--risk, .pu-priority--high, .use-pill--red, .use-risk-badge--red),
body.dark .ams-content :is(.pu-status--suspended, .pu-security--risk, .pu-priority--high, .use-pill--red, .use-risk-badge--red) {
    background: linear-gradient(180deg, rgba(127, 29, 29, .98), rgba(69, 10, 10, .98)) !important;
    border-color: rgba(248, 113, 113, .48) !important;
    color: #fecaca !important;
}

[data-theme="dark"] .ams-content :is(.pu-priority--normal, .use-risk-badge--cyan),
.theme-dark .ams-content :is(.pu-priority--normal, .use-risk-badge--cyan),
body.dark .ams-content :is(.pu-priority--normal, .use-risk-badge--cyan) {
    background: linear-gradient(180deg, rgba(21, 94, 117, .98), rgba(8, 51, 68, .98)) !important;
    border-color: rgba(103, 232, 249, .42) !important;
    color: #cffafe !important;
}

/* Global badge/chip/pill/status polish for dark theme. */
[data-theme="dark"] .ams-content :is(
    .badge,
    [class*="badge" i],
    [class*="chip" i],
    [class*="pill" i],
    [class*="tag" i],
    [class*="status" i],
    [class*="state" i],
    [class*="sla" i],
    [class*="count" i]
):not([class*="icon" i]):not([class*="card" i]):not([class*="strip" i]):not([class*="panel" i]):not([class*="page" i]):not([class*="modal" i]),
.theme-dark .ams-content :is(
    .badge,
    [class*="badge" i],
    [class*="chip" i],
    [class*="pill" i],
    [class*="tag" i],
    [class*="status" i],
    [class*="state" i],
    [class*="sla" i],
    [class*="count" i]
):not([class*="icon" i]):not([class*="card" i]):not([class*="strip" i]):not([class*="panel" i]):not([class*="page" i]):not([class*="modal" i]),
body.dark .ams-content :is(
    .badge,
    [class*="badge" i],
    [class*="chip" i],
    [class*="pill" i],
    [class*="tag" i],
    [class*="status" i],
    [class*="state" i],
    [class*="sla" i],
    [class*="count" i]
):not([class*="icon" i]):not([class*="card" i]):not([class*="strip" i]):not([class*="panel" i]):not([class*="page" i]):not([class*="modal" i]) {
    background: linear-gradient(180deg, rgba(30, 58, 95, .98), rgba(17, 34, 58, .98)) !important;
    border: 1px solid rgba(147, 197, 253, .34) !important;
    color: #eaf4ff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 6px 16px rgba(0, 0, 0, .18) !important;
    text-shadow: none !important;
}

[data-theme="dark"] .ams-content :is([class*="success" i], [class*="completed" i], [class*="active" i], [class*="ready" i], [class*="ok" i], [class*="approved" i]):is([class*="badge" i], [class*="chip" i], [class*="pill" i], [class*="tag" i], [class*="status" i], [class*="state" i], [class*="sla" i]),
.theme-dark .ams-content :is([class*="success" i], [class*="completed" i], [class*="active" i], [class*="ready" i], [class*="ok" i], [class*="approved" i]):is([class*="badge" i], [class*="chip" i], [class*="pill" i], [class*="tag" i], [class*="status" i], [class*="state" i], [class*="sla" i]),
body.dark .ams-content :is([class*="success" i], [class*="completed" i], [class*="active" i], [class*="ready" i], [class*="ok" i], [class*="approved" i]):is([class*="badge" i], [class*="chip" i], [class*="pill" i], [class*="tag" i], [class*="status" i], [class*="state" i], [class*="sla" i]) {
    background: linear-gradient(180deg, rgba(6, 78, 59, .98), rgba(5, 46, 38, .98)) !important;
    border-color: rgba(52, 211, 153, .42) !important;
    color: #bbf7d0 !important;
}

[data-theme="dark"] .ams-content :is([class*="warning" i], [class*="pending" i], [class*="amber" i], [class*="at-risk" i], [class*="risk" i], [class*="review" i]):is([class*="badge" i], [class*="chip" i], [class*="pill" i], [class*="tag" i], [class*="status" i], [class*="state" i], [class*="sla" i]),
.theme-dark .ams-content :is([class*="warning" i], [class*="pending" i], [class*="amber" i], [class*="at-risk" i], [class*="risk" i], [class*="review" i]):is([class*="badge" i], [class*="chip" i], [class*="pill" i], [class*="tag" i], [class*="status" i], [class*="state" i], [class*="sla" i]),
body.dark .ams-content :is([class*="warning" i], [class*="pending" i], [class*="amber" i], [class*="at-risk" i], [class*="risk" i], [class*="review" i]):is([class*="badge" i], [class*="chip" i], [class*="pill" i], [class*="tag" i], [class*="status" i], [class*="state" i], [class*="sla" i]) {
    background: linear-gradient(180deg, rgba(120, 53, 15, .98), rgba(69, 26, 3, .98)) !important;
    border-color: rgba(251, 191, 36, .46) !important;
    color: #fde68a !important;
}

[data-theme="dark"] .ams-content :is([class*="danger" i], [class*="error" i], [class*="failed" i], [class*="rejected" i], [class*="breached" i], [class*="urgent" i], [class*="red" i]):is([class*="badge" i], [class*="chip" i], [class*="pill" i], [class*="tag" i], [class*="status" i], [class*="state" i], [class*="sla" i]),
.theme-dark .ams-content :is([class*="danger" i], [class*="error" i], [class*="failed" i], [class*="rejected" i], [class*="breached" i], [class*="urgent" i], [class*="red" i]):is([class*="badge" i], [class*="chip" i], [class*="pill" i], [class*="tag" i], [class*="status" i], [class*="state" i], [class*="sla" i]),
body.dark .ams-content :is([class*="danger" i], [class*="error" i], [class*="failed" i], [class*="rejected" i], [class*="breached" i], [class*="urgent" i], [class*="red" i]):is([class*="badge" i], [class*="chip" i], [class*="pill" i], [class*="tag" i], [class*="status" i], [class*="state" i], [class*="sla" i]) {
    background: linear-gradient(180deg, rgba(127, 29, 29, .98), rgba(69, 10, 10, .98)) !important;
    border-color: rgba(248, 113, 113, .46) !important;
    color: #fecaca !important;
}

[data-theme="dark"] .ams-content :is([class*="info" i], [class*="blue" i], [class*="portal" i], [class*="email" i], [class*="open" i], [class*="synced" i]):is([class*="badge" i], [class*="chip" i], [class*="pill" i], [class*="tag" i], [class*="status" i], [class*="state" i], [class*="sla" i]),
.theme-dark .ams-content :is([class*="info" i], [class*="blue" i], [class*="portal" i], [class*="email" i], [class*="open" i], [class*="synced" i]):is([class*="badge" i], [class*="chip" i], [class*="pill" i], [class*="tag" i], [class*="status" i], [class*="state" i], [class*="sla" i]),
body.dark .ams-content :is([class*="info" i], [class*="blue" i], [class*="portal" i], [class*="email" i], [class*="open" i], [class*="synced" i]):is([class*="badge" i], [class*="chip" i], [class*="pill" i], [class*="tag" i], [class*="status" i], [class*="state" i], [class*="sla" i]) {
    background: linear-gradient(180deg, rgba(30, 64, 175, .98), rgba(23, 37, 84, .98)) !important;
    border-color: rgba(96, 165, 250, .46) !important;
    color: #dbeafe !important;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .ams-content :is(
        .badge,
        [class*="badge" i], [class*="chip" i], [class*="pill" i], [class*="tag" i], [class*="status" i], [class*="state" i], [class*="sla" i], [class*="count" i]
    ):not([class*="icon" i]):not([class*="card" i]):not([class*="strip" i]):not([class*="panel" i]):not([class*="page" i]):not([class*="modal" i]) {
        background: linear-gradient(180deg, rgba(30, 58, 95, .98), rgba(17, 34, 58, .98)) !important;
        border: 1px solid rgba(147, 197, 253, .34) !important;
        color: #eaf4ff !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 6px 16px rgba(0, 0, 0, .18) !important;
        text-shadow: none !important;
    }
}

/* Documents routes: dark-theme polish for /documents* pages and document setup/config pages. */
[data-theme="dark"] .ams-content :is(
    .doc-enterprise-page, .doc-page, .documents-page, .df-enterprise-page, .df-page, .dd-enterprise-page, .dd-page,
    .oe-enterprise-page, .oe-page, .eq-enterprise-page, .eq-page,
    .af-enterprise-page, .af-page, .dc-enterprise-page, .dc-page, .dt-enterprise-page, .dt-page,
    .es-enterprise-page, .es-page, .ocr-enterprise-page, .ocr-page, .rr-enterprise-page, .rr-page,
    .st-enterprise-page, .st-page, .dsd-enterprise-page, .dsd-page,
    [class*="document" i][class*="page" i]
),
.theme-dark .ams-content :is(
    .doc-enterprise-page, .doc-page, .documents-page, .df-enterprise-page, .df-page, .dd-enterprise-page, .dd-page,
    .oe-enterprise-page, .oe-page, .eq-enterprise-page, .eq-page,
    .af-enterprise-page, .af-page, .dc-enterprise-page, .dc-page, .dt-enterprise-page, .dt-page,
    .es-enterprise-page, .es-page, .ocr-enterprise-page, .ocr-page, .rr-enterprise-page, .rr-page,
    .st-enterprise-page, .st-page, .dsd-enterprise-page, .dsd-page,
    [class*="document" i][class*="page" i]
),
body.dark .ams-content :is(
    .doc-enterprise-page, .doc-page, .documents-page, .df-enterprise-page, .df-page, .dd-enterprise-page, .dd-page,
    .oe-enterprise-page, .oe-page, .eq-enterprise-page, .eq-page,
    .af-enterprise-page, .af-page, .dc-enterprise-page, .dc-page, .dt-enterprise-page, .dt-page,
    .es-enterprise-page, .es-page, .ocr-enterprise-page, .ocr-page, .rr-enterprise-page, .rr-page,
    .st-enterprise-page, .st-page, .dsd-enterprise-page, .dsd-page,
    [class*="document" i][class*="page" i]
) {
    background-color: #081424 !important;
    background-image: radial-gradient(circle at 12% 0, rgba(59, 130, 246, .14), transparent 28rem), linear-gradient(180deg, #0b1628, #081424) !important;
    border-color: rgba(96, 165, 250, .24) !important;
    color: #e5edf8 !important;
}

[data-theme="dark"] .ams-content :is(
    [class^="doc-"], [class^="df-"], [class^="dd-"], [class^="oe-"], [class^="eq-"],
    [class^="af-"], [class^="dc-"], [class^="dt-"], [class^="es-"], [class^="ocr-"], [class^="rr-"], [class^="st-"], [class^="dsd-"],
    [class*="document" i], [class*="packet" i], [class*="ocr" i], [class*="esign" i], [class*="retention" i], [class*="storage" i]
):is(
    [class*="header"], [class*="strip"], [class*="card"], [class*="panel"], [class*="pane"], [class*="toolbar"], [class*="bar"], [class*="nav"], [class*="list"], [class*="row"], [class*="detail"], [class*="modal"], [class*="toast"], [class*="table"], [class*="grid"], [class*="wrap"], [class*="shell"], [class*="workflow"], [class*="search"], [class*="tabs"], [class*="tab"], [class*="preview"], [class*="summary"], [class$="-metric"], [class*="timeline"], [class*="audit"], [class*="upload"], [class*="drop"], [class*="form"], [class*="field"], [class*="empty"], [class*="section"], [class*="body"], [class*="footer"], [class*="content"], [class*="menu"], [class*="selector"], [class*="chip"], [class*="pill"], [class*="badge"], [class*="count"], [class*="result"], [class*="meta"], [class*="note"], [class*="action"]
),
.theme-dark .ams-content :is(
    [class^="doc-"], [class^="df-"], [class^="dd-"], [class^="oe-"], [class^="eq-"],
    [class^="af-"], [class^="dc-"], [class^="dt-"], [class^="es-"], [class^="ocr-"], [class^="rr-"], [class^="st-"], [class^="dsd-"],
    [class*="document" i], [class*="packet" i], [class*="ocr" i], [class*="esign" i], [class*="retention" i], [class*="storage" i]
):is(
    [class*="header"], [class*="strip"], [class*="card"], [class*="panel"], [class*="pane"], [class*="toolbar"], [class*="bar"], [class*="nav"], [class*="list"], [class*="row"], [class*="detail"], [class*="modal"], [class*="toast"], [class*="table"], [class*="grid"], [class*="wrap"], [class*="shell"], [class*="workflow"], [class*="search"], [class*="tabs"], [class*="tab"], [class*="preview"], [class*="summary"], [class$="-metric"], [class*="timeline"], [class*="audit"], [class*="upload"], [class*="drop"], [class*="form"], [class*="field"], [class*="empty"], [class*="section"], [class*="body"], [class*="footer"], [class*="content"], [class*="menu"], [class*="selector"], [class*="chip"], [class*="pill"], [class*="badge"], [class*="count"], [class*="result"], [class*="meta"], [class*="note"], [class*="action"]
),
body.dark .ams-content :is(
    [class^="doc-"], [class^="df-"], [class^="dd-"], [class^="oe-"], [class^="eq-"],
    [class^="af-"], [class^="dc-"], [class^="dt-"], [class^="es-"], [class^="ocr-"], [class^="rr-"], [class^="st-"], [class^="dsd-"],
    [class*="document" i], [class*="packet" i], [class*="ocr" i], [class*="esign" i], [class*="retention" i], [class*="storage" i]
):is(
    [class*="header"], [class*="strip"], [class*="card"], [class*="panel"], [class*="pane"], [class*="toolbar"], [class*="bar"], [class*="nav"], [class*="list"], [class*="row"], [class*="detail"], [class*="modal"], [class*="toast"], [class*="table"], [class*="grid"], [class*="wrap"], [class*="shell"], [class*="workflow"], [class*="search"], [class*="tabs"], [class*="tab"], [class*="preview"], [class*="summary"], [class$="-metric"], [class*="timeline"], [class*="audit"], [class*="upload"], [class*="drop"], [class*="form"], [class*="field"], [class*="empty"], [class*="section"], [class*="body"], [class*="footer"], [class*="content"], [class*="menu"], [class*="selector"], [class*="chip"], [class*="pill"], [class*="badge"], [class*="count"], [class*="result"], [class*="meta"], [class*="note"], [class*="action"]
) {
    background-color: #0d1b2e !important;
    background-image: none !important;
    border-color: rgba(96, 165, 250, .26) !important;
    color: #e5edf8 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

[data-theme="dark"] .ams-content :is(
    .doc-enterprise-page, .doc-page, .documents-page, .df-enterprise-page, .df-page, .dd-enterprise-page, .dd-page,
    .oe-enterprise-page, .oe-page, .eq-enterprise-page, .eq-page,
    .af-enterprise-page, .af-page, .dc-enterprise-page, .dc-page, .dt-enterprise-page, .dt-page,
    .es-enterprise-page, .es-page, .ocr-enterprise-page, .ocr-page, .rr-enterprise-page, .rr-page,
    .st-enterprise-page, .st-page, .dsd-enterprise-page, .dsd-page,
    [class*="document" i][class*="page" i]
) :is(h1, h2, h3, h4, h5, h6, strong, label, button, dt, dd),
.theme-dark .ams-content :is(
    .doc-enterprise-page, .doc-page, .documents-page, .df-enterprise-page, .df-page, .dd-enterprise-page, .dd-page,
    .oe-enterprise-page, .oe-page, .eq-enterprise-page, .eq-page,
    .af-enterprise-page, .af-page, .dc-enterprise-page, .dc-page, .dt-enterprise-page, .dt-page,
    .es-enterprise-page, .es-page, .ocr-enterprise-page, .ocr-page, .rr-enterprise-page, .rr-page,
    .st-enterprise-page, .st-page, .dsd-enterprise-page, .dsd-page,
    [class*="document" i][class*="page" i]
) :is(h1, h2, h3, h4, h5, h6, strong, label, button, dt, dd),
body.dark .ams-content :is(
    .doc-enterprise-page, .doc-page, .documents-page, .df-enterprise-page, .df-page, .dd-enterprise-page, .dd-page,
    .oe-enterprise-page, .oe-page, .eq-enterprise-page, .eq-page,
    .af-enterprise-page, .af-page, .dc-enterprise-page, .dc-page, .dt-enterprise-page, .dt-page,
    .es-enterprise-page, .es-page, .ocr-enterprise-page, .ocr-page, .rr-enterprise-page, .rr-page,
    .st-enterprise-page, .st-page, .dsd-enterprise-page, .dsd-page,
    [class*="document" i][class*="page" i]
) :is(h1, h2, h3, h4, h5, h6, strong, label, button, dt, dd) {
    color: #f8fafc !important;
}

[data-theme="dark"] .ams-content .dh-enterprise-page .dh-version,
.theme-dark .ams-content .dh-enterprise-page .dh-version,
body.dark .ams-content .dh-enterprise-page .dh-version {
    background: rgba(30, 58, 95, .72) !important;
    background-color: rgba(30, 58, 95, .72) !important;
    background-image: none !important;
    border: 1px solid rgba(147, 197, 253, .26) !important;
    color: #bfdbfe !important;
    box-shadow: none !important;
}

[data-theme="dark"] .ams-content :is(
    .doc-enterprise-page, .doc-page, .documents-page, .df-enterprise-page, .df-page, .dd-enterprise-page, .dd-page,
    .oe-enterprise-page, .oe-page, .eq-enterprise-page, .eq-page,
    .af-enterprise-page, .af-page, .dc-enterprise-page, .dc-page, .dt-enterprise-page, .dt-page,
    .es-enterprise-page, .es-page, .ocr-enterprise-page, .ocr-page, .rr-enterprise-page, .rr-page,
    .st-enterprise-page, .st-page, .dsd-enterprise-page, .dsd-page,
    [class*="document" i][class*="page" i]
) :is(p, span, small, div, li, em),
.theme-dark .ams-content :is(
    .doc-enterprise-page, .doc-page, .documents-page, .df-enterprise-page, .df-page, .dd-enterprise-page, .dd-page,
    .oe-enterprise-page, .oe-page, .eq-enterprise-page, .eq-page,
    .af-enterprise-page, .af-page, .dc-enterprise-page, .dc-page, .dt-enterprise-page, .dt-page,
    .es-enterprise-page, .es-page, .ocr-enterprise-page, .ocr-page, .rr-enterprise-page, .rr-page,
    .st-enterprise-page, .st-page, .dsd-enterprise-page, .dsd-page,
    [class*="document" i][class*="page" i]
) :is(p, span, small, div, li, em),
body.dark .ams-content :is(
    .doc-enterprise-page, .doc-page, .documents-page, .df-enterprise-page, .df-page, .dd-enterprise-page, .dd-page,
    .oe-enterprise-page, .oe-page, .eq-enterprise-page, .eq-page,
    .af-enterprise-page, .af-page, .dc-enterprise-page, .dc-page, .dt-enterprise-page, .dt-page,
    .es-enterprise-page, .es-page, .ocr-enterprise-page, .ocr-page, .rr-enterprise-page, .rr-page,
    .st-enterprise-page, .st-page, .dsd-enterprise-page, .dsd-page,
    [class*="document" i][class*="page" i]
) :is(p, span, small, div, li, em) {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .ams-content :is(
    .doc-enterprise-page, .doc-page, .documents-page, .df-enterprise-page, .df-page, .dd-enterprise-page, .dd-page,
    .oe-enterprise-page, .oe-page, .eq-enterprise-page, .eq-page,
    .af-enterprise-page, .af-page, .dc-enterprise-page, .dc-page, .dt-enterprise-page, .dt-page,
    .es-enterprise-page, .es-page, .ocr-enterprise-page, .ocr-page, .rr-enterprise-page, .rr-page,
    .st-enterprise-page, .st-page, .dsd-enterprise-page, .dsd-page,
    [class*="document" i][class*="page" i]
) :is(input, select, textarea, .form-control, .form-select, .um-input, [class$="-input"], [class*="-input "], [class$="-select"], [class*="-select "]),
.theme-dark .ams-content :is(
    .doc-enterprise-page, .doc-page, .documents-page, .df-enterprise-page, .df-page, .dd-enterprise-page, .dd-page,
    .oe-enterprise-page, .oe-page, .eq-enterprise-page, .eq-page,
    .af-enterprise-page, .af-page, .dc-enterprise-page, .dc-page, .dt-enterprise-page, .dt-page,
    .es-enterprise-page, .es-page, .ocr-enterprise-page, .ocr-page, .rr-enterprise-page, .rr-page,
    .st-enterprise-page, .st-page, .dsd-enterprise-page, .dsd-page,
    [class*="document" i][class*="page" i]
) :is(input, select, textarea, .form-control, .form-select, .um-input, [class$="-input"], [class*="-input "], [class$="-select"], [class*="-select "]),
body.dark .ams-content :is(
    .doc-enterprise-page, .doc-page, .documents-page, .df-enterprise-page, .df-page, .dd-enterprise-page, .dd-page,
    .oe-enterprise-page, .oe-page, .eq-enterprise-page, .eq-page,
    .af-enterprise-page, .af-page, .dc-enterprise-page, .dc-page, .dt-enterprise-page, .dt-page,
    .es-enterprise-page, .es-page, .ocr-enterprise-page, .ocr-page, .rr-enterprise-page, .rr-page,
    .st-enterprise-page, .st-page, .dsd-enterprise-page, .dsd-page,
    [class*="document" i][class*="page" i]
) :is(input, select, textarea, .form-control, .form-select, .um-input, [class$="-input"], [class*="-input "], [class$="-select"], [class*="-select "]) {
    background-color: #081424 !important;
    background-image: none !important;
    border-color: rgba(96, 165, 250, .32) !important;
    color: #f8fafc !important;
}

/* Scoped account badges that use isolated CSS class names instead of generic badge/chip names. */
[data-theme="dark"] :is(.acc-status, .acc-priority, .acc-segment, .acc-readiness-badge, .dmx-status, .dmx-role, .dmx-status-pill, .dmx-filter-pill, .crr-status, .crr-role, .crr-status-pill, .crr-filter-pill),
.theme-dark :is(.acc-status, .acc-priority, .acc-segment, .acc-readiness-badge, .dmx-status, .dmx-role, .dmx-status-pill, .dmx-filter-pill, .crr-status, .crr-role, .crr-status-pill, .crr-filter-pill),
body.dark :is(.acc-status, .acc-priority, .acc-segment, .acc-readiness-badge, .dmx-status, .dmx-role, .dmx-status-pill, .dmx-filter-pill, .crr-status, .crr-role, .crr-status-pill, .crr-filter-pill) {
    background: linear-gradient(180deg, rgba(30, 58, 95, .98), rgba(17, 34, 58, .98)) !important;
    border: 1px solid rgba(147, 197, 253, .36) !important;
    color: #eaf4ff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 6px 16px rgba(0, 0, 0, .18) !important;
}

[data-theme="dark"] :is(.acc-status-active, .acc-priority-strategic, .acc-readiness-ready, .dmx-status-active, .dmx-role-portal, .crr-status-active, .crr-role-portal),
.theme-dark :is(.acc-status-active, .acc-priority-strategic, .acc-readiness-ready, .dmx-status-active, .dmx-role-portal, .crr-status-active, .crr-role-portal),
body.dark :is(.acc-status-active, .acc-priority-strategic, .acc-readiness-ready, .dmx-status-active, .dmx-role-portal, .crr-status-active, .crr-role-portal) {
    background: linear-gradient(180deg, rgba(6, 78, 59, .98), rgba(5, 46, 38, .98)) !important;
    border-color: rgba(52, 211, 153, .44) !important;
    color: #bbf7d0 !important;
}

[data-theme="dark"] :is(.acc-status-prospect, .acc-priority-pipeline, .dmx-role-service, .crr-role-service),
.theme-dark :is(.acc-status-prospect, .acc-priority-pipeline, .dmx-role-service, .crr-role-service),
body.dark :is(.acc-status-prospect, .acc-priority-pipeline, .dmx-role-service, .crr-role-service) {
    background: linear-gradient(180deg, rgba(30, 64, 175, .98), rgba(23, 37, 84, .98)) !important;
    border-color: rgba(96, 165, 250, .48) !important;
    color: #dbeafe !important;
}

[data-theme="dark"] :is(.acc-priority-priority, .dmx-status-left-company, .dmx-role-key, .dmx-role-billing, .crr-status-left-company, .crr-role-key, .crr-role-billing),
.theme-dark :is(.acc-priority-priority, .dmx-status-left-company, .dmx-role-key, .dmx-role-billing, .crr-status-left-company, .crr-role-key, .crr-role-billing),
body.dark :is(.acc-priority-priority, .dmx-status-left-company, .dmx-role-key, .dmx-role-billing, .crr-status-left-company, .crr-role-key, .crr-role-billing) {
    background: linear-gradient(180deg, rgba(120, 53, 15, .98), rgba(69, 26, 3, .98)) !important;
    border-color: rgba(251, 191, 36, .48) !important;
    color: #fde68a !important;
}

[data-theme="dark"] :is(.acc-status-warning, .acc-priority-risk, .acc-readiness-risk),
.theme-dark :is(.acc-status-warning, .acc-priority-risk, .acc-readiness-risk),
body.dark :is(.acc-status-warning, .acc-priority-risk, .acc-readiness-risk) {
    background: linear-gradient(180deg, rgba(127, 29, 29, .98), rgba(69, 10, 10, .98)) !important;
    border-color: rgba(248, 113, 113, .48) !important;
    color: #fecaca !important;
}

[data-theme="dark"] :is(.acc-segment, .dmx-role-exec, .crr-role-exec),
.theme-dark :is(.acc-segment, .dmx-role-exec, .crr-role-exec),
body.dark :is(.acc-segment, .dmx-role-exec, .crr-role-exec) {
    background: linear-gradient(180deg, rgba(88, 28, 135, .98), rgba(59, 7, 100, .98)) !important;
    border-color: rgba(196, 181, 253, .42) !important;
    color: #ede9fe !important;
}

/* Dark-theme polish: remove lingering light note/outcome/detail boxes and pale pills across pages. */
[data-theme="dark"] .ams-content :is(
    [class*="notes" i], [class*="note-" i], [class*="outcome" i], [class*="followup" i],
    [class*="detail-grid" i] > *, [class*="dg-cell" i], [class*="info-cell" i], [class*="summary-cell" i],
    [class*="message-box" i], [class*="sync-strip" i], [class*="command-strip" i], [class*="modal-intro" i],
    [class*="preview" i], [class*="subject-row" i], [class*="governance-row" i], [class*="action-row" i],
    [class*="chip" i], [class*="pill" i], [class*="badge" i], [class*="status" i], [class*="sla" i], [class*="tag" i]
),
.theme-dark .ams-content :is(
    [class*="notes" i], [class*="note-" i], [class*="outcome" i], [class*="followup" i],
    [class*="detail-grid" i] > *, [class*="dg-cell" i], [class*="info-cell" i], [class*="summary-cell" i],
    [class*="message-box" i], [class*="sync-strip" i], [class*="command-strip" i], [class*="modal-intro" i],
    [class*="preview" i], [class*="subject-row" i], [class*="governance-row" i], [class*="action-row" i],
    [class*="chip" i], [class*="pill" i], [class*="badge" i], [class*="status" i], [class*="sla" i], [class*="tag" i]
),
body.dark .ams-content :is(
    [class*="notes" i], [class*="note-" i], [class*="outcome" i], [class*="followup" i],
    [class*="detail-grid" i] > *, [class*="dg-cell" i], [class*="info-cell" i], [class*="summary-cell" i],
    [class*="message-box" i], [class*="sync-strip" i], [class*="command-strip" i], [class*="modal-intro" i],
    [class*="preview" i], [class*="subject-row" i], [class*="governance-row" i], [class*="action-row" i],
    [class*="chip" i], [class*="pill" i], [class*="badge" i], [class*="status" i], [class*="sla" i], [class*="tag" i]
) {
    background-color: #13243b !important;
    background-image: linear-gradient(180deg, rgba(19, 36, 59, .98), rgba(13, 27, 46, .98)) !important;
    border-color: rgba(147, 197, 253, .26) !important;
    color: #e5edf8 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

[data-theme="dark"] .ams-content :is(
    [class*="notes" i], [class*="note-" i], [class*="outcome" i], [class*="followup" i],
    [class*="detail-grid" i] > *, [class*="dg-cell" i], [class*="info-cell" i], [class*="summary-cell" i],
    [class*="message-box" i], [class*="sync-strip" i], [class*="command-strip" i], [class*="modal-intro" i],
    [class*="preview" i], [class*="subject-row" i], [class*="governance-row" i], [class*="action-row" i]
) :is(span, small, p, div, label, strong),
.theme-dark .ams-content :is(
    [class*="notes" i], [class*="note-" i], [class*="outcome" i], [class*="followup" i],
    [class*="detail-grid" i] > *, [class*="dg-cell" i], [class*="info-cell" i], [class*="summary-cell" i],
    [class*="message-box" i], [class*="sync-strip" i], [class*="command-strip" i], [class*="modal-intro" i],
    [class*="preview" i], [class*="subject-row" i], [class*="governance-row" i], [class*="action-row" i]
) :is(span, small, p, div, label, strong),
body.dark .ams-content :is(
    [class*="notes" i], [class*="note-" i], [class*="outcome" i], [class*="followup" i],
    [class*="detail-grid" i] > *, [class*="dg-cell" i], [class*="info-cell" i], [class*="summary-cell" i],
    [class*="message-box" i], [class*="sync-strip" i], [class*="command-strip" i], [class*="modal-intro" i],
    [class*="preview" i], [class*="subject-row" i], [class*="governance-row" i], [class*="action-row" i]
) :is(span, small, p, div, label, strong) {
    color: #dbeafe !important;
}

[data-theme="dark"] .ams-content :is([class*="lbl" i], [class*="label" i], [class*="muted" i], [class*="meta" i]),
.theme-dark .ams-content :is([class*="lbl" i], [class*="label" i], [class*="muted" i], [class*="meta" i]),
body.dark .ams-content :is([class*="lbl" i], [class*="label" i], [class*="muted" i], [class*="meta" i]) {
    color: #a9b8cc !important;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .ams-content :is(
        [class*="notes" i], [class*="note-" i], [class*="outcome" i], [class*="followup" i],
        [class*="detail-grid" i] > *, [class*="dg-cell" i], [class*="info-cell" i], [class*="summary-cell" i],
        [class*="message-box" i], [class*="sync-strip" i], [class*="command-strip" i], [class*="modal-intro" i],
        [class*="preview" i], [class*="subject-row" i], [class*="governance-row" i], [class*="action-row" i],
        [class*="chip" i], [class*="pill" i], [class*="badge" i], [class*="status" i], [class*="sla" i], [class*="tag" i]
    ) {
        background-color: #13243b !important;
        background-image: linear-gradient(180deg, rgba(19, 36, 59, .98), rgba(13, 27, 46, .98)) !important;
        border-color: rgba(147, 197, 253, .26) !important;
        color: #e5edf8 !important;
    }
}

[data-theme="dark"] .ams-content :is(.pr-hero, .pd-hero, .pd-header, .cc-hero, .ew-header, .ch-hero, .psd-hero, .pcd-hero, .cmp-header, .pvh-header, .cp-hero, .pa-hero, .cd-hero),
.theme-dark .ams-content :is(.pr-hero, .pd-hero, .pd-header, .cc-hero, .ew-header, .ch-hero, .psd-hero, .pcd-hero, .cmp-header, .pvh-header, .cp-hero, .pa-hero, .cd-hero),
body.dark .ams-content :is(.pr-hero, .pd-hero, .pd-header, .cc-hero, .ew-header, .ch-hero, .psd-hero, .pcd-hero, .cmp-header, .pvh-header, .cp-hero, .pa-hero, .cd-hero) {
    background-color: transparent !important;
    background-image: radial-gradient(circle at 28% 0%, rgba(255, 255, 255, .16), transparent 22rem), linear-gradient(135deg, #0f172a 0%, #12315a 58%, #047857 120%) !important;
    color: #f8fafc !important;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .ams-content :is(.pr-hero, .pd-hero, .pd-header, .cc-hero, .ew-header, .ch-hero, .psd-hero, .pcd-hero, .cmp-header, .pvh-header, .cp-hero, .pa-hero, .cd-hero) {
        background-color: transparent !important;
        background-image: radial-gradient(circle at 28% 0%, rgba(255, 255, 255, .16), transparent 22rem), linear-gradient(135deg, #0f172a 0%, #12315a 58%, #047857 120%) !important;
        color: #f8fafc !important;
    }
}

/* KPI cards: remove decorative pseudo-element background shapes everywhere. */
.ams-content :is(
    [class*="kpi-card" i],
    [class*="kpi-tile" i],
    [class*="kpi-metric" i],
    [class*="metric-card" i],
    [class*="stat-card" i]
)::before,
.ams-content :is(
    [class*="kpi-card" i],
    [class*="kpi-tile" i],
    [class*="kpi-metric" i],
    [class*="metric-card" i],
    [class*="stat-card" i]
)::after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
    box-shadow: none !important;
}

/* Policy endorsements: keep dark surfaces, but do not paint text rows inside hero/KPI/workflow content. */
[data-theme="dark"] .ams-content :is(
    .ew-header-info, .ew-title-row, .ew-hero-copy, .ew-sub-row,
    .ew-kpi-card > div:not(.ew-kpi-icon), .ew-kpi-val, .ew-kpi-lbl, .ew-kpi-card small,
    .ew-workflow-card > span, .ew-workflow-card strong, .ew-workflow-card small
),
.theme-dark .ams-content :is(
    .ew-header-info, .ew-title-row, .ew-hero-copy, .ew-sub-row,
    .ew-kpi-card > div:not(.ew-kpi-icon), .ew-kpi-val, .ew-kpi-lbl, .ew-kpi-card small,
    .ew-workflow-card > span, .ew-workflow-card strong, .ew-workflow-card small
),
body.dark .ams-content :is(
    .ew-header-info, .ew-title-row, .ew-hero-copy, .ew-sub-row,
    .ew-kpi-card > div:not(.ew-kpi-icon), .ew-kpi-val, .ew-kpi-lbl, .ew-kpi-card small,
    .ew-workflow-card > span, .ew-workflow-card strong, .ew-workflow-card small
) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .ams-content :is(
        .ew-header-info, .ew-title-row, .ew-hero-copy, .ew-sub-row,
        .ew-kpi-card > div:not(.ew-kpi-icon), .ew-kpi-val, .ew-kpi-lbl, .ew-kpi-card small,
        .ew-workflow-card > span, .ew-workflow-card strong, .ew-workflow-card small
    ) {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
    }
}

/* Communications routes: force scoped light surfaces/text to dark theme. */
[data-theme="dark"] .ams-content :is(.ci-enterprise-page, .tpl-enterprise-page, .comms-hero, .as-page, .mkc-enterprise-page, .nt-page, .oq-page, .td-enterprise-page, .cmc-page),
.theme-dark .ams-content :is(.ci-enterprise-page, .tpl-enterprise-page, .comms-hero, .as-page, .mkc-enterprise-page, .nt-page, .oq-page, .td-enterprise-page, .cmc-page),
body.dark .ams-content :is(.ci-enterprise-page, .tpl-enterprise-page, .comms-hero, .as-page, .mkc-enterprise-page, .nt-page, .oq-page, .td-enterprise-page, .cmc-page) {
    background-color: #081424 !important;
    background-image: linear-gradient(180deg, #0b1628, #081424) !important;
    border-color: rgba(96, 165, 250, .24) !important;
    color: #e5edf8 !important;
}

[data-theme="dark"] .ams-content :is(
    [class^="ci-"], [class^="tpl-"], [class^="comms-"], [class^="as-"], [class^="mkc-"], [class^="nt-"], [class^="oq-"], [class^="td-"], [class^="cmc-"]
):is(
    [class*="hero"], [class*="header"], [class*="strip"], [class*="card"], [class*="panel"], [class*="pane"], [class*="toolbar"], [class*="bar"], [class*="nav"], [class*="list"], [class*="row"], [class*="detail"], [class*="thread"], [class*="bubble"], [class*="reply"], [class*="modal"], [class*="toast"], [class*="table"], [class*="grid"], [class*="wrap"], [class*="command"], [class*="lane"], [class*="module"], [class*="work"], [class*="subject"], [class*="footer"], [class*="body"], [class*="preview"], [class*="governance"], [class*="action"], [class*="empty"], [class*="pill"], [class*="chip"], [class*="badge"], [class*="status"], [class*="meta"], [class*="sync"], [class*="message"], [class*="search"], [class*="sel"]
),
.theme-dark .ams-content :is(
    [class^="ci-"], [class^="tpl-"], [class^="comms-"], [class^="as-"], [class^="mkc-"], [class^="nt-"], [class^="oq-"], [class^="td-"], [class^="cmc-"]
):is(
    [class*="hero"], [class*="header"], [class*="strip"], [class*="card"], [class*="panel"], [class*="pane"], [class*="toolbar"], [class*="bar"], [class*="nav"], [class*="list"], [class*="row"], [class*="detail"], [class*="thread"], [class*="bubble"], [class*="reply"], [class*="modal"], [class*="toast"], [class*="table"], [class*="grid"], [class*="wrap"], [class*="command"], [class*="lane"], [class*="module"], [class*="work"], [class*="subject"], [class*="footer"], [class*="body"], [class*="preview"], [class*="governance"], [class*="action"], [class*="empty"], [class*="pill"], [class*="chip"], [class*="badge"], [class*="status"], [class*="meta"], [class*="sync"], [class*="message"], [class*="search"], [class*="sel"]
),
body.dark .ams-content :is(
    [class^="ci-"], [class^="tpl-"], [class^="comms-"], [class^="as-"], [class^="mkc-"], [class^="nt-"], [class^="oq-"], [class^="td-"], [class^="cmc-"]
):is(
    [class*="hero"], [class*="header"], [class*="strip"], [class*="card"], [class*="panel"], [class*="pane"], [class*="toolbar"], [class*="bar"], [class*="nav"], [class*="list"], [class*="row"], [class*="detail"], [class*="thread"], [class*="bubble"], [class*="reply"], [class*="modal"], [class*="toast"], [class*="table"], [class*="grid"], [class*="wrap"], [class*="command"], [class*="lane"], [class*="module"], [class*="work"], [class*="subject"], [class*="footer"], [class*="body"], [class*="preview"], [class*="governance"], [class*="action"], [class*="empty"], [class*="pill"], [class*="chip"], [class*="badge"], [class*="status"], [class*="meta"], [class*="sync"], [class*="message"], [class*="search"], [class*="sel"]
) {
    background-color: #0d1b2e !important;
    background-image: none !important;
    border-color: rgba(96, 165, 250, .26) !important;
    color: #e5edf8 !important;
    box-shadow: none !important;
}

[data-theme="dark"] .ams-content :is(.ci-enterprise-page, .tpl-enterprise-page, .comms-hero, .as-page, .mkc-enterprise-page, .nt-page, .oq-page, .td-enterprise-page, .cmc-page) :is(h1, h2, h3, h4, h5, h6, strong, label, button, dt, dd),
.theme-dark .ams-content :is(.ci-enterprise-page, .tpl-enterprise-page, .comms-hero, .as-page, .mkc-enterprise-page, .nt-page, .oq-page, .td-enterprise-page, .cmc-page) :is(h1, h2, h3, h4, h5, h6, strong, label, button, dt, dd),
body.dark .ams-content :is(.ci-enterprise-page, .tpl-enterprise-page, .comms-hero, .as-page, .mkc-enterprise-page, .nt-page, .oq-page, .td-enterprise-page, .cmc-page) :is(h1, h2, h3, h4, h5, h6, strong, label, button, dt, dd) {
    color: #f8fafc !important;
}

[data-theme="dark"] .ams-content :is(.ci-enterprise-page, .tpl-enterprise-page, .comms-hero, .as-page, .mkc-enterprise-page, .nt-page, .oq-page, .td-enterprise-page, .cmc-page) :is(p, span, small, div, li),
.theme-dark .ams-content :is(.ci-enterprise-page, .tpl-enterprise-page, .comms-hero, .as-page, .mkc-enterprise-page, .nt-page, .oq-page, .td-enterprise-page, .cmc-page) :is(p, span, small, div, li),
body.dark .ams-content :is(.ci-enterprise-page, .tpl-enterprise-page, .comms-hero, .as-page, .mkc-enterprise-page, .nt-page, .oq-page, .td-enterprise-page, .cmc-page) :is(p, span, small, div, li) {
    color: #cbd5e1 !important;
}

[data-theme="dark"] .ams-content :is(.ci-enterprise-page, .tpl-enterprise-page, .comms-hero, .as-page, .mkc-enterprise-page, .nt-page, .oq-page, .td-enterprise-page, .cmc-page) :is(input, select, textarea, .form-control, .form-select, .um-input),
.theme-dark .ams-content :is(.ci-enterprise-page, .tpl-enterprise-page, .comms-hero, .as-page, .mkc-enterprise-page, .nt-page, .oq-page, .td-enterprise-page, .cmc-page) :is(input, select, textarea, .form-control, .form-select, .um-input),
body.dark .ams-content :is(.ci-enterprise-page, .tpl-enterprise-page, .comms-hero, .as-page, .mkc-enterprise-page, .nt-page, .oq-page, .td-enterprise-page, .cmc-page) :is(input, select, textarea, .form-control, .form-select, .um-input) {
    background-color: #081424 !important;
    background-image: none !important;
    border-color: rgba(96, 165, 250, .32) !important;
    color: #f8fafc !important;
}

[data-theme="dark"] .ams-content :is(.ci-enterprise-page, .tpl-enterprise-page, .comms-hero, .as-page, .mkc-enterprise-page, .nt-page, .oq-page, .td-enterprise-page, .cmc-page) :is(input, textarea)::placeholder,
.theme-dark .ams-content :is(.ci-enterprise-page, .tpl-enterprise-page, .comms-hero, .as-page, .mkc-enterprise-page, .nt-page, .oq-page, .td-enterprise-page, .cmc-page) :is(input, textarea)::placeholder,
body.dark .ams-content :is(.ci-enterprise-page, .tpl-enterprise-page, .comms-hero, .as-page, .mkc-enterprise-page, .nt-page, .oq-page, .td-enterprise-page, .cmc-page) :is(input, textarea)::placeholder {
    color: #94a3b8 !important;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .ams-content :is(.ci-enterprise-page, .tpl-enterprise-page, .comms-hero, .as-page, .mkc-enterprise-page, .nt-page, .oq-page, .td-enterprise-page, .cmc-page) {
        background-color: #081424 !important;
        background-image: linear-gradient(180deg, #0b1628, #081424) !important;
        border-color: rgba(96, 165, 250, .24) !important;
        color: #e5edf8 !important;
    }
}

/* Dark theme: replace lingering scoped light cards/panels such as Recent payouts. */
[data-theme="dark"] .ams-content :is(
    [class*="note-card" i], [class*="payout-list" i], [class*="payout-summary" i], [class*="progress-card" i], [class*="balance-preview" i],
    [class*="meta-row" i], [class*="detail-actions" i], [class*="summary-card" i], [class*="info-card" i], [class*="mini-card" i],
    [class*="empty-state" i], [class*="detail-empty" i], [class*="loading" i], [class*="modal-intro" i], [class*="confirm-row" i]
),
.theme-dark .ams-content :is(
    [class*="note-card" i], [class*="payout-list" i], [class*="payout-summary" i], [class*="progress-card" i], [class*="balance-preview" i],
    [class*="meta-row" i], [class*="detail-actions" i], [class*="summary-card" i], [class*="info-card" i], [class*="mini-card" i],
    [class*="empty-state" i], [class*="detail-empty" i], [class*="loading" i], [class*="modal-intro" i], [class*="confirm-row" i]
),
body.dark .ams-content :is(
    [class*="note-card" i], [class*="payout-list" i], [class*="payout-summary" i], [class*="progress-card" i], [class*="balance-preview" i],
    [class*="meta-row" i], [class*="detail-actions" i], [class*="summary-card" i], [class*="info-card" i], [class*="mini-card" i],
    [class*="empty-state" i], [class*="detail-empty" i], [class*="loading" i], [class*="modal-intro" i], [class*="confirm-row" i]
) {
    background-color: #0d1b2e !important;
    background-image: linear-gradient(180deg, rgba(17, 34, 58, .98), rgba(11, 24, 42, .98)) !important;
    border-color: rgba(96, 165, 250, .3) !important;
    color: #e5edf8 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04), 0 12px 30px rgba(0, 0, 0, .16) !important;
}

[data-theme="dark"] .ams-content :is(
    [class*="note-card" i], [class*="payout-list" i], [class*="payout-summary" i], [class*="progress-card" i], [class*="balance-preview" i],
    [class*="meta-row" i], [class*="detail-actions" i], [class*="summary-card" i], [class*="info-card" i], [class*="mini-card" i],
    [class*="empty-state" i], [class*="detail-empty" i], [class*="loading" i], [class*="modal-intro" i], [class*="confirm-row" i]
) :is(span, small, p, strong, label, em, div),
.theme-dark .ams-content :is(
    [class*="note-card" i], [class*="payout-list" i], [class*="payout-summary" i], [class*="progress-card" i], [class*="balance-preview" i],
    [class*="meta-row" i], [class*="detail-actions" i], [class*="summary-card" i], [class*="info-card" i], [class*="mini-card" i],
    [class*="empty-state" i], [class*="detail-empty" i], [class*="loading" i], [class*="modal-intro" i], [class*="confirm-row" i]
) :is(span, small, p, strong, label, em, div),
body.dark .ams-content :is(
    [class*="note-card" i], [class*="payout-list" i], [class*="payout-summary" i], [class*="progress-card" i], [class*="balance-preview" i],
    [class*="meta-row" i], [class*="detail-actions" i], [class*="summary-card" i], [class*="info-card" i], [class*="mini-card" i],
    [class*="empty-state" i], [class*="detail-empty" i], [class*="loading" i], [class*="modal-intro" i], [class*="confirm-row" i]
) :is(span, small, p, strong, label, em, div) {
    color: #e5edf8 !important;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .ams-content :is(
        [class*="note-card" i], [class*="payout-list" i], [class*="payout-summary" i], [class*="progress-card" i], [class*="balance-preview" i],
        [class*="meta-row" i], [class*="detail-actions" i], [class*="summary-card" i], [class*="info-card" i], [class*="mini-card" i],
        [class*="empty-state" i], [class*="detail-empty" i], [class*="loading" i], [class*="modal-intro" i], [class*="confirm-row" i]
    ) {
        background-color: #0d1b2e !important;
        background-image: linear-gradient(180deg, rgba(17, 34, 58, .98), rgba(11, 24, 42, .98)) !important;
        border-color: rgba(96, 165, 250, .3) !important;
        color: #e5edf8 !important;
    }
}

/* Final global indicator fill only: do not style labels or row layout. */
[data-theme="dark"] .ams-content :is([class*="rank-row" i], [class*="risk-row" i], [class*="account-row" i]) > div:has(> i[style*="width"]) > i,
[data-theme="dark"] .ams-content [class*="analytics-list" i] :is(button, li, article) > div:has(> i[style*="width"]) > i,
.ams-shell.theme-dark .ams-content :is([class*="rank-row" i], [class*="risk-row" i], [class*="account-row" i]) > div:has(> i[style*="width"]) > i,
.ams-shell.theme-dark .ams-content [class*="analytics-list" i] :is(button, li, article) > div:has(> i[style*="width"]) > i,
.theme-dark .ams-content :is([class*="rank-row" i], [class*="risk-row" i], [class*="account-row" i]) > div:has(> i[style*="width"]) > i,
.theme-dark .ams-content [class*="analytics-list" i] :is(button, li, article) > div:has(> i[style*="width"]) > i,
body.dark .ams-content :is([class*="rank-row" i], [class*="risk-row" i], [class*="account-row" i]) > div:has(> i[style*="width"]) > i,
body.dark .ams-content [class*="analytics-list" i] :is(button, li, article) > div:has(> i[style*="width"]) > i {
    background: linear-gradient(90deg, #ef4444 0%, #f59e0b 48%, #22c55e 100%) !important;
    background-color: #f59e0b !important;
    background-image: linear-gradient(90deg, #ef4444 0%, #f59e0b 48%, #22c55e 100%) !important;
}

/* Global enterprise search glow: visible border in light and dark themes. */
.ams-content .um-search-box > i {
    left: 1.05rem !important;
    z-index: 2 !important;
}

.ams-content .um-search-box > .um-search-input {
    padding-left: 3.55rem !important;
}

.ams-client-route .um-search-box > i,
html.ams-client-route .um-search-box > i {
    display: inline-flex !important;
    left: 1.05rem !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    z-index: 2 !important;
}

.ams-client-route .um-search-box > .um-search-input,
html.ams-client-route .um-search-box > .um-search-input {
    padding-left: 3.55rem !important;
}

.ams-client-route :is([class$="-filter-panel"], [class*="-filter-panel "]) > .um-search-box,
html.ams-client-route :is([class$="-filter-panel"], [class*="-filter-panel "]) > .um-search-box {
    width: 100% !important;
    max-width: none !important;
    min-width: min(22rem, 100%) !important;
}

.ams-client-route .um-search-row,
html.ams-client-route .um-search-row {
    grid-template-columns: minmax(22rem, 1fr) auto auto !important;
    width: 100% !important;
}

.ams-client-route .um-search-row > .um-search-box,
html.ams-client-route .um-search-row > .um-search-box {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
}

@media (max-width: 1200px) {
    .ams-client-route :is([class$="-filter-panel"], [class*="-filter-panel "]):has(> .um-search-box),
    html.ams-client-route :is([class$="-filter-panel"], [class*="-filter-panel "]):has(> .um-search-box) {
        grid-template-columns: minmax(20rem, 1fr) repeat(2, minmax(8rem, 1fr)) !important;
    }

    .ams-client-route :is([class$="-filter-panel"], [class*="-filter-panel "]) > .um-search-box,
    html.ams-client-route :is([class$="-filter-panel"], [class*="-filter-panel "]) > .um-search-box {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 780px) {
    .ams-client-route :is([class$="-filter-panel"], [class*="-filter-panel "]):has(> .um-search-box),
    html.ams-client-route :is([class$="-filter-panel"], [class*="-filter-panel "]):has(> .um-search-box),
    .ams-client-route .um-search-row,
    html.ams-client-route .um-search-row {
        grid-template-columns: 1fr !important;
    }

    .ams-client-route .um-search-box,
    html.ams-client-route .um-search-box {
        flex-basis: 100% !important;
        min-width: 0 !important;
    }

    .ams-client-route .um-search-result,
    html.ams-client-route .um-search-result {
        justify-items: start !important;
        width: 100% !important;
    }
}

.ams-content :is(input[class*="search-input"]::placeholder, .um-search-input::placeholder) {
    font-size: .84rem !important;
    font-weight: 400 !important;
}

[data-theme="dark"] .ams-content :is(.um-search-box, [class*="-search-wrap"], .opportunity-search-box):has(input[class*="search" i], input[placeholder*="search" i], .um-search-input),
.ams-shell.theme-dark .ams-content :is(.um-search-box, [class*="-search-wrap"], .opportunity-search-box):has(input[class*="search" i], input[placeholder*="search" i], .um-search-input),
.theme-dark .ams-content :is(.um-search-box, [class*="-search-wrap"], .opportunity-search-box):has(input[class*="search" i], input[placeholder*="search" i], .um-search-input),
body.dark .ams-content :is(.um-search-box, [class*="-search-wrap"], .opportunity-search-box):has(input[class*="search" i], input[placeholder*="search" i], .um-search-input) {
    border-radius: 999px !important;
    border-color: rgba(96, 165, 250, .72) !important;
    box-shadow: 0 0 0 1px rgba(96, 165, 250, .30), 0 0 24px rgba(96, 165, 250, .30) !important;
}

[data-theme="dark"] .ams-content :is(.um-search-box, [class*="-search-wrap"], .opportunity-search-box):has(input[class*="search" i], input[placeholder*="search" i], .um-search-input):focus-within,
.ams-shell.theme-dark .ams-content :is(.um-search-box, [class*="-search-wrap"], .opportunity-search-box):has(input[class*="search" i], input[placeholder*="search" i], .um-search-input):focus-within,
.theme-dark .ams-content :is(.um-search-box, [class*="-search-wrap"], .opportunity-search-box):has(input[class*="search" i], input[placeholder*="search" i], .um-search-input):focus-within,
body.dark .ams-content :is(.um-search-box, [class*="-search-wrap"], .opportunity-search-box):has(input[class*="search" i], input[placeholder*="search" i], .um-search-input):focus-within {
    border-radius: 999px !important;
    border-color: rgba(147, 197, 253, .95) !important;
    box-shadow: 0 0 0 2px rgba(96, 165, 250, .36), 0 0 34px rgba(96, 165, 250, .42) !important;
}

/* Final client contact responsibility chips: remove pale light pills in dark theme. */
[data-theme="dark"] .ams-content :is(.dmx-role, .crr-role, .cr-role),
.ams-shell.theme-dark .ams-content :is(.dmx-role, .crr-role, .cr-role),
.theme-dark .ams-content :is(.dmx-role, .crr-role, .cr-role),
body.dark .ams-content :is(.dmx-role, .crr-role, .cr-role) {
    box-shadow: none !important;
}

[data-theme="dark"] .ams-content :is(.dmx-role-key, .dmx-role-billing, .crr-role-key, .crr-role-billing, .cr-role-billing),
.ams-shell.theme-dark .ams-content :is(.dmx-role-key, .dmx-role-billing, .crr-role-key, .crr-role-billing, .cr-role-billing),
.theme-dark .ams-content :is(.dmx-role-key, .dmx-role-billing, .crr-role-key, .crr-role-billing, .cr-role-billing),
body.dark .ams-content :is(.dmx-role-key, .dmx-role-billing, .crr-role-key, .crr-role-billing, .cr-role-billing) {
    background: rgba(245, 158, 11, .18) !important;
    border-color: rgba(251, 191, 36, .38) !important;
    color: #fde68a !important;
}

[data-theme="dark"] .ams-content :is(.dmx-role-service, .crr-role-service, .cr-role-service),
.ams-shell.theme-dark .ams-content :is(.dmx-role-service, .crr-role-service, .cr-role-service),
.theme-dark .ams-content :is(.dmx-role-service, .crr-role-service, .cr-role-service),
body.dark .ams-content :is(.dmx-role-service, .crr-role-service, .cr-role-service) {
    background: rgba(14, 165, 233, .18) !important;
    border-color: rgba(125, 211, 252, .38) !important;
    color: #bae6fd !important;
}

[data-theme="dark"] .ams-content :is(.dmx-role-portal, .crr-role-portal, .cr-role-portal),
.ams-shell.theme-dark .ams-content :is(.dmx-role-portal, .crr-role-portal, .cr-role-portal),
.theme-dark .ams-content :is(.dmx-role-portal, .crr-role-portal, .cr-role-portal),
body.dark .ams-content :is(.dmx-role-portal, .crr-role-portal, .cr-role-portal) {
    background: rgba(34, 197, 94, .18) !important;
    border-color: rgba(134, 239, 172, .38) !important;
    color: #bbf7d0 !important;
}

[data-theme="dark"] .ams-content .cr-role-key,
.ams-shell.theme-dark .ams-content .cr-role-key,
.theme-dark .ams-content .cr-role-key,
body.dark .ams-content .cr-role-key {
    background: rgba(124, 58, 237, .18) !important;
    border-color: rgba(196, 181, 253, .38) !important;
    color: #ddd6fe !important;
}

[data-theme="dark"] .ams-content :is(.dmx-role-exec, .crr-role-exec),
.ams-shell.theme-dark .ams-content :is(.dmx-role-exec, .crr-role-exec),
.theme-dark .ams-content :is(.dmx-role-exec, .crr-role-exec),
body.dark .ams-content :is(.dmx-role-exec, .crr-role-exec) {
    background: rgba(124, 58, 237, .18) !important;
    border-color: rgba(196, 181, 253, .38) !important;
    color: #ddd6fe !important;
}

/* Final decision maker action menu: force compact vertical dropdown for RenderTreeBuilder markup. */
.ams-content .dmx-actions-col {
    position: relative !important;
    overflow: visible !important;
}

.ams-content .dmx-action-menu-wrap {
    position: relative !important;
    display: inline-flex !important;
    justify-content: flex-end !important;
    overflow: visible !important;
}

.ams-content .dmx-action-menu {
    position: absolute !important;
    top: calc(100% + .5rem) !important;
    right: 0 !important;
    z-index: 4000 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: .2rem !important;
    width: 19rem !important;
    max-width: calc(100vw - 2rem) !important;
    padding: .45rem !important;
    border: 1px solid rgba(96, 165, 250, .28) !important;
    border-radius: 1.1rem !important;
    background: linear-gradient(180deg, #102039, #0b1728) !important;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .42) !important;
    text-align: left !important;
    white-space: normal !important;
}

.ams-content .dmx-action-menu::before {
    content: "" !important;
    position: absolute !important;
    top: -.38rem !important;
    right: .75rem !important;
    width: .75rem !important;
    height: .75rem !important;
    transform: rotate(45deg) !important;
    background: #102039 !important;
    border-left: 1px solid rgba(96, 165, 250, .28) !important;
    border-top: 1px solid rgba(96, 165, 250, .28) !important;
}

.ams-content .dmx-action-menu-summary {
    display: grid !important;
    gap: .08rem !important;
    margin: -.1rem -.1rem .25rem !important;
    padding: .55rem .65rem !important;
    border-radius: .8rem !important;
    background: rgba(15, 34, 61, .92) !important;
}

.ams-content .dmx-action-menu-summary strong {
    color: #e5edf8 !important;
    font-size: .82rem !important;
    font-weight: 900 !important;
}

.ams-content .dmx-action-menu-summary span {
    color: #9fb0c7 !important;
    font-size: .74rem !important;
    font-weight: 750 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.ams-content .dmx-action-menu .um-action-menu-item {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: .55rem !important;
    padding: .55rem .65rem !important;
    border: 0 !important;
    border-radius: .6rem !important;
    background: transparent !important;
    color: #e5edf8 !important;
    font-size: .82rem !important;
    font-weight: 650 !important;
    text-align: left !important;
    white-space: normal !important;
}

.ams-content .dmx-action-menu .um-action-menu-item i {
    width: 1rem !important;
    flex: 0 0 1rem !important;
    text-align: center !important;
    color: #93c5fd !important;
}

.ams-content .dmx-action-menu .um-action-menu-item span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.ams-content .dmx-action-menu .um-action-menu-item:hover {
    background: rgba(96, 165, 250, .14) !important;
    color: #bfdbfe !important;
}

.ams-content .dmx-action-menu .um-action-menu-item--danger,
.ams-content .dmx-action-menu .um-action-menu-item--danger i {
    color: #fecaca !important;
}

.ams-content .dmx-action-menu .um-action-menu-item--danger:hover {
    background: rgba(239, 68, 68, .16) !important;
    color: #fecaca !important;
}

/* Final enterprise polish for /client/contacts/dm. */
.ams-content .dmx-enterprise-page {
    gap: 1.15rem !important;
    min-height: calc(100vh - 5rem) !important;
    padding: 1.1rem 1.25rem 2.25rem !important;
    background: radial-gradient(circle at 12% 0%, rgba(37, 99, 235, .10), transparent 24rem), linear-gradient(180deg, #071326 0%, #0b1728 100%) !important;
}

.ams-content .dmx-header {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    min-height: 8.4rem !important;
    padding: 1.35rem 1.45rem !important;
    border: 1px solid rgba(147, 197, 253, .26) !important;
    border-radius: 1.4rem !important;
    background: radial-gradient(circle at 11% 22%, rgba(96, 165, 250, .30), transparent 25%), radial-gradient(circle at 91% 0%, rgba(245, 158, 11, .16), transparent 28%), linear-gradient(135deg, #102143 0%, #173b8b 58%, #304e91 100%) !important;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .34), inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

.ams-content .dmx-header::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;
    background: linear-gradient(90deg, transparent 0%, transparent 73%, rgba(255, 255, 255, .13) 73%, rgba(255, 255, 255, .08) 100%) !important;
    pointer-events: none !important;
}

.ams-content .dmx-header::after {
    content: "" !important;
    position: absolute !important;
    right: -6rem !important;
    bottom: -9rem !important;
    z-index: -1 !important;
    width: 24rem !important;
    height: 24rem !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .09) !important;
    pointer-events: none !important;
}

.ams-content .dmx-page-title {
    color: #f8fbff !important;
    font-size: clamp(1.8rem, 2vw, 2.35rem) !important;
    letter-spacing: -.045em !important;
}

.ams-content .dmx-hero-copy {
    max-width: 72rem !important;
    color: rgba(226, 238, 255, .92) !important;
    font-size: .95rem !important;
    font-weight: 650 !important;
}

.ams-content .dmx-lob-icon {
    width: 3.85rem !important;
    height: 3.85rem !important;
    border-radius: 1.1rem !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, .22), rgba(255, 255, 255, .08)) !important;
    border-color: rgba(255, 255, 255, .24) !important;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .16), 0 18px 38px rgba(0, 0, 0, .24) !important;
}

.ams-content .dmx-sub-row {
    gap: .4rem !important;
    width: fit-content !important;
    max-width: 100% !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.ams-content .dmx-sub-chip,
.ams-content .dmx-status-pill,
.ams-content .dmx-filter-pill {
    border: 1px solid rgba(191, 219, 254, .25) !important;
    background: rgba(10, 24, 44, .52) !important;
    color: #dbeafe !important;
    font-size: .72rem !important;
    font-weight: 850 !important;
    line-height: 1 !important;
    backdrop-filter: blur(10px) !important;
}

.ams-content .dmx-header-actions .um-btn {
    min-height: 2.35rem !important;
    border-radius: 999px !important;
    font-size: .78rem !important;
    font-weight: 900 !important;
}

.ams-content .dmx-kpi-strip {
    display: grid !important;
    grid-template-columns: repeat(6, minmax(10rem, 1fr)) !important;
    gap: .75rem !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.ams-content .dmx-kpi-card {
    min-height: 4.5rem !important;
    padding: .9rem 1rem !important;
    border: 1px solid rgba(96, 165, 250, .18) !important;
    border-radius: 1rem !important;
    background: linear-gradient(145deg, rgba(15, 31, 54, .98), rgba(10, 22, 40, .98)) !important;
    box-shadow: 0 16px 40px rgba(0, 0, 0, .20), inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

.ams-content .dmx-kpi-card:hover,
.ams-content .dmx-kpi-active {
    transform: translateY(-2px) !important;
    border-color: rgba(147, 197, 253, .34) !important;
    box-shadow: 0 22px 52px rgba(0, 0, 0, .30), 0 0 0 1px rgba(96, 165, 250, .10) !important;
}

.ams-content .dmx-kpi-lbl {
    color: #cbd5e1 !important;
    font-size: .86rem !important;
    font-weight: 900 !important;
}

.ams-content .dmx-kpi-lbl i,
.ams-content .dmx-kpi-val {
    background: rgba(15, 34, 61, .92) !important;
    color: #dbeafe !important;
    box-shadow: inset 0 0 0 1px rgba(147, 197, 253, .20) !important;
}

.ams-content .dmx-view-tabs {
    gap: .35rem !important;
    padding: .45rem !important;
    border: 1px solid rgba(96, 165, 250, .14) !important;
    border-radius: 1rem !important;
    background: rgba(8, 19, 35, .72) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
}

.ams-content .dmx-view-tab {
    min-height: 2.15rem !important;
    border-radius: .7rem !important;
    color: #9fb0c7 !important;
    font-size: .78rem !important;
    font-weight: 900 !important;
}

.ams-content .dmx-view-tab:hover,
.ams-content .dmx-view-tab--active {
    border-color: rgba(96, 165, 250, .22) !important;
    background: linear-gradient(135deg, rgba(37, 99, 235, .28), rgba(29, 78, 216, .14)) !important;
    color: #dbeafe !important;
}

.ams-content .dmx-tab-count {
    border-color: rgba(147, 197, 253, .24) !important;
    background: rgba(30, 64, 175, .32) !important;
    color: #bfdbfe !important;
}

.ams-content .dmx-type-filter {
    min-height: 2.15rem !important;
    border-color: rgba(96, 165, 250, .20) !important;
    border-radius: .7rem !important;
    background: rgba(15, 34, 61, .92) !important;
    color: #dbeafe !important;
    font-size: .8rem !important;
    font-weight: 850 !important;
}

.ams-content .dmx-grid-wrap {
    overflow: hidden !important;
    min-height: 28rem !important;
    border: 1px solid rgba(96, 165, 250, .16) !important;
    border-radius: 1.15rem !important;
    background: linear-gradient(180deg, rgba(13, 27, 46, .96), rgba(8, 19, 35, .96)) !important;
    box-shadow: 0 18px 46px rgba(0, 0, 0, .24) !important;
}

.ams-content .dmx-grid-toolbar,
.ams-content .dmx-pager {
    padding: .85rem 1.05rem !important;
    border-color: rgba(96, 165, 250, .13) !important;
    background: rgba(13, 27, 46, .82) !important;
    color: #cbd5e1 !important;
}

.ams-content .dmx-table-scroll {
    min-height: 22rem !important;
    overflow: auto !important;
}

.ams-content .dmx-table {
    min-width: 96rem !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

.ams-content .dmx-table th {
    position: sticky !important;
    top: 0 !important;
    z-index: 2 !important;
    padding: .75rem 1rem !important;
    border-bottom: 1px solid rgba(96, 165, 250, .14) !important;
    background: #0a1627 !important;
    color: #b6c6dc !important;
    font-size: .68rem !important;
    font-weight: 950 !important;
    letter-spacing: .06em !important;
}

.ams-content .dmx-table td {
    padding: .8rem 1rem !important;
    border-bottom: 1px solid rgba(96, 165, 250, .10) !important;
    color: #dbe7f5 !important;
    font-size: .84rem !important;
    vertical-align: middle !important;
}

.ams-content .dmx-table-row:hover {
    background: rgba(37, 99, 235, .10) !important;
    box-shadow: inset 3px 0 0 rgba(96, 165, 250, .72) !important;
}

.ams-content .dmx-contact-cell {
    display: flex !important;
    align-items: center !important;
    gap: .65rem !important;
    min-width: 17rem !important;
}

.ams-content .dmx-contact-cell > div {
    display: grid !important;
    gap: .14rem !important;
    min-width: 0 !important;
}

.ams-content .dmx-avatar {
    width: 2.2rem !important;
    height: 2.2rem !important;
    border-radius: .8rem !important;
    background: linear-gradient(135deg, #2563eb, #d97706) !important;
    color: #fff !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .24) !important;
}

.ams-content .dmx-contact-link,
.ams-content .dmx-account-pill,
.ams-content .dmx-link {
    color: #93c5fd !important;
    font-weight: 850 !important;
    text-decoration: none !important;
}

.ams-content .dmx-contact-link {
    display: block !important;
    max-width: 16rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    line-height: 1.2 !important;
}

.ams-content .dmx-contact-link:hover,
.ams-content .dmx-account-pill:hover,
.ams-content .dmx-link:hover {
    color: #bfdbfe !important;
    text-decoration: underline !important;
    text-underline-offset: .18rem !important;
}

.ams-content .dmx-contact-subtitle,
.ams-content .dmx-muted {
    display: block !important;
    max-width: 17rem !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    color: #9fb0c7 !important;
    font-size: .76rem !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}

.ams-content .dmx-role-stack {
    display: flex !important;
    align-items: center !important;
    gap: .32rem !important;
    flex-wrap: wrap !important;
    min-width: 21rem !important;
}

.ams-content .dmx-role {
    display: inline-flex !important;
    align-items: center !important;
    gap: .28rem !important;
    min-height: 1.35rem !important;
    padding: .25rem .55rem !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    font-size: .68rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    box-shadow: none !important;
}

.ams-content .dmx-status {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 1.45rem !important;
    padding: .25rem .6rem !important;
    border-radius: 999px !important;
    font-size: .72rem !important;
    font-weight: 900 !important;
}

.ams-content .dmx-status-active {
    border-color: rgba(96, 165, 250, .32) !important;
    background: rgba(37, 99, 235, .22) !important;
    color: #dbeafe !important;
}

.ams-content .dmx-status-inactive {
    border-color: rgba(148, 163, 184, .28) !important;
    background: rgba(100, 116, 139, .16) !important;
    color: #cbd5e1 !important;
}

.ams-content .dmx-status-left-company {
    border-color: rgba(251, 191, 36, .32) !important;
    background: rgba(245, 158, 11, .16) !important;
    color: #fde68a !important;
}

.ams-content .dmx-ctx-btn {
    width: 2rem !important;
    height: 2rem !important;
    min-width: 2rem !important;
    padding: 0 !important;
    border: 1px solid rgba(147, 197, 253, .20) !important;
    border-radius: 999px !important;
    background: rgba(15, 34, 61, .78) !important;
    color: #cbd5e1 !important;
}

.ams-content .dmx-ctx-btn:hover {
    border-color: rgba(147, 197, 253, .38) !important;
    background: rgba(37, 99, 235, .22) !important;
    color: #dbeafe !important;
    transform: translateY(-1px) !important;
}

@media (max-width: 1180px) {
    .ams-content .dmx-kpi-strip {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 820px) {
    .ams-content .dmx-view-tabs {
        grid-template-columns: 1fr !important;
    }

    .ams-content .dmx-kpi-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Light theme correction for /client/contacts/dm after dark enterprise polish. */
.ams-content .dmx-search-panel {
    display: flex !important;
    align-items: center !important;
    gap: .75rem !important;
    min-height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.ams-content .dmx-search-panel .dmx-search-wrap {
    flex: 1 1 auto !important;
}

.ams-content .dmx-search-panel .dmx-search-result {
    flex: 0 0 auto !important;
}

html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-enterprise-page {
    background: radial-gradient(circle at 12% 0%, rgba(37, 99, 235, .08), transparent 24rem), linear-gradient(180deg, #f8fafc 0%, #eef6ff 100%) !important;
    color: #0f172a !important;
}

html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-header {
    border-color: rgba(147, 197, 253, .34) !important;
    background: radial-gradient(circle at 11% 22%, rgba(147, 197, 253, .22), transparent 25%), radial-gradient(circle at 91% 0%, rgba(251, 191, 36, .18), transparent 28%), linear-gradient(135deg, #1e3a8a 0%, #2563eb 58%, #60a5fa 100%) !important;
    box-shadow: 0 24px 60px rgba(37, 99, 235, .18), inset 0 1px 0 rgba(255, 255, 255, .18) !important;
}

html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-sub-chip,
html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-status-pill,
html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-filter-pill {
    border-color: rgba(255, 255, 255, .34) !important;
    background: rgba(255, 255, 255, .18) !important;
    color: #f8fbff !important;
}

html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-kpi-card {
    border-color: rgba(191, 219, 254, .72) !important;
    background: linear-gradient(145deg, #ffffff, #f8fbff) !important;
    box-shadow: 0 14px 34px rgba(37, 99, 235, .09), inset 0 1px 0 rgba(255, 255, 255, .86) !important;
}

html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-kpi-card:hover,
html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-kpi-active {
    border-color: rgba(37, 99, 235, .28) !important;
    box-shadow: 0 20px 46px rgba(37, 99, 235, .14), 0 0 0 1px rgba(37, 99, 235, .08) !important;
}

html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-kpi-lbl {
    color: #475569 !important;
}

html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-kpi-lbl i,
html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-kpi-val {
    background: rgba(255, 255, 255, .86) !important;
    color: #1d4ed8 !important;
    box-shadow: inset 0 0 0 1px rgba(148, 163, 184, .16) !important;
}

html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-tab-count {
    border-color: rgba(37, 99, 235, .16) !important;
    background: #eff6ff !important;
    color: #1d4ed8 !important;
}

html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-view-tabs,
html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-grid-wrap {
    border-color: rgba(191, 219, 254, .72) !important;
    background: #ffffff !important;
    box-shadow: 0 16px 38px rgba(15, 23, 42, .07) !important;
}

html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-view-tab {
    color: #64748b !important;
}

html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-view-tab:hover,
html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-view-tab--active {
    border-color: rgba(37, 99, 235, .18) !important;
    background: #eff6ff !important;
    color: #1d4ed8 !important;
}

html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-type-filter {
    border-color: rgba(148, 163, 184, .36) !important;
    background: #ffffff !important;
    color: #334155 !important;
}

html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-grid-toolbar,
html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-pager {
    border-color: rgba(226, 232, 240, .9) !important;
    background: #ffffff !important;
    color: #475569 !important;
}

html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-table th {
    border-bottom-color: rgba(226, 232, 240, .95) !important;
    background: linear-gradient(180deg, #f8fafc, #eef2f7) !important;
    color: #475569 !important;
}

html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-table td {
    border-bottom-color: rgba(226, 232, 240, .86) !important;
    color: #0f172a !important;
}

html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-table-row:hover {
    background: rgba(37, 99, 235, .045) !important;
    box-shadow: inset 3px 0 0 rgba(37, 99, 235, .34) !important;
}

html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-contact-link,
html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-account-pill,
html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-link {
    color: #1d4ed8 !important;
}

html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-contact-link:hover,
html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-account-pill:hover,
html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-link:hover {
    color: #1e40af !important;
}

html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-contact-subtitle,
html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-muted {
    color: #64748b !important;
}

html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-status {
    min-width: 4.15rem !important;
    justify-content: center !important;
    border-width: 1px !important;
    font-size: .72rem !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    text-shadow: none !important;
}

html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-status-active {
    border-color: rgba(22, 101, 52, .30) !important;
    background: #dcfce7 !important;
    color: #14532d !important;
}

html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-status-inactive {
    border-color: rgba(71, 85, 105, .28) !important;
    background: #f1f5f9 !important;
    color: #334155 !important;
}

html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-status-left-company {
    border-color: rgba(146, 64, 14, .28) !important;
    background: #fef3c7 !important;
    color: #78350f !important;
}

html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-ctx-btn {
    border-color: rgba(148, 163, 184, .34) !important;
    background: #ffffff !important;
    color: #475569 !important;
}

html:not([data-theme="dark"]) body:not(.dark) .ams-shell:not(.theme-dark) .ams-content .dmx-ctx-btn:hover {
    border-color: rgba(37, 99, 235, .28) !important;
    background: #eff6ff !important;
    color: #1d4ed8 !important;
}

/* Blazor page icons: no filled black/blue emoji/icon wells. */
.ams-content :is(
    i.bi,
    [class$="-icon"], [class*="-icon "],
    [class$="-emoji"], [class*="-emoji "],
    [class$="-avatar"], [class*="-avatar "]
):not(button):not(.btn):not([class*="btn"]):not([class*="badge"]):not([class*="pill"]):not([class*="status"]):not([class*="logo"]):not([class*="search"]):not([class*="toast"]):not([class*="modal"]):not([class*="confirm"]) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}