/* Pulse visual system · frosted glass (owner approval 29.09.2026). Native CSS only.
   Layers: tinted field with soft colour spots → glass chrome → dense sheets for numbers.
   Breakpoints by window width: ≤1600 rail · 1601–2199 full menu · ≥2200 large scale. */
:root {
  color-scheme:light;
  /* Field and glass */
  --field:#e8edf5; --spot-blue:#a9c0f7; --spot-mint:#aee3d6; --spot-peach:#f4d1b3;
  --glass:rgba(255,255,255,.62); --glass-strong:rgba(255,255,255,.78); --glass-solid:rgba(255,255,255,.9);
  --glass-edge:rgba(255,255,255,.8);
  --glass-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 10px 28px rgba(28,42,74,.08);
  --glass-blur:blur(22px) saturate(1.6);
  --sheet:rgba(255,255,255,.94); --sheet-head:rgba(246,248,252,.97); --sheet-edge:rgba(27,38,56,.07);
  --sheet-shadow:0 10px 28px rgba(28,42,74,.07);
  /* Ink */
  --ink:#1b2638; --ink-2:#3f4b62; --muted:#56627a; --line:rgba(27,38,56,.1); --line-soft:rgba(27,38,56,.06);
  --accent:#365edc; --accent-ink:#2e4a9e; --accent-soft:#e6ecfa; --accent-tint:rgba(54,94,220,.1);
  --revenue:#274b9f; --profit:#1f6b56; --over:#9a3f1f;
  --warn-bg:#fff1d6; --warn-ink:#7a4d0f; --ok-bg:#e1f3ec; --ok-ink:#1f6b56; --ok-dot:#1f7a63;
  --err-bg:#fbe3df; --err-ink:#8f2e24; --wait-bg:#e6ecfa; --wait-ink:#2e4a9e;
  --bar-plan:#365edc; --bar-over:#2f8f73; --bar-spend:#e0874f; --bar-forecast:#8aa6ee;
  /* Scale: 14" by default, 27" from 2200px */
  --fs-base:13.5px; --fs-small:12.5px; --fs-caption:12px; --fs-h1:22px; --fs-kpi:21px;
  --chip-h:34px; --pill-h:28px; --r-panel:18px; --r-chip:10px; --r-sheet:16px;
  --gap:10px; --page-pad:12px 16px 14px 14px; --rail:64px; --menu:248px;
  /* Legacy aliases used by pages outside the redesign */
  --bg:var(--field); --surface:#fff; --surface-soft:#f6f8fc; --surface-raised:#fff;
  --line-strong:#d5deeb; --blue:var(--accent); --blue-solid:var(--accent); --blue-soft:var(--accent-soft);
  --navy:var(--ink); --green:#1f6b56; --green-soft:var(--ok-bg); --orange:#7a4d0f; --orange-soft:var(--warn-bg);
  --danger:#b3413a; --danger-soft:#fbe9e6; --radius:14px; --shadow:0 10px 28px rgba(28,42,74,.07); --text:var(--ink);
}
@media (min-width:2200px) {
  :root { --fs-base:15.5px; --fs-small:14px; --fs-caption:13px; --fs-h1:30px; --fs-kpi:32px;
    --chip-h:42px; --pill-h:34px; --r-panel:22px; --r-chip:12px; --r-sheet:18px; --gap:16px; --page-pad:20px 24px 24px 22px; }
}
* { box-sizing:border-box; }
html { scroll-padding-top:24px; background:var(--field); }
body { margin:0; color:var(--ink); background:var(--field); font:var(--fs-base)/1.5 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif; -webkit-font-smoothing:antialiased; caret-color:var(--accent); }
/* Soft colour field: fixed so glass keeps its depth while tables scroll. */
body.site-app,body.site-auth {
  background:
    radial-gradient(640px 500px at 34% -120px,rgba(169,192,247,.62),rgba(169,192,247,0) 72%),
    radial-gradient(560px 560px at calc(100% + 60px) 42%,rgba(174,227,214,.52),rgba(174,227,214,0) 72%),
    radial-gradient(520px 420px at 8% 108%,rgba(244,209,179,.46),rgba(244,209,179,0) 72%),
    var(--field);
  background-attachment:fixed;
}
@media (min-width:2200px) {
  body.site-app,body.site-auth { background:
    radial-gradient(1000px 760px at 32% -220px,rgba(169,192,247,.62),rgba(169,192,247,0) 72%),
    radial-gradient(860px 860px at calc(100% + 80px) 46%,rgba(174,227,214,.52),rgba(174,227,214,0) 72%),
    radial-gradient(800px 600px at 10% 110%,rgba(244,209,179,.46),rgba(244,209,179,0) 72%),
    var(--field); background-attachment:fixed; }
}
::selection { background:rgba(54,94,220,.2); color:inherit; }
a { color:inherit; text-underline-offset:3px; }
button,input,select,textarea { font:inherit; }
button,a,input,select,summary { -webkit-tap-highlight-color:transparent; }
:focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
[hidden] { display:none !important; }
.gl-sr,.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
/* Scrollbars inside sheets follow the palette instead of browser grey. */
.site-app * { scrollbar-width:thin; scrollbar-color:rgba(27,38,56,.28) transparent; }
.site-app *::-webkit-scrollbar { width:10px; height:10px; }
.site-app *::-webkit-scrollbar-thumb { background:rgba(27,38,56,.24); border-radius:10px; border:3px solid transparent; background-clip:padding-box; }
.site-app *::-webkit-scrollbar-thumb:hover { background-color:rgba(27,38,56,.4); }
.site-app *::-webkit-scrollbar-track { background:transparent; }

/* Shell: floating glass rail up to 1600px, full menu above. */
.site-app .app-shell,.site-app .workspace-shell { display:grid; grid-template-columns:calc(var(--rail) + 12px) minmax(0,1fr); min-height:100dvh; }
.site-sidebar { align-self:start; position:sticky; top:12px; height:calc(100dvh - 24px); width:var(--rail); margin:12px 0 12px 12px; min-width:0; padding:14px 0; display:flex; flex-direction:column; align-items:center; gap:6px; z-index:40;
  background:var(--glass); -webkit-backdrop-filter:var(--glass-blur); backdrop-filter:var(--glass-blur); border:1px solid var(--glass-edge); border-radius:20px; box-shadow:var(--glass-shadow); }
.site-brand { display:flex; align-items:center; gap:12px; text-decoration:none; margin-bottom:10px; border-radius:12px; }
.site-mark { width:38px; height:38px; flex:none; display:grid; place-items:center; color:#fff; background:var(--accent); border-radius:12px; box-shadow:0 4px 12px rgba(54,94,220,.28); }
.site-mark svg { width:22px; height:22px; }
.site-brand-text { display:none; }
.site-brand strong { display:block; color:var(--ink); font-size:20px; line-height:1.2; letter-spacing:-.02em; font-weight:750; }
.site-brand small { display:block; color:var(--muted); font-size:12px; font-weight:600; letter-spacing:.1em; margin-top:2px; white-space:nowrap; }
.site-menu { display:contents; }
.site-menu nav { display:flex; flex-direction:column; align-items:center; gap:6px; }
.site-nav-link { position:relative; width:40px; height:40px; display:flex; align-items:center; justify-content:center; border-radius:12px; color:var(--ink-2); text-decoration:none; }
.site-nav-link svg { flex:none; }
.site-nav-link:hover { color:var(--ink); background:rgba(255,255,255,.72); }
.site-nav-link.active { color:var(--accent); background:#fff; box-shadow:0 2px 8px rgba(54,94,220,.18); }
/* Rail labels become tooltips on hover and keyboard focus. */
.site-nav-label { position:absolute; left:calc(100% + 12px); top:50%; transform:translate(-4px,-50%); white-space:nowrap; padding:6px 10px; border-radius:9px; background:rgba(27,38,56,.92); color:#fff; font-size:var(--fs-caption); font-weight:600; pointer-events:none; opacity:0; visibility:hidden; z-index:60; }
.site-nav-link:hover .site-nav-label,.site-nav-link:focus-visible .site-nav-label { opacity:1; visibility:visible; transform:translate(0,-50%); }
.site-nav-group { width:28px; height:1px; background:rgba(27,38,56,.12); margin:8px 0; overflow:hidden; color:transparent; font-size:0; }
.site-nav-soon { display:none; }
.site-user { margin-top:auto; display:flex; flex-direction:column; align-items:center; gap:8px; }
.site-subscription { display:none; }
.site-avatar { width:36px; height:36px; border-radius:50%; background:#dfe6f4; color:var(--accent-ink); display:grid; place-items:center; font-size:13px; font-weight:700; }
.site-user-text { display:none; }
.site-role { display:block; font-size:var(--fs-small); font-weight:650; color:var(--ink); }
.site-cabinet { display:block; color:var(--muted); font-size:var(--fs-caption); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.site-user form { margin:0; }
.site-logout { width:36px; height:32px; display:grid; place-items:center; border:0; border-radius:10px; background:none; color:var(--muted); cursor:pointer; }
.site-logout:hover { background:rgba(255,255,255,.72); color:var(--ink); }
.site-logout svg { width:18px; height:18px; }
.site-logout-text { display:none; }
.site-skip { position:fixed; left:12px; top:-100px; z-index:200; padding:10px 16px; background:var(--accent); color:#fff; border-radius:10px; }
.site-skip:focus { top:10px; }
@media (min-width:1601px) {
  .site-app .app-shell,.site-app .workspace-shell { grid-template-columns:calc(var(--menu) + 20px) minmax(0,1fr); }
  .site-sidebar { width:var(--menu); top:20px; height:calc(100dvh - 40px); margin:20px 0 20px 20px; padding:22px 14px; align-items:stretch; gap:4px; border-radius:var(--r-panel); }
  .site-brand { padding:0 8px 22px; margin:0; }
  .site-mark { width:42px; height:42px; border-radius:13px; }
  .site-brand-text { display:block; }
  .site-menu nav { align-items:stretch; gap:4px; }
  .site-nav-link { width:auto; height:44px; justify-content:flex-start; gap:12px; padding:0 14px; font-size:15px; }
  .site-nav-link.active { font-weight:650; }
  .site-nav-label { position:static; transform:none; opacity:1; visibility:visible; padding:0; background:none; color:inherit; font-size:inherit; font-weight:inherit; pointer-events:auto; }
  .site-nav-link:hover .site-nav-label,.site-nav-link:focus-visible .site-nav-label { transform:none; }
  .site-nav-group { width:auto; height:auto; background:none; margin:0; overflow:visible; padding:18px 14px 6px; color:var(--muted); font-size:var(--fs-caption); font-weight:650; letter-spacing:.1em; text-transform:uppercase; }
  .site-nav-soon { display:block; margin:8px 0 0; padding:0 14px; font-size:var(--fs-caption); line-height:1.5; color:var(--muted); }
  .site-nav-soon-title { font-weight:650; color:var(--ink-2); margin-right:2px; }
  .site-user { flex-direction:row; align-items:center; gap:10px; padding:14px 6px 0; border-top:1px solid var(--line); }
  .site-subscription { display:none; }
  .site-user-text { display:block; min-width:0; flex:1; }
  .site-logout { flex:none; }
}
@media (prefers-reduced-motion:no-preference) {
  .site-nav-link { transition:background .16s ease-out,color .16s ease-out,box-shadow .16s ease-out; }
  .site-nav-label { transition:opacity .14s ease-out,transform .18s cubic-bezier(.2,.8,.2,1),visibility .14s; }
}
.site-section-nav { display:flex; flex-wrap:wrap; gap:5px 22px; margin:0 0 23px; border-bottom:1px solid var(--line); }
.site-section-nav a { font-size:12px; color:#6c7a90; text-decoration:none; padding:10px 0; border-bottom:2px solid transparent; }
.site-section-nav a:hover,.site-section-nav a[aria-current] { color:var(--blue); border-bottom-color:var(--blue); }
.site-app .dashboard { max-width:1560px; padding:24px 28px 48px; min-width:0; }
.site-app .topbar,.site-app .control-topbar { gap:16px; align-items:center; margin-bottom:22px; }
.site-app h1 { font-size:30px; line-height:1.15; letter-spacing:-1px; font-weight:680; }
.site-app h2 { font-size:18px; letter-spacing:-.4px; }
.site-app h3 { font-size:14px; }
.site-app .context-label,.site-app .section-kicker { color:#7288ab; font-size:9px; letter-spacing:1.3px; }
.site-app .account-slug { margin-top:7px; font-size:11px; }
.site-app .top-controls { max-width:640px; }
.site-app .top-controls .owner-admin-button { display:none; }
.site-app .button { font-size:12px; font-weight:600; border-radius:7px; box-shadow:none; text-decoration:none; }
.site-app .button:hover { transform:none; }
.site-app label { font-size:11px; font-weight:500; }
.site-app input,.site-app select { min-width:0; font-size:12px; }
.site-app :is(.content-section,.control-section,.access-panel,.managers-section) { box-shadow:none; border-radius:12px; padding:22px; }
.site-app :is(.read-only-badge,.quality-pill,.matrix-state,.attention-count,.plan-badge) { font-size:10px; font-weight:550; border-radius:6px; }
.site-app .plan-badge { background:var(--blue-soft); color:var(--blue); }
.site-app .data-bar { background:transparent; border:0; border-radius:0; padding:0 0 14px; margin-bottom:16px; border-bottom:1px solid var(--line); }
.site-app .data-bar-label { font-size:9px; color:#768dad; }
.site-app .plan-hero { background:linear-gradient(120deg,#f7faff 0%,#fff 46%); }
.site-app .plan-hero::before { width:3px; background:var(--blue); }
.site-app .plan-total strong { font-size:44px; font-weight:650; letter-spacing:-1.8px; }
.site-app .plan-target strong { font-size:24px; letter-spacing:-.6px; }
.site-app .plan-layout { grid-template-columns:minmax(0,1fr) 250px; gap:24px; }
.site-app .plan-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; margin-top:15px; }
.site-app .plan-kpis .metric-card { border:0; background:none; border-radius:0; box-shadow:none; padding:11px 12px 8px 0; }
.site-app .metric-label { font-size:11px; }
.site-app .metric-value { font-variant-numeric:tabular-nums; font-size:24px; font-weight:600; letter-spacing:-.6px; }
.site-app .metric-hint { font-size:10px; }
.site-app .plan-kpis .metric-value { font-size:22px; }
.site-app .trajectory { height:6px; background:#e8edf5; }
.site-app .trajectory-fill { background:var(--blue); box-shadow:none; }
.site-app .forecast-card { background:#f6f8fc; border:1px solid var(--line); border-radius:9px; }
.site-app .forecast-head { flex-wrap:wrap; }
.site-app .forecast-card>p,.site-app .forecast-facts dt { font-size:11px; line-height:1.5; }
.site-app .forecast-primary strong { font-size:30px; }
.site-app .attention-section { background:#fff; }
.site-app .attention-item { background:transparent; }
.site-app .attention-item strong { font-size:12px; }
.site-app .attention-item p { font-size:11px; color:var(--muted); line-height:1.5; }
.site-app .attention-marker { width:6px; height:6px; box-shadow:none; }
.site-app :is(.breakdown-table,.api-log-table) { font-size:12px; font-variant-numeric:tabular-nums; }
.site-app .table-wrap,.site-app .api-log-scroll { max-width:100%; overflow:auto; }
#api-method-registry { margin-top:20px; }
#api-method-registry summary { cursor:pointer; padding:12px 0; font-weight:650; color:var(--text); }
#api-method-registry .data-table { width:100%; min-width:940px; table-layout:fixed; }
#api-method-registry .data-table th,#api-method-registry .data-table td {
  min-width:0; white-space:normal; overflow-wrap:anywhere; text-align:left; vertical-align:top;
}
#api-method-registry .data-table th:first-child { width:23%; }
#api-method-registry .data-table th:nth-child(2) { width:17%; }
#api-method-registry .data-table th:nth-child(3) { width:18%; }
#api-method-registry .data-table th:nth-child(4) { width:24%; }
#api-method-registry .data-table th:nth-child(5) { width:18%; }
#api-method-registry .data-table code { white-space:normal; font-size:11px; }
.site-app .breakdown-table th,.site-app .api-log-table th { font-size:10px; color:var(--muted); background:#f8fafd; }
.site-app .breakdown-empty { font-size:11px; }
.site-app .scope-switch { background:#eef2f8; border-color:var(--line); }
.site-app .scope-switch button { font-size:11px; font-weight:500; }
.site-app .scope-switch button[aria-pressed="true"] { background:white; color:var(--blue); box-shadow:0 1px 4px #27395d12; }
.site-app .support-grid { gap:16px; }
.site-app .funnel-steps i { background:var(--blue); opacity:.75; }
.site-app .source-item strong { font-size:12px; }
.site-app .source-item small { font-size:11px; }
.site-app .section-page-content { display:grid; gap:16px; }
.site-app .site-empty-state { max-width:720px; margin:50px auto; }
.site-app .section-page-content>.forecast-card { max-width:760px; padding:25px; }
.site-app .section-page-content>.data-bar { background:white; padding:22px; border:1px solid var(--line); border-radius:12px; display:block; }
.site-app .section-page-content .source-details { margin-top:20px; }
.site-app .section-page-content .source-details[open] .source-grid { position:static; width:100%; padding:18px 0 0; border:0; box-shadow:none; }
.site-app :is(.section-note,.card-description,.vault-footnote,.safe-error,.safety-note p,.readiness span) { font-size:12px; line-height:1.6; }
.site-app :is(.vault-card,.manager-card) { background:#fafbfd; border-radius:10px; }
.site-app .vault-card h3 { font-size:18px; }
.site-app :is(.vault-meta dt,.vault-meta dd,.vault-meta code,.readiness strong) { font-size:11px; }
.site-app .state-pill { border-radius:6px; font-size:10px; font-weight:550; }
.site-app .cabinet-chip { background:#fafbfd; border-radius:8px; }
.site-app .cabinet-chip.active { background:var(--blue-soft); border-color:#aabded; }
.site-app .cabinet-chip strong { font-size:13px; }
.site-app .cabinet-chip-meta { font-size:11px; }
.site-app .autopilot-layout { grid-template-columns:minmax(0,1fr) 220px; }
.site-app .sync-form { grid-template-columns:repeat(2,minmax(0,1fr)); }
.site-app #expense-files .checkbox { display:flex; align-items:center; gap:9px; white-space:normal; line-height:1.5; }
.site-app #expense-files .checkbox input { width:16px; height:16px; min-height:16px; flex-shrink:0; }
.site-app #expense-files [data-import-result] { grid-column:1/-1; margin:0; }
.site-app #expense-files li { margin:10px 0; }
.site-app #expense-files li small { display:block; color:var(--muted); overflow-wrap:anywhere; }
@media (max-width:600px) {
  .site-app #expense-files .sync-form { grid-template-columns:minmax(0,1fr); }
}
.site-app .operations-field { grid-column:1/-1; }
.site-app .schedule-section { background:#f8fafd; border-style:dashed; }
.site-app .access-shell { width:100%; max-width:1560px; margin:0 auto; padding:26px 28px 48px; min-width:0; }
.site-app .access-topbar .brand { display:none; }
.site-app .access-topbar { min-height:30px; justify-content:space-between; }
.site-app .access-hero { margin:19px 0 22px; padding-bottom:20px; }
.site-app .access-hero h1 { font-size:30px; }
.site-app .access-hero p:last-child { font-size:12px; }
.site-app .owner-facts dt,.site-app .owner-facts dd { font-size:12px; }
.site-app .section-catalog strong { font-size:12px; }
.site-app :is(.section-catalog p,.owner-note,.catalog-note,.form-footer p) { font-size:11px; }
.site-app .identity-fields { grid-template-columns:repeat(3,minmax(0,1fr)); }
.site-app .grant-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
.site-app .grant-option strong { font-size:11px; }
.site-app .grant-option small { font-size:9px; }
.site-app .manager-access-form { grid-template-columns:minmax(150px,.7fr) minmax(0,2fr) auto; }
.site-app .manager-access-form .grant-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
.site-auth .auth-shell,.site-auth .enrollment-shell { background:radial-gradient(ellipse at 25% 20%,#e9effc,transparent 48%),var(--bg); }
.site-auth .auth-card { width:min(450px,100%); position:relative; border-radius:16px; padding:36px; box-shadow:0 16px 50px #223f7610; }
.site-auth .auth-card::before { content:""; display:block; position:absolute; top:0; left:36px; width:54px; height:3px; background:var(--blue); border-radius:0 0 3px 3px; }
.site-auth .auth-mark { background:var(--blue); border-radius:10px; }
.site-auth .auth-copy { margin-top:30px; }
.site-auth h1 { font-size:34px; letter-spacing:-1px; }
.site-auth .auth-brand strong { font-size:18px; }
.site-auth .auth-kicker { color:#6d82a3; font-size:10px; letter-spacing:1.3px; }
.site-auth button { background:var(--blue); border-radius:8px; box-shadow:none; }
.site-auth input { background:#fafbfd; }
.site-auth .auth-footnote { color:var(--muted); font-size:11px; }
.site-app .products-table { font-variant-numeric:tabular-nums; }
@media (max-width:1199px) {
  .site-app .topbar { align-items:start; flex-direction:column; }
  .site-app .top-controls { justify-content:start; max-width:none; }
  .site-app .autopilot-layout { grid-template-columns:1fr; }
  .site-app .manager-access-form { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none !important; transition:none !important; } }
.scope-banner { display:flex; flex-wrap:wrap; align-items:center; gap:12px 20px; padding:18px 24px; margin:16px 24px; background:#f1f5ff; border:1px solid #d9e3fa; border-radius:12px; color:#283951; }
.scope-banner nav { display:flex; flex-wrap:wrap; gap:8px; }
.scope-banner small { flex-basis:100%; color:#596b82; line-height:1.5; }
.scope-banner form { display:grid; gap:14px; width:100%; max-width:680px; }
.scope-banner.matrix-panel { display:block; background:#fff; border:0; }
.matrix-panel h2 { margin:24px 0 12px; }
.matrix-panel h2:first-child { margin-top:0; }
.matrix-panel p, .matrix-panel li { line-height:1.6; }
.matrix-panel form { padding:20px; background:#f1f5ff; border-radius:12px; box-sizing:border-box; }
@media(max-width:600px) { .scope-banner { margin:12px; padding:16px; } }

/* Shared appearance: opaque surfaces keep scrolling tables readable. */
@media screen {
:root[data-color-mode=dark],html[data-color-mode=dark] body.site-app,html[data-color-mode=dark] body.site-auth{
 color-scheme:dark;
 --field:#141922;--glass:#202735;--glass-strong:#263040;--glass-solid:#202735;
 --glass-edge:#303a4c;--glass-shadow:0 6px 20px #080b111c;--glass-blur:none;
 --sheet:#1c2330;--sheet-head:#222b3a;--sheet-edge:#303a4c;--sheet-shadow:0 6px 20px #080b111c;
 --ink:#e9edf5;--ink-2:#c1ccdd;--muted:#a6b3c7;--line:#3b4658;--line-soft:#303a4c;
 --accent:#8daeff;--accent-ink:#b5caff;--accent-soft:#2c3c5b;--accent-tint:#283750;
 --revenue:#a8c3ff;--profit:#8cd5b6;--over:#ffb2a4;
 --warn-bg:#49391f;--warn-ink:#ffd590;--ok-bg:#244239;--ok-ink:#9bdfc4;--ok-dot:#8cd5b6;
 --err-bg:#4d2e33;--err-ink:#ffc0b6;--wait-bg:#293951;--wait-ink:#b5caff;
 --bar-plan:#8daeff;--bar-over:#76c6a5;--bar-spend:#e6ab77;--bar-forecast:#7895c9;
 --surface:#222b3a;--surface-soft:#273143;--surface-raised:#2a3547;--blue:#8daeff;--danger:#ffb2a4;
 --line-strong:#4c5c73;--shadow:0 6px 20px #080b111c;
}
html[data-color-mode=dark] .site-app.gl-app{--ink:#e9edf5;--muted:#a6b3c7;--line:#3b4658;--blue:#8daeff;--surface:#222b3a;background:var(--field);color:var(--ink)}
html[data-color-mode=dark] .site-app ::selection{background:#45649c;color:#fff}
html[data-color-mode=dark] .site-app *{scrollbar-color:#52617a #1c2330}
html[data-color-mode=dark] .site-app ::-webkit-scrollbar-thumb{background:#52617a;border-color:#1c2330}
html[data-color-mode=dark] .site-app ::-webkit-scrollbar-track{background:#1c2330}
html[data-color-mode=dark] .site-app.gl-app .site-sidebar,
html[data-color-mode=dark] .site-app.gl-app .gl-chip,
html[data-color-mode=dark] .site-app.gl-app .gl-pill-neutral,
html[data-color-mode=dark] .site-app.gl-app .gl-pop,
html[data-color-mode=dark] .site-app.gl-app .mw-select-popup,
html[data-color-mode=dark] .site-app.gl-app .mw-calendar,
html[data-color-mode=dark] .site-app.gl-app .mw-row-dialog,
html[data-color-mode=dark] .site-app.gl-app .mw-row-dialog button,
html[data-color-mode=dark] .site-app.gl-app .mw-row-ghost{background:var(--surface);border-color:var(--line);color:var(--ink)}
html[data-color-mode=dark] .site-app.gl-app .gl-chip:hover,
html[data-color-mode=dark] .site-app.gl-app .mw-row-dialog button:hover,
html[data-color-mode=dark] .site-app.gl-app .mw-row-gear:hover,
html[data-color-mode=dark] .site-app.gl-app .mw-row-toolbar button:hover{background:var(--surface-raised);border-color:var(--line-strong)}
html[data-color-mode=dark] .site-app.gl-app .gl-chip input,
html[data-color-mode=dark] .site-app.gl-app .gl-chip select,
html[data-color-mode=dark] .site-app.gl-app .mw-select-popup input[type=search],
html[data-color-mode=dark] .site-app.gl-app .mw-calendar input,
html[data-color-mode=dark] .site-app.gl-app .mw-row-dialog input{color:var(--ink);background:transparent}
html[data-color-mode=dark] .site-app.gl-app input::placeholder{color:var(--muted)}
html[data-color-mode=dark] .site-app.gl-app .site-user-text,
html[data-color-mode=dark] .site-app.gl-app .mw-row-gear{color:var(--ink-2)}
html[data-color-mode=dark] .site-app.gl-app .gl-heat thead th,
html[data-color-mode=dark] .site-app.gl-app .gl-heat .gl-s1,
html[data-color-mode=dark] .site-app.gl-app .gl-heat .gl-s2,
html[data-color-mode=dark] .site-app.gl-app .gl-heat .gl-s3,
html[data-color-mode=dark] .site-app.gl-app .gl-heat .gl-s4,
html[data-color-mode=dark] .site-app.gl-app .gl-heat .gl-s5,
html[data-color-mode=dark] .site-app.gl-app .gl-team .mw-team-table tr>:first-child,
html[data-color-mode=dark] .site-app.gl-app [data-director-forecasts] tbody th{background:var(--sheet);color:var(--ink)}
html[data-color-mode=dark] .site-app.gl-app .gl-heat tbody .gl-s2{color:var(--muted)}
html[data-color-mode=dark] .site-app.gl-app .gl-heat tbody .gl-s3,
html[data-color-mode=dark] .site-app.gl-app .gl-team .mw-team-table .mw-revenue,
html[data-color-mode=dark] .site-app.gl-app .gl-team .mw-team-table tfoot th,
html[data-color-mode=dark] .site-app.gl-app .gl-team .mw-team-table tfoot td{background:#26334b;color:var(--revenue)}
html[data-color-mode=dark] .site-app.gl-app .gl-heat tbody tr.mw-axis-row>.gl-s1,
html[data-color-mode=dark] .site-app.gl-app .gl-heat tbody tr.mw-axis-row>.gl-s2,
html[data-color-mode=dark] .site-app.gl-app .gl-team .mw-team-table tbody tr:hover>*,
html[data-color-mode=dark] .site-app.gl-app .gl-team .mw-team-table tbody tr.mw-group-selected>*{background:var(--accent-soft)}
html[data-color-mode=dark] .site-app.gl-app .gl-day.is-weekend .gl-daychip{background:#2b3548}
html[data-color-mode=dark] .site-app.gl-app .gl-day.gl-day-today .gl-daychip{background:var(--accent-soft);color:var(--accent-ink)}
html[data-color-mode=dark] .site-app.gl-app .gl-day.gl-day-gap .gl-daychip,
html[data-color-mode=dark] .site-app.gl-app .gl-day.gl-day-gap .gl-daychip b{background:var(--warn-bg);color:var(--warn-ink)}
html[data-color-mode=dark] .site-app.gl-app .gl-h-mid{--heat:#4b422b}
html[data-color-mode=dark] .site-app.gl-app .gl-h-g1{--heat:#29423e}
html[data-color-mode=dark] .site-app.gl-app .gl-h-g2{--heat:#31584e}
html[data-color-mode=dark] .site-app.gl-app .gl-h-g3{--heat:#396d5e}
html[data-color-mode=dark] .site-app.gl-app .gl-h-b1{--heat:#49343d}
html[data-color-mode=dark] .site-app.gl-app .gl-h-b2{--heat:#603d46}
html[data-color-mode=dark] .site-app.gl-app .gl-h-b3{--heat:#7a4650}
html[data-color-mode=dark] .site-app.gl-app .gl-h-n1{--heat:#28344b}
html[data-color-mode=dark] .site-app.gl-app .gl-h-n2{--heat:#304361}
html[data-color-mode=dark] .site-app.gl-app .gl-h-n3{--heat:#3c5478}
html[data-color-mode=dark] .site-app.gl-app .gl-h-none,
html[data-color-mode=dark] .site-app.gl-app .gl-h-future{--heat:#202836}
html[data-color-mode=dark] .site-app.gl-app .gl-heat .gl-c.mw-axis-column>.gl-tile,
html[data-color-mode=dark] .site-app.gl-app .gl-heat tr.mw-axis-row>.gl-c>.gl-tile{box-shadow:inset 0 0 0 1px #8daeff80}
html[data-color-mode=dark] .site-app.gl-app .gl-heat tr>.gl-c.mw-axis-cell>.gl-tile,
html[data-color-mode=dark] .site-app.gl-app .gl-heat tr>.gl-c:focus-visible>.gl-tile{box-shadow:inset 0 0 0 2px var(--accent)}
html[data-color-mode=dark] .site-app.gl-app .mw-row-edit-choice,
html[data-color-mode=dark] .site-app.gl-app .mw-row-toolbar,
html[data-color-mode=dark] .site-app.gl-app .gl-kpi-tile{background:var(--surface-soft);border-color:var(--line);color:var(--ink)}
html[data-color-mode=dark] .site-app.gl-app .gl-kpi-profit{background:var(--ok-bg)}
html[data-color-mode=dark] .site-app.gl-app .mw-calendar header,
html[data-color-mode=dark] .site-app.gl-app .mw-calendar footer,
html[data-color-mode=dark] .site-app.gl-app .mw-calendar .mw-presets{background:var(--sheet);border-color:var(--line)}
html[data-color-mode=dark] .site-app.gl-app .mw-calendar .mw-day-grid button,
html[data-color-mode=dark] .site-app.gl-app .mw-calendar footer button,
html[data-color-mode=dark] .site-app.gl-app .mw-calendar header button{background:var(--surface);color:var(--ink);border-color:var(--line)}
html[data-color-mode=dark] .site-app.gl-app .mw-calendar .mw-day-grid button.in-range{background:var(--accent-soft);color:var(--accent-ink)}
html[data-color-mode=dark] .site-app.gl-app .mw-calendar .mw-day-grid button.selected,
html[data-color-mode=dark] .site-app.gl-app .mw-calendar footer button.primary,
html[data-color-mode=dark] .site-app.gl-app .mw-row-dialog button[type=submit],
html[data-color-mode=dark] .site-app.gl-app .mw-row-toolbar [data-save-row-order]{background:#496db8;color:#fff;border-color:#496db8}
html[data-color-mode=dark] .site-app.gl-app .mw-calendar button:disabled{color:#78869b;opacity:.65}
html[data-color-mode=dark] .site-app.gl-app .gl-toast{background:#35445d;color:var(--ink)}
html[data-color-mode=dark] .site-app.gl-app .mw-row-edit-choice p,
html[data-color-mode=dark] .site-app.gl-app .mw-row-edit-caption [role=status],
html[data-color-mode=dark] .site-app.gl-app .mw-row-dialog [role=status],
html[data-color-mode=dark] .site-app.gl-app .gl-footer{color:var(--muted)}
.site-app.gl-app .gl-tabsrow>.gl-seg{max-width:100%;overflow-x:auto}
html[data-color-mode=dark] .site-app.gl-app .gl-seg button:hover,
html[data-color-mode=dark] .site-app.gl-app .gl-seg a:hover{background:var(--surface-raised);color:var(--ink)}
html[data-color-mode=dark] .site-app.gl-app .gl-seg [aria-selected=true],
html[data-color-mode=dark] .site-app.gl-app .gl-seg [aria-current=true],
html[data-color-mode=dark] .site-app.gl-app .gl-seg .is-active,
html[data-color-mode=dark] .site-app.gl-app .gl-weeks button.is-visible{background:var(--accent-soft);color:var(--accent-ink);box-shadow:none}
html[data-color-mode=dark] .site-app.gl-app .mw-calendar .mw-day-grid .weekend{color:var(--over)}
html[data-color-mode=dark] .site-app.gl-app [data-reference-unknowns]{background:var(--sheet);color:var(--ink-2)}

html[data-color-mode=dark] .site-app.gl-app .site-nav-link.active{background:var(--accent-soft);color:var(--accent-ink);box-shadow:none}
html[data-color-mode=dark] .site-app.gl-app .site-nav-link:hover,
html[data-color-mode=dark] .site-app.gl-app .site-logout:hover{background:var(--surface-raised);color:var(--ink)}
html[data-color-mode=dark] .site-app.gl-app .site-avatar,
html[data-color-mode=dark] .site-app.gl-app .gl-unit{background:var(--surface-soft);color:var(--muted)}
html[data-color-mode=dark] .site-app.gl-app .mw-row-gear,
html[data-color-mode=dark] .site-app.gl-app .gl-grid-back,
html[data-color-mode=dark] .site-app.gl-app .mw-history-picker select{background:var(--surface);color:var(--ink-2);border-color:var(--line)}
html[data-color-mode=dark] .site-app.gl-app .mw-calendar select{background:var(--surface);color:var(--ink);border-color:var(--line)}

/* One aligned KPI strip: amounts first, context beneath, no clipped plans. */
.site-app.gl-app .gl-kpis{gap:18px;padding:16px 18px;align-items:stretch}
.site-app.gl-app .gl-kpis .mw-card{display:grid;grid-template-rows:20px 30px 4px minmax(36px,auto);gap:6px;align-content:start}
.site-app.gl-app .gl-kpis .gl-kpi-label{line-height:20px;white-space:nowrap}
.site-app.gl-app .gl-kpis .mw-card .gl-kpi-value{margin:0;line-height:30px;letter-spacing:-.015em}
.site-app.gl-app .gl-kpis .gl-bar{margin:0;height:4px;align-self:center}
.site-app.gl-app .gl-kpis .mw-card:has(.gl-bar-plan[style="--w:0%"]) .gl-bar{visibility:hidden}
.site-app.gl-app .gl-kpis .gl-kpi-foot{margin:0;line-height:1.55;white-space:normal;overflow:visible;text-overflow:clip}
.site-app.gl-app .gl-kpis [data-profit-forecast]{display:inline-block;margin-top:2px}
@media(min-width:701px) and (max-width:1499px){
 .site-app.gl-app .gl-kpis{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px 24px}
 .site-app.gl-app .gl-kpis .mw-card{grid-column:span 3}
 .site-app.gl-app .gl-kpis .mw-card:nth-child(n+5){grid-column:span 4;border-top:1px solid var(--line-soft);padding-top:14px}
 .site-app.gl-app .gl-kpis .gl-kpi-value{font-size:24px}
}
@media(max-width:700px){
 .site-app.gl-app .gl-kpis{gap:16px 20px}
 .site-app.gl-app .gl-kpis .mw-card{grid-template-rows:20px 30px 4px minmax(36px,auto)}
 .site-app.gl-app .gl-kpis .mw-card:last-child{grid-column:1/-1;padding-top:14px;border-top:1px solid var(--line-soft)}
}
/* Brand and manager tables share the same quiet alignment and reading rhythm. */
.site-app.gl-app .gl-team .gl-panel-head{padding:16px 18px}
.site-app.gl-app .gl-team .mw-team-table th,
.site-app.gl-app .gl-team .mw-team-table td{padding:12px 16px;vertical-align:middle;font-variant-numeric:tabular-nums}
.site-app.gl-app .gl-team .mw-team-table thead th{padding-top:14px;padding-bottom:14px;line-height:1.45;vertical-align:bottom;font-weight:550}
.site-app.gl-app .gl-team .mw-team-table tbody tr{height:58px}
.site-app.gl-app .gl-team .mw-team-table tbody a{display:inline-block;line-height:1.45;text-underline-offset:4px}
.site-app.gl-app .gl-team .mw-team-table tbody a:hover{text-decoration:underline;color:var(--accent)}
.site-app.gl-app .gl-team .mw-team-table progress{height:3px;width:100px;margin:6px 0 0 auto}
.site-app.gl-app .gl-team .mw-team-table tfoot th,
.site-app.gl-app .gl-team .mw-team-table tfoot td{padding-top:14px;padding-bottom:14px;font-weight:700}
.site-app.gl-app .gl-team .mw-explain{padding:12px 18px;font-size:var(--fs-small);color:var(--muted)}

/* Scrolling and out-of-total cells must use the selected theme as well. */
html[data-color-mode=dark] .site-app.gl-app .mw-daily.mw-scrolling .gl-heat tbody tr>th:first-child{background:var(--sheet);color:var(--ink)}
html[data-color-mode=dark] .site-app.gl-app .gl-h-out .gl-tile{background:repeating-linear-gradient(135deg,#293448 0 6px,#233044 6px 11px);color:var(--ink-2)}

/* Secondary Metrics surfaces share the same dark palette, including active controls. */
html[data-color-mode=dark] .site-app.gl-app [data-director-forecasts] tbody td{background:var(--sheet);color:var(--ink);border-color:var(--line-soft)}
html[data-color-mode=dark] .site-app.gl-app [data-director-forecasts] tbody tr>:nth-child(2){background:var(--surface-soft);color:var(--ink-2)}
html[data-color-mode=dark] .site-app.gl-app [data-director-forecasts] tbody tr>:nth-child(3){background:var(--accent-soft);color:var(--accent-ink)}
html[data-color-mode=dark] .site-app.gl-app [data-director-forecasts] thead th{background:var(--sheet-head);color:var(--ink-2);border-color:var(--line)}
html[data-color-mode=dark] .site-app.gl-app .gl-growth-table :is(th,td){border-color:var(--line-soft)}
html[data-color-mode=dark] .site-app.gl-app .gl-growth-table thead th{background:var(--sheet-head);color:var(--ink-2)}
html[data-color-mode=dark] .site-app.gl-app .gl-growth-table tbody tr>:first-child{background:var(--sheet);color:var(--ink);border-color:var(--line)}
html[data-color-mode=dark] .site-app.gl-app .gl-growth-table tbody tr:hover>*{background:var(--accent-soft)}
html[data-color-mode=dark] .site-app.gl-app .gl-growth-table .gl-growth-total>*{background:var(--accent-soft);color:var(--ink)}
html[data-color-mode=dark] .site-app.gl-app .gl-growth-tools [aria-pressed=true]{background:var(--accent-soft);color:var(--accent-ink);box-shadow:none}
html[data-color-mode=dark] .site-app.gl-app .mw-row-toolbar button{background:var(--surface);color:var(--ink-2);border-color:var(--line)}
html[data-color-mode=dark] .site-app.gl-app .mw-row-edit-caption strong,
html[data-color-mode=dark] .site-app.gl-app .mw-row-dialog [data-edit-row-order]{color:var(--accent-ink)}
html[data-color-mode=dark] .site-app.gl-app .mw-row-jumps button:hover{background:var(--surface-raised);color:var(--accent-ink);border-color:var(--line)}
html[data-color-mode=dark] .site-app.gl-app .mw-daily-table tr.mw-row-placeholder>*{background:var(--accent-soft)!important}
html[data-color-mode=dark] .site-app.gl-app .mw-calendar .mw-day-grid button.selected{color:#fff}
html[data-color-mode=dark] .site-app.gl-app .mw-month-choice{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--line)}

}

/* One appearance control on every authenticated page. */
.site-theme-toggle{display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line);border-radius:12px;background:var(--glass-strong);color:var(--ink-2);cursor:pointer;flex:none}
.site-theme-toggle:hover{background:var(--surface-raised);color:var(--ink)}
.site-theme-sun{display:none}html[data-color-mode=dark] .site-theme-sun{display:block}html[data-color-mode=dark] .site-theme-moon{display:none}
@media screen {
 html[data-color-mode=light]{color-scheme:light}
 html[data-color-mode=dark] body:is(.site-app,.site-auth){--blue-solid:#496db8;--green:var(--profit);--danger-soft:var(--err-bg);--text:var(--ink);background:var(--field);color:var(--ink)}
 html[data-color-mode=dark] :is(input,select,textarea,button){color-scheme:dark}
 html[data-color-mode=dark] :is(input,select,textarea){background:var(--surface);color:var(--ink);border-color:var(--line);accent-color:var(--accent)}
 html[data-color-mode=dark] :is(input,textarea)::placeholder{color:var(--muted);opacity:1}
 html[data-color-mode=dark] .site-app :is(.site-sidebar,.site-theme-toggle,.site-avatar,.site-nav-link:hover,.site-logout:hover){background:var(--surface);color:var(--ink-2);border-color:var(--line)}
 html[data-color-mode=dark] .site-app .site-nav-link.active{background:var(--accent-soft);color:var(--accent-ink);box-shadow:none}
 html[data-color-mode=dark] .site-nav-group{background:var(--line)}
 html[data-color-mode=dark] .site-app :is(.site-user-text,.site-section-nav a,.context-label,.section-kicker,.data-bar-label){color:var(--muted)}
 html[data-color-mode=dark] .site-app :is(.vault-card,.manager-card,.cabinet-chip,.schedule-section,.forecast-card,.attention-section,.plan-hero,.section-page-content>.data-bar,.scope-banner,.matrix-panel form){background:var(--sheet);color:var(--ink);border-color:var(--line)}
 html[data-color-mode=dark] .scope-banner small{color:var(--muted)}
 html[data-color-mode=dark] .site-app :is(.breakdown-table,.api-log-table) th{background:var(--sheet-head);color:var(--ink-2)}
 html[data-color-mode=dark] .site-app :is(.scope-switch,.trajectory){background:var(--surface-soft)}
 html[data-color-mode=dark] .site-app :is(.scope-switch button[aria-pressed=true],.cabinet-chip.active){background:var(--accent-soft);color:var(--accent-ink);border-color:var(--line-strong)}
 html[data-color-mode=dark] .site-auth :is(.auth-shell,.enrollment-shell){background:var(--field)}
 html[data-color-mode=dark] .site-auth :is(.auth-card,.enrollment-card){background:var(--sheet);color:var(--ink);border-color:var(--line)}
 html[data-color-mode=dark] .site-auth input{background:var(--surface);color:var(--ink)}
 html[data-color-mode=dark] .site-auth button{background:var(--blue-solid);color:white}
 html[data-color-mode=dark] .site-auth :is(.auth-kicker,.auth-subtitle,.auth-copy p){color:var(--muted)}
 /* API activity, sources and administration use the same semantic surfaces. */
 html[data-color-mode=dark] .gl-app :is(.gl-feed-filter,.gl-feed-item,.gl-tile-box,.gl-card,.readiness-distribution,.daily-phase-metrics span){background:var(--surface);color:var(--ink);border-color:var(--line)}
 html[data-color-mode=dark] .gl-app :is(.gl-feed-filter button[aria-pressed=true],.gl-feed-item:hover,.gl-feed-item[aria-current]){background:var(--accent-soft);color:var(--accent-ink)}
 html[data-color-mode=dark] .gl-app :is(.gl-feed-warn,.gl-tile-box.is-warn,.gl-api .daily-stop){background:var(--warn-bg);color:var(--warn-ink)}
 html[data-color-mode=dark] .gl-app .gl-feed-dot{border-color:var(--sheet)}
 html[data-color-mode=dark] .gl-app .gl-api .gl-run-actions .button:not(.gl-chip-accent){background:var(--surface);color:var(--ink-2);border-color:var(--line)}
 html[data-color-mode=dark] .gl-app :is(.gl-chip-accent,.gl-filters[data-dirty] .gl-apply){background:var(--blue-solid);color:white;border-color:var(--blue-solid)}
 html[data-color-mode=dark] .site-app button.primary{background:var(--blue-solid);color:white;border-color:var(--blue-solid)}
 html[data-color-mode=dark] .site-app :is(dialog,.source-grid,.column-form,.calculation-options){background:var(--sheet);color:var(--ink);border-color:var(--line)}
 html[data-color-mode=dark] dialog::backdrop{background:#080d18a8}
 /* Deferred advertising view remains read-only and shares the same palette. */
 html[data-color-mode=dark] .advertising-workspace{--ad-blue:var(--accent);--ad-ink:var(--ink);--ad-muted:var(--muted)}
 html[data-color-mode=dark] .advertising-workspace :is(.ad-kpi,.ad-workbench,.ad-method>details,.ad-coverage){background:var(--sheet);border-color:var(--line)}
 html[data-color-mode=dark] .advertising-workspace :is(.ad-table th,.ad-table td,.ad-workbench-heading,.ad-method-content,.ad-economics){border-color:var(--line-soft)}
 html[data-color-mode=dark] .advertising-workspace .ad-table th:first-child{background:var(--sheet)}
 html[data-color-mode=dark] .advertising-workspace .ad-table thead th{background:var(--sheet-head);color:var(--ink-2)}
 html[data-color-mode=dark] .advertising-workspace .ad-table tbody tr:hover>*{background:var(--surface-raised)}
 html[data-color-mode=dark] .advertising-workspace :is(.ad-account select,.ad-filters select,.ad-filters input){background:var(--surface);color:var(--ink);border-color:var(--line)}
 html[data-color-mode=dark] .advertising-workspace :is(.ad-kpi>span,.ad-tabs a,.ad-footer,.ad-spend-split){color:var(--muted)}
 html[data-color-mode=dark] .advertising-workspace .ad-kpi-main>strong{color:var(--revenue)}
 html[data-color-mode=dark] .advertising-workspace :is(.ad-partial,.ad-row-check summary,.ad-row-check summary span){color:var(--warn-ink)}
}
@media screen {
 html[data-color-mode=dark] .site-app :is(.period-preset.active,.view-tab.active){background:var(--accent-soft);color:var(--accent-ink);border-color:var(--line)}
}
@media screen {
 /* Secondary product and historical views share the same appearance. */
 html[data-color-mode=dark] .site-app :is(.workspace-topbar,.workspace-kpis,.catalog-panel,.popover,.preview-dialog,.preview-more,.preview-footer,.operational-banner,.operational-notice,.leader-product-panel,.pulse-panel,.pulse-audit-body){background:var(--sheet);color:var(--ink);border-color:var(--line)}
 html[data-color-mode=dark] .site-app :is(.date-picker>summary,.column-picker>summary,.icon-button){background:var(--surface);color:var(--ink-2);border-color:var(--line)}
 html[data-color-mode=dark] .site-app.catalog-refined :is(.detail-tabs,.catalog-result,.pnl-equation>div,.pnl-limitations,.products-table [data-column=pnl_result],.products-table th:first-child){background:var(--sheet);color:var(--ink);border-color:var(--line)}
 html[data-color-mode=dark] .site-app.catalog-refined .products-table thead th{background:var(--sheet-head);color:var(--ink-2)}
 html[data-color-mode=dark] .site-app.catalog-refined .products-table tbody tr:is(:hover,:focus-within)>*,html[data-color-mode=dark] .site-app.catalog-refined .pnl-breakdown .pnl-total>*{background:var(--accent-soft)}
 html[data-color-mode=dark] .site-app.catalog-refined .pnl-equation .pnl-outcome.loss{background:var(--err-bg);color:var(--err-ink)}
 html[data-color-mode=dark] .site-app :is(.product-image,.image-missing){background:var(--surface);border-color:var(--line)}
 html[data-color-mode=dark] .site-app :is(.leader-product-panel p,.leader-product-panel span,.snapshot-cell small,.header-freshness,.catalog-scope-note,.money-quantity-source,.money-bars-heading,.money-expenses-total span){color:var(--muted)}
 html[data-color-mode=dark] .site-app :is(.money-bars-heading,.money-bar-track){background:var(--surface-soft);border-color:var(--line)}
 html[data-color-mode=dark] .prices-workspace :is(.prices-summary,.prices-table-scroll,.prices-table td,.price-observations,.price-scenario-form,.price-result,.price-context,.price-panel,.price-context-card){background:var(--sheet);color:var(--ink);border-color:var(--line)}
 html[data-color-mode=dark] .prices-workspace :is(button,input,select,.price-status,.prices-mode){background:var(--surface);color:var(--ink-2);border-color:var(--line)}
 html[data-color-mode=dark] .prices-workspace .prices-table th{background:var(--sheet-head);color:var(--ink-2);border-color:var(--line)}
 html[data-color-mode=dark] .prices-workspace .prices-table tr:hover td{background:var(--surface-raised)}
 html[data-color-mode=dark] #price-drawer{background:var(--sheet);color:var(--ink)}
 html[data-color-mode=dark] .prices-workspace :is(.prices-method,.prices-table small,.prices-header p,.prices-summary small,.prices-eyebrow,.price-panel-header p){color:var(--muted)}
}