:root,
html[data-theme="dark-gold"]{
  --app-bg:#080A0D;--content-bg:#0F1117;--surface-1:#171A22;--surface-2:#1B1F29;--surface-3:#202530;
  --surface-hover:#242A36;--surface-selected:rgba(214,176,77,.14);
  --text-primary:#F5F6F8;--text-secondary:#C8CDD6;--text-muted:#9CA3AF;--text-inverse:#111827;
  --border-primary:#2A2F3A;--border-secondary:#363D49;--brand-gold:#D6B04D;--brand-gold-soft:rgba(214,176,77,.14);
  --input-bg:#11151D;--input-border:#343B47;--input-text:#F5F6F8;--input-placeholder:#7E8795;
  --table-header-bg:#10151D;--table-row-bg:#171A22;--table-row-alt-bg:#1B1F29;--table-row-hover-bg:#232934;--table-row-selected-bg:#2A261B;
  --modal-bg:#171A22;--overlay-bg:rgba(2,6,12,.78);
  --shadow-sm:0 2px 8px rgba(0,0,0,.22);--shadow-md:0 12px 30px rgba(0,0,0,.32);--shadow-lg:0 28px 80px rgba(0,0,0,.55);
  --success:#38B870;--warning:#E8A838;--danger:#E45D5D;--info:#6BA9E8;
  --chart-grid:#303743;--chart-axis:#8E98A6;--chart-tooltip-bg:#10151D;
}
html[data-theme="white-page"]{
  --app-bg:#101216;--content-bg:#F2F4F7;--surface-1:#FFFFFF;--surface-2:#F8FAFC;--surface-3:#EEF1F5;
  --surface-hover:#F4F1E8;--surface-selected:#FFF5D6;
  --text-primary:#172033;--text-secondary:#475467;--text-muted:#667085;--text-inverse:#FFFFFF;
  --border-primary:#D9DEE7;--border-secondary:#C9D0DA;--brand-gold:#B88B18;--brand-gold-soft:#FFF4CF;
  --input-bg:#FFFFFF;--input-border:#C9D0DA;--input-text:#172033;--input-placeholder:#7A8493;
  --table-header-bg:#F5F1E8;--table-row-bg:#FFFFFF;--table-row-alt-bg:#F8FAFC;--table-row-hover-bg:#FFF9E8;--table-row-selected-bg:#FFF2C6;
  --modal-bg:#FFFFFF;--overlay-bg:rgba(15,23,42,.58);
  --shadow-sm:0 2px 8px rgba(15,23,42,.07);--shadow-md:0 12px 30px rgba(15,23,42,.11);--shadow-lg:0 28px 70px rgba(15,23,42,.2);
  --success:#177245;--warning:#B54708;--danger:#B42318;--info:#175CD3;
  --chart-grid:#E1E5EB;--chart-axis:#667085;--chart-tooltip-bg:#172033;
}

/* Global selector lives in the authenticated topbar; login chrome is intentionally untouched. */
#app .global-theme-picker{display:inline-flex;align-items:center;gap:6px;height:32px;padding:3px 7px;border:1px solid #343A34;border-radius:9px;background:#111512;color:#D6B04D}
#app .global-theme-picker svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
#app .global-theme-picker select{width:104px;height:24px;padding:0 20px 0 2px;border:0;border-radius:5px;outline:0;color:#E9E4D5;background:#111512;font-size:10.5px;font-weight:700;cursor:pointer}
#app .global-theme-picker select option{color:#172033;background:#FFFFFF}

/* White-page affects authenticated content only. Sidebar and topbar retain the approved dark chrome. */
html[data-theme="white-page"] #app.theme-dashboard-pro[data-page] #content{color:var(--text-primary)!important;background:var(--content-bg)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro #content :where(.pro-page,.stock-page,.service-page,.receivables-page,.operation-center-v1,.cff-page,.sa-page,.sgkrt-page,.biz-page,.plt-page,.dsk-page,.pprof-page,.tsp-page,.hr-page,.asst-page){color:var(--text-primary)}
html[data-theme="white-page"] #app.theme-dashboard-pro #content :where(.card,.panel,.pro-panel,.pro-toolbar-card,.service-panel,.service-step,.cashColumn,.cashLine,.cashCloseBox,.cashCloseStat,.recv-kpi,.recv-tabs,.recv-table-panel,.recv-panel-b,.oc-panel,.oc-kpi-card,.cff-kpi,.cff-panel,.sa-cmd,.sa-kpi,.sa-tabs,.sa-body,.sa-card,.sa-table-wrap,.sa-detail,.sa-recon,.sgkrt-cmd,.sgkrt-kpi-card,.biz-card,.biz-kpi-card,.plt-kpi,.plt-panel,.tsp-card,.hr-card,.bord-card,.bonus-card,.report-card,.sys-card,.empty){color:var(--text-primary)!important;background:var(--surface-1)!important;border-color:var(--border-primary)!important;box-shadow:var(--shadow-sm)}
html[data-theme="white-page"] #app.theme-dashboard-pro #content :where(.hintline,.sub,.muted,small,.field-note,.recv-cell-sub,.recv-panel-title,.sa-sub,.sa-field-lab,.sa-kpi-lab,.sa-kpi-sub,.sgkrt-cell-sub,.cff-page p,.cff-page footer){color:var(--text-muted)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro #content :where(h1,h2,h3,h4,b,strong,.recv-cell-name,.sa-card-name,.sa-card-grid b,.sgkrt-cell-main){color:var(--text-primary)}

html[data-theme="white-page"] #app.theme-dashboard-pro #content :where(input,select,textarea,.branchFixed,.cashBranchLocked){color:var(--input-text)!important;background:var(--input-bg)!important;border-color:var(--input-border)!important;color-scheme:light}
html[data-theme="white-page"] #app.theme-dashboard-pro #content :where(input,textarea)::placeholder{color:var(--input-placeholder)!important;opacity:1}
html[data-theme="white-page"] #app.theme-dashboard-pro #content :where(input,select,textarea):focus{border-color:var(--brand-gold)!important;box-shadow:0 0 0 2px var(--brand-gold-soft)!important;outline:none}
html[data-theme="white-page"] #app.theme-dashboard-pro #content input[type="checkbox"],html[data-theme="white-page"] #app.theme-dashboard-pro #content input[type="radio"]{accent-color:var(--brand-gold)}

html[data-theme="white-page"] #app.theme-dashboard-pro #content :where(table,.table,.recv-table,.sa-table,.cff-page table){color:var(--text-primary)!important;background:var(--surface-1)!important;border-color:var(--border-primary)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro #content :where(thead,thead tr,th,.recv-table th,.sa-table thead th,.cff-page th){color:var(--text-secondary)!important;background:var(--table-header-bg)!important;border-color:var(--border-primary)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro #content tbody tr>td{color:var(--text-primary);background:var(--table-row-bg);border-color:var(--border-primary)}
html[data-theme="white-page"] #app.theme-dashboard-pro #content tbody tr:nth-child(even)>td{background:var(--table-row-alt-bg)}
html[data-theme="white-page"] #app.theme-dashboard-pro #content tbody tr:hover>td{color:var(--text-primary)!important;background:var(--table-row-hover-bg)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro #content tbody tr:is(.is-selected,.is-sel,.selected)>td{background:var(--table-row-selected-bg)!important;box-shadow:inset 3px 0 0 var(--brand-gold)}

/* Module token bridges keep semantic colors while replacing only surfaces/text/borders. */
html[data-theme="white-page"] .receivables-page{--recv-bg:var(--content-bg);--recv-card:var(--surface-1);--recv-card-2:var(--surface-2);--recv-border:var(--border-primary);--recv-gold:var(--brand-gold);--recv-text:var(--text-primary);--recv-muted:var(--text-muted)}
html[data-theme="white-page"] .sa-page{--sa-bg:var(--content-bg);--sa-card:var(--surface-1);--sa-card-2:var(--surface-2);--sa-border:var(--border-primary);--sa-gold:var(--brand-gold);--sa-gold-soft:var(--brand-gold-soft);--sa-text:var(--text-primary);--sa-muted:var(--text-muted)}
html[data-theme="white-page"] .sgkrt-page{--sgk-bg:var(--content-bg);--sgk-card:var(--surface-1);--sgk-border:var(--border-primary);--sgk-gold:var(--brand-gold);--sgk-text:var(--text-primary);--sgk-muted:var(--text-muted)}
html[data-theme="white-page"] .operation-center-v1{--bg:var(--content-bg);--panel:var(--surface-1);--panel-2:var(--surface-2);--line:var(--border-primary);--line-soft:var(--border-primary);--text:var(--text-primary);--muted:var(--text-secondary);--dim:var(--text-muted);--gold:var(--brand-gold);background:var(--content-bg)}

/* Operation Center owns a deliberately dark visual system. In white mode only its
   neutral surfaces and scaffolding are remapped; KPI/series business colors stay. */
html[data-theme="white-page"] #app.theme-dashboard-pro[data-page="dashboard"] #content .operation-center-v1 :where(.operation-center-v1__kpi,.operation-center-v1__panel){
  color:var(--text-primary)!important;background:var(--surface-1)!important;border-color:var(--border-primary)!important;box-shadow:var(--shadow-sm)!important
}
html[data-theme="white-page"] #app.theme-dashboard-pro[data-page="dashboard"] #content .operation-center-v1 :where(.operation-center-v1__today-grid,.operation-center-v1__alert-list){background:var(--surface-2)!important;border-color:var(--border-primary)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro[data-page="dashboard"] #content .operation-center-v1 :where(.operation-center-v1__today-grid>div,.operation-center-v1__goals,.operation-center-v1__cashflow>header,.operation-center-v1__panel>footer,.operation-center-v1__alert-list>div,.operation-center-v1__table-body>div){border-color:var(--border-primary)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro[data-page="dashboard"] #content .operation-center-v1 :where(.operation-center-v1__kpi-body p,.operation-center-v1__kpi-body small,.operation-center-v1__panel h2,.operation-center-v1__panel h2 small,.operation-center-v1__today-grid span,.operation-center-v1__today-grid small,.operation-center-v1__goals p,.operation-center-v1__goals p span:first-child,.operation-center-v1__cash-values p,.operation-center-v1__cash-values strong,.operation-center-v1__legend,.operation-center-v1__axis-x,.operation-center-v1__axis-y,.operation-center-v1__alert-list span,.operation-center-v1__alert-list strong,.operation-center-v1__table-head,.operation-center-v1__table-body>div){color:var(--text-primary)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro[data-page="dashboard"] #content .operation-center-v1 :where(.operation-center-v1__axis-x,.operation-center-v1__axis-y,.operation-center-v1__panel h2 small,.operation-center-v1__kpi-body small){color:var(--text-muted)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro[data-page="dashboard"] #content .operation-center-v1 :where(.operation-center-v1__panel>header button,.operation-center-v1__quick button){color:var(--text-primary)!important;background:var(--surface-2)!important;border-color:var(--border-primary)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro[data-page="dashboard"] #content .operation-center-v1 .operation-center-v1__quick{color:var(--text-primary)!important;background:var(--surface-1)!important;border-color:var(--border-primary)!important;box-shadow:var(--shadow-sm)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro[data-page="dashboard"] #content .operation-center-v1 .operation-center-v1__quick h2{color:var(--text-primary)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro[data-page="dashboard"] #content .operation-center-v1 .operation-center-v1__progress{background:var(--surface-3)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro[data-page="dashboard"] #content .operation-center-v1 .operation-center-v1__cash-chart .grid path{stroke:var(--chart-grid)!important}

/* Business costs has a high-specificity compact dashboard skin. Bridge its own
   tokens and the remaining literal table/chart colors to the approved white page. */
html[data-theme="white-page"] #app.theme-dashboard-pro.view-bizcosts{
  --biz-bg:var(--content-bg);--biz-card:var(--surface-1);--biz-card-2:var(--surface-2);--biz-line:var(--border-primary);--biz-text:var(--text-primary);--biz-muted:var(--text-muted)
}
html[data-theme="white-page"] #app.theme-dashboard-pro.view-finance.view-bizcosts #content{background:var(--content-bg)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro.view-bizcosts #content :where(.biz-title,.biz-kpi-label,.biz-kpi-val,.biz-stock-val,.biz-stock-upd strong,.biz-be-val,.biz-kv strong,.biz-donut-leg,.biz-donut-leg strong,.biz-donut-total .biz-donut-lab){color:var(--text-primary)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro.view-bizcosts #content :where(.biz-kpi-hint,.biz-stock-lab,.biz-donut-leg strong em,.biz-card-sub,.biz-sub){color:var(--text-muted)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro.view-bizcosts #content :where(.biz-kv span,.biz-age-lab,.biz-age-amt,.biz-age-pct,.biz-be-lab,.biz-be-note,.biz-tax-note){color:var(--text-secondary)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro.view-bizcosts #content :where(.biz-kpi-card.is-neg .biz-kpi-val,.biz-kv strong.is-neg){color:var(--danger)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro.view-bizcosts #content :where(.biz-kpi-card.is-pos .biz-kpi-val,.biz-kv strong.is-pos){color:var(--success)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro.view-finance.view-bizcosts #content :where(.biz-kpi-card,.biz-panel){background:var(--surface-1)!important;border-color:var(--border-primary)!important;box-shadow:var(--shadow-sm)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro.view-finance.view-bizcosts #content :where(.biz-table-panel,.biz-table){color:var(--text-primary)!important;background:var(--surface-1)!important;border-color:var(--border-primary)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro.view-finance.view-bizcosts #content .biz-table thead th{color:var(--text-secondary)!important;background:var(--table-header-bg)!important;border-color:var(--border-primary)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro.view-finance.view-bizcosts #content .biz-table tbody td{color:var(--text-primary)!important;background:var(--table-row-bg)!important;border-color:var(--border-primary)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro.view-finance.view-bizcosts #content .biz-table tbody tr:nth-child(even) td{background:var(--table-row-alt-bg)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro.view-finance.view-bizcosts #content .biz-table tbody tr:hover td{background:var(--table-row-hover-bg)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro.view-finance.view-bizcosts #content .biz-table :where(.biz-cat-cell,.biz-cat-cell span,td.biz-desc,td.biz-num){color:var(--text-primary)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro.view-finance.view-bizcosts #content .biz-table tfoot td{color:var(--text-primary)!important;background:var(--table-header-bg)!important;border-color:var(--border-primary)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro.view-bizcosts #content :where(.biz-stock-upd,.biz-age-bar){background:var(--surface-3)!important;border-color:var(--border-primary)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro.view-bizcosts #content :where(.biz-donut-pct,.biz-donut-empty){fill:var(--text-primary)!important}

/* Cash-flow tables use !important dark rows in their module stylesheet. */
html[data-theme="white-page"] #app.theme-dashboard-pro #content .cff-page{color:var(--text-primary)!important;background:var(--content-bg)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro #content .cff-page :where(.cff-kpi,.cff-panel){color:var(--text-primary)!important;background:var(--surface-1)!important;border-color:var(--border-primary)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro #content .cff-page :where(table,tbody,tbody tr){color:var(--text-primary)!important;background:var(--table-row-bg)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro #content .cff-page tbody tr:nth-child(even){background:var(--table-row-alt-bg)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro #content .cff-page tbody tr:hover{background:var(--table-row-hover-bg)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro #content .cff-page :where(th,td,td b){color:var(--text-primary)!important;border-color:var(--border-primary)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro #content .cff-page :where(thead,thead tr,th){background:var(--table-header-bg)!important}
html[data-theme="white-page"] #app.theme-dashboard-pro #content .cff-page :where(.cff-chart,.cff-alert,.cff-unscheduled,.cff-detail>div){background:var(--surface-2)!important;border-color:var(--border-primary)!important}

/* Approved receivables pilot behavior, now driven by the central html theme. */
html[data-theme="white-page"] .receivables-page .recv-field :where(select,input),html[data-theme="white-page"] .receivables-page .recv-ui-field :where(input,select,textarea){color:var(--input-text)!important;background:var(--input-bg)!important;border-color:var(--input-border)!important}
html[data-theme="white-page"] .receivables-page :where(.recv-ui-modal,.recv-ui-body,.recv-ui-table-wrap){color:var(--text-primary)!important;background:var(--modal-bg)!important;border-color:var(--border-primary)!important}
html[data-theme="white-page"] .receivables-page .recv-ui-overlay{background:var(--overlay-bg)!important}

/* Global application dialogs, notifications and overlays. */
html[data-theme="white-page"] body.view-pro-modals :where(.modal-card,.uz-dialog,.sym-dialog,.cff-help-dialog,.cff-help-head),
html[data-theme="white-page"] :where(.sa-modal,.sgkrt-modal,.biz-modal,.tsp-modal){color:var(--text-primary)!important;background:var(--modal-bg)!important;border-color:var(--border-primary)!important;box-shadow:var(--shadow-lg)}
html[data-theme="white-page"] body.view-pro-modals .modal{background:var(--overlay-bg)}
html[data-theme="white-page"] body.view-pro-modals .modal-card :where(label,h2,h3,b,strong){color:var(--text-primary)}
html[data-theme="white-page"] body.view-pro-modals .modal-card :where(input,select,textarea){color:var(--input-text)!important;background:var(--input-bg)!important;border-color:var(--input-border)!important;color-scheme:light}
html[data-theme="white-page"] .toast{color:#FFFFFF;background:#172033;border:1px solid #344054;box-shadow:var(--shadow-md)}
html[data-theme="white-page"] .toast span{color:#E4E7EC}
html[data-theme="white-page"] .notifPanel{color:var(--text-primary);background:var(--surface-1);border-color:var(--border-primary)}
html[data-theme="white-page"] .notifItem{border-color:var(--border-primary)}
html[data-theme="white-page"] .notifItem.unread{background:var(--surface-2)}

/* Charts/SVG: neutral scaffolding follows the theme, business-series colors stay intact. */
html[data-theme="white-page"] #app #content :where(.grid-line,.chart-grid line,.axis-line){stroke:var(--chart-grid)!important}
html[data-theme="white-page"] #app #content :where(.axis-label,.chart-label,.tick text,.cff-chart-meta){fill:var(--chart-axis)!important;color:var(--chart-axis)!important}
html[data-theme="white-page"] #app #content :where(.chart-tooltip,.graph-tooltip){color:#FFFFFF!important;background:var(--chart-tooltip-bg)!important;border-color:#344054!important}

html[data-theme="white-page"] #app #content ::-webkit-scrollbar-track{background:#EEF0F3}
html[data-theme="white-page"] #app #content ::-webkit-scrollbar-thumb{background:#B9C0CA;border:2px solid #EEF0F3;border-radius:999px}

@media print{
  html,html[data-theme]{color-scheme:light!important;background:#fff!important}
  html[data-theme] body,html[data-theme] #app,html[data-theme] #content,html[data-theme] .card,html[data-theme] table,html[data-theme] th,html[data-theme] td{color:#111827!important;background:#fff!important;box-shadow:none!important}
  html[data-theme] th{background:#F3F4F6!important}
  #globalThemePicker{display:none!important}
}

@media (max-width:1450px){
  #app .global-theme-picker{padding-inline:5px}
  #app .global-theme-picker select{width:86px;font-size:10px}
}