:root[data-dashboard-theme="midnight"]{--appearance-bg:#051326;--appearance-panel:#0b203a;--appearance-input:#102d47;--appearance-text:#f3f8ff;--appearance-muted:#adc5df;--appearance-accent:#48deff;--appearance-line:#52718e;--appearance-alt:#b293ff;--appearance-positive:#58f3cd;color-scheme:dark}
:root[data-dashboard-theme="black-white"]{--appearance-bg:#f3f3f3;--appearance-panel:#fff;--appearance-input:#f5f5f5;--appearance-text:#181818;--appearance-muted:#505050;--appearance-accent:#202020;--appearance-line:#747474;--appearance-alt:#606060;--appearance-positive:#333;color-scheme:light}
:root[data-dashboard-theme="slate-teal"]{--appearance-bg:#e7edef;--appearance-panel:#f9fbfc;--appearance-input:#eef4f4;--appearance-text:#172c34;--appearance-muted:#435b64;--appearance-accent:#006b68;--appearance-line:#647e85;--appearance-alt:#654d8e;--appearance-positive:#14623e;color-scheme:light}
:root[data-dashboard-theme="warm-ivory"]{--appearance-bg:#f2eadc;--appearance-panel:#fffaf0;--appearance-input:#f8f0e2;--appearance-text:#362a21;--appearance-muted:#655548;--appearance-accent:#315e82;--appearance-line:#8d7963;--appearance-alt:#754b80;--appearance-positive:#32603e;color-scheme:light}
html[data-dashboard-theme]{--bg:var(--appearance-bg);--panel:var(--appearance-panel);--line:var(--appearance-line);--cyan:var(--appearance-accent);--violet:var(--appearance-alt);--mint:var(--appearance-positive);--muted:var(--appearance-muted);--white:var(--appearance-text)}
html[data-dashboard-theme] body{background:var(--appearance-bg);color:var(--appearance-text)}
html[data-dashboard-theme] .shell aside,html[data-dashboard-theme] .shell .panel,html[data-dashboard-theme] .shell .kpi,html[data-dashboard-theme] .shell article,html[data-dashboard-theme] .shell .fs-chart,html[data-dashboard-theme] .shell .fs-intro,html[data-dashboard-theme] .shell .fs-kpis article,html[data-dashboard-theme] .shell .pill,html[data-dashboard-theme] .shell .fs-rule,html[data-dashboard-theme] .shell .fs-formula span{background:var(--appearance-panel)!important;color:var(--appearance-text)!important;border-color:var(--appearance-line)!important}
html[data-dashboard-theme] .shell input,html[data-dashboard-theme] .shell textarea,html[data-dashboard-theme] .shell select,html[data-dashboard-theme] .shell .button{background:var(--appearance-input)!important;color:var(--appearance-text)!important;border-color:var(--appearance-line)!important;accent-color:var(--appearance-accent)}
html[data-dashboard-theme] .shell nav button{color:var(--appearance-muted)}
html[data-dashboard-theme] .shell nav button:hover,html[data-dashboard-theme] .shell nav button[aria-current="page"]{background:var(--appearance-input)!important;color:var(--appearance-text)!important}
html[data-dashboard-theme] .shell h1,html[data-dashboard-theme] .shell h2,html[data-dashboard-theme] .shell h3,html[data-dashboard-theme] .shell strong,html[data-dashboard-theme] .shell label,html[data-dashboard-theme] .shell summary{color:var(--appearance-text)!important}
html[data-dashboard-theme] .shell small,html[data-dashboard-theme] .shell .sub,html[data-dashboard-theme] .shell .source-caption,html[data-dashboard-theme] .shell .solution-mode,html[data-dashboard-theme] .shell .explain{color:var(--appearance-muted)!important}
html[data-dashboard-theme] .shell a{color:var(--appearance-accent)}
html[data-dashboard-theme] .shell .ring:before{background:var(--appearance-panel)}
html[data-dashboard-theme] dialog{background:var(--appearance-panel);color:var(--appearance-text);border:1px solid var(--appearance-line)}
#dashboard-appearance{width:min(900px,94vw);padding:26px;border-radius:16px;font:16px/1.5 Arial,sans-serif;max-height:90vh}
#dashboard-appearance::backdrop{background:#0009}
#dashboard-appearance .appearance-heading{display:flex;justify-content:space-between;align-items:start;gap:18px}
#dashboard-appearance h2{margin:0;font-size:27px}
#dashboard-appearance button{min-height:44px;padding:10px 16px;cursor:pointer;background:var(--appearance-input);color:var(--appearance-text);border:1px solid var(--appearance-line);border-radius:8px;font:inherit}
#dashboard-appearance button:disabled{opacity:.6;cursor:wait}
#dashboard-appearance :focus-visible{outline:3px solid var(--appearance-accent);outline-offset:3px}
#dashboard-appearance fieldset{border:0;padding:0;margin:20px 0}
#dashboard-appearance legend{font-weight:bold;margin-bottom:12px}
.appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.appearance-choice{border:2px solid var(--appearance-line);border-radius:12px;padding:14px;display:grid;gap:8px;cursor:pointer;position:relative}
.appearance-choice:has(input:checked){border:3px solid var(--appearance-accent);padding:13px}
.appearance-choice input{width:20px;height:20px;accent-color:var(--appearance-accent)}
.appearance-choice>span:last-child{font-size:14px;color:var(--appearance-muted)}
.appearance-sample{border:1px solid var(--appearance-line);border-radius:7px;padding:16px;display:grid;gap:9px;min-height:150px}
.appearance-sample span{font-size:12px}.appearance-sample i{display:block;width:70%;height:8px;background:var(--sample-accent);border-radius:4px}.appearance-sample strong{font-size:24px}
.appearance-actions{display:flex;gap:12px;flex-wrap:wrap}
#appearance-status{min-height:48px}
@media(max-width:580px){.appearance-grid{grid-template-columns:1fr}#dashboard-appearance{padding:18px}}
html[data-dashboard-theme="black-white"] .shell svg,html[data-dashboard-theme="black-white"] .shell .chart,html[data-dashboard-theme="black-white"] .shell .ring{filter:grayscale(1)}
html[data-dashboard-theme] .shell svg text{fill:var(--appearance-text)!important}
html[data-dashboard-theme] .customer-account-dashboard,html[data-dashboard-theme] .customer-account-dashboard [class*="bg-"]{background:var(--appearance-panel)!important;color:var(--appearance-text)!important;border-color:var(--appearance-line)!important}
html[data-dashboard-theme] .customer-account-dashboard [class*="text-white"],html[data-dashboard-theme] .customer-account-dashboard h1,html[data-dashboard-theme] .customer-account-dashboard h2,html[data-dashboard-theme] .customer-account-dashboard h3{color:var(--appearance-text)!important}
html[data-dashboard-theme] .customer-account-dashboard [class*="text-gray"]{color:var(--appearance-muted)!important}
html[data-dashboard-theme] .customer-account-dashboard button,html[data-dashboard-theme] .customer-account-dashboard a{color:var(--appearance-accent)!important;border-color:var(--appearance-line)!important}
/* Site-wide semantic palette. Midnight retains the authored dark theme. */
:root[data-dashboard-theme="black-white"]{--site-danger:#9a1925;--site-danger-soft:#fff0f1;--site-warning:#714600;--site-warning-soft:#fff5d9;--site-success:#245c39;--site-success-soft:#edf7ef;--site-secondary:#555;--site-on-accent:#fff}
:root[data-dashboard-theme="slate-teal"]{--site-danger:#a11f34;--site-danger-soft:#ffedf1;--site-warning:#785000;--site-warning-soft:#fff5db;--site-success:#186140;--site-success-soft:#eaf7ef;--site-secondary:#654d8e;--site-on-accent:#fff}
:root[data-dashboard-theme="warm-ivory"]{--site-danger:#a02530;--site-danger-soft:#ffebe7;--site-warning:#784a00;--site-warning-soft:#fff2d1;--site-success:#32603e;--site-success-soft:#eff5e7;--site-secondary:#754b80;--site-on-accent:#fff}
html[data-dashboard-theme]:not([data-dashboard-theme="midnight"]) [data-site-ink="text"]{color:var(--appearance-text)!important}
html[data-dashboard-theme]:not([data-dashboard-theme="midnight"]) [data-site-ink="muted"]{color:var(--appearance-muted)!important}
html[data-dashboard-theme]:not([data-dashboard-theme="midnight"]) [data-site-ink="accent"]{color:var(--appearance-accent)!important}
html[data-dashboard-theme]:not([data-dashboard-theme="midnight"]) [data-site-ink="secondary"]{color:var(--site-secondary)!important}
html[data-dashboard-theme]:not([data-dashboard-theme="midnight"]) [data-site-ink="danger"]{color:var(--site-danger)!important}
html[data-dashboard-theme]:not([data-dashboard-theme="midnight"]) [data-site-ink="warning"]{color:var(--site-warning)!important}
html[data-dashboard-theme]:not([data-dashboard-theme="midnight"]) [data-site-ink="success"]{color:var(--site-success)!important}
html[data-dashboard-theme]:not([data-dashboard-theme="midnight"]) [data-site-ink="on-accent"]{color:var(--site-on-accent)!important}
html[data-dashboard-theme]:not([data-dashboard-theme="midnight"]) [data-site-surface]{background-image:none!important}
html[data-dashboard-theme]:not([data-dashboard-theme="midnight"]) [data-site-surface="base"]{background-color:var(--appearance-bg)!important}
html[data-dashboard-theme]:not([data-dashboard-theme="midnight"]) [data-site-surface="panel"]{background-color:var(--appearance-panel)!important}
html[data-dashboard-theme]:not([data-dashboard-theme="midnight"]) [data-site-surface="input"]{background-color:var(--appearance-input)!important}
html[data-dashboard-theme]:not([data-dashboard-theme="midnight"]) [data-site-surface="accent"]{background-color:var(--appearance-accent)!important}
html[data-dashboard-theme]:not([data-dashboard-theme="midnight"]) [data-site-surface="danger-soft"]{background-color:var(--site-danger-soft)!important}
html[data-dashboard-theme]:not([data-dashboard-theme="midnight"]) [data-site-surface="warning-soft"]{background-color:var(--site-warning-soft)!important}
html[data-dashboard-theme]:not([data-dashboard-theme="midnight"]) [data-site-surface="success-soft"]{background-color:var(--site-success-soft)!important}
html[data-dashboard-theme]:not([data-dashboard-theme="midnight"]) [data-site-surface="overlay"]{background-color:#0006!important}
html[data-dashboard-theme]:not([data-dashboard-theme="midnight"]) [data-site-border]{border-color:var(--appearance-line)!important}
html[data-dashboard-theme]:not([data-dashboard-theme="midnight"]) [data-site-vector="panel"]{fill:var(--appearance-input)!important}
html[data-dashboard-theme]:not([data-dashboard-theme="midnight"]) svg :is(text,tspan)[data-site-ink]{fill:currentColor!important}
html[data-dashboard-theme]:not([data-dashboard-theme="midnight"]) [data-site-backdrop]{background:var(--appearance-bg)!important}
html[data-dashboard-theme]:not([data-dashboard-theme="midnight"]) [data-site-backdrop]>*{visibility:hidden}
html[data-dashboard-theme] :focus-visible{outline:3px solid var(--appearance-accent)!important;outline-offset:3px}
html[data-dashboard-theme] ::selection{background:var(--appearance-accent);color:var(--site-on-accent,#051326)}
html[data-dashboard-theme] *{scrollbar-color:var(--appearance-line) var(--appearance-bg)}
html[data-dashboard-theme]:not([data-dashboard-theme="midnight"]) :is(button,a,[role="button"]):hover:not(:disabled){text-decoration:underline;text-underline-offset:3px}
html[data-dashboard-theme="black-white"] :is(svg,.chart,.ring):not(#dashboard-appearance *){filter:grayscale(1)}
html[data-dashboard-theme]:not([data-dashboard-theme="midnight"]) :is([class*="bg-clip-text"],[style*="background-clip"]){-webkit-text-fill-color:currentColor!important}
:root[data-dashboard-theme="midnight"]{--site-on-accent:#051326}
