/* Dark mode for the site pages (homepage, sign-in, Extras, help pages) and the dashboard.
 Off by default; it applies only when the visitor picks dark with the moon button (html.dark-on).
 Calendar pages always keep the owner's theme. */
/* ---------- public site pages (html.pub) ---------- */
:root.pub.dark-on{color-scheme:dark;
  --bg:#131619;--fg:#e9edf1;--muted:#a9b3bd;--panel:#1c2126;--panel-fg:#e9edf1;--line:#2e353d;
  --accent:#6cc3d1;--accent-fg:#0b2024;--accent-on-panel:#86d2dd;--link:#8fd6e1;
  --input-bg:#161a1e;--input-fg:#e9edf1;--input-line:#46505a;--num:#86d2dd}
:root.pub.dark-on body{background:linear-gradient(160deg,#1b2026,#101317) fixed}
:root.pub.dark-on body.landing,:root.dash.dark-on body.landing{background:linear-gradient(160deg,#1d2329 0%,#161a1f 50%,#0f1215 100%) fixed}
:root.pub.dark-on body.landing::before,:root.dash.dark-on body.landing::before{opacity:.12}
:root.pub.dark-on .site-head{background:#171b20;border-color:#2a3138}
:root.pub.dark-on .brand{color:#9ad7e1}
:root.pub.dark-on .hero-badge{background:rgba(255,255,255,.07);color:#dde3e9;box-shadow:none}
:root.pub.dark-on .hero-badge span{color:#9ad7e1}
:root.pub.dark-on .landing-hero .mk{background:linear-gradient(transparent 60%,rgba(255,176,96,.38) 60%,rgba(255,176,96,.38) 92%,transparent 92%)}
:root.pub.dark-on .landing-hero .btn.ghost{color:var(--fg);border-color:rgba(242,232,235,.25);background:rgba(255,255,255,.1);box-shadow:none}
:root.pub.dark-on .hero-trust svg{color:#8fd6e1}
:root.pub.dark-on .ht{background:#232a31;color:#e9edf1;box-shadow:0 8px 20px rgba(0,0,0,.45)}
:root.pub.dark-on .ht.p{background:#2b6c7a;color:#fff}:root.pub.dark-on .ht.c{background:#2e3740}
:root.pub.dark-on .steps .step{box-shadow:0 6px 18px rgba(0,0,0,.35)}
:root.pub.dark-on .step-num{color:#333c45}
:root.pub.dark-on .flash{background:#173326;border-color:#285a40;color:#cdeedb}
:root.pub.dark-on .flash.err{background:#3a1b1b;border-color:#6a2d2d;color:#f6d3d3}
:root.pub.dark-on .cookie{background:#0d0f12;color:#e9edf1}
:root.pub.dark-on .ex-hero{background:linear-gradient(135deg,#1c2126 0%,#222a31 100%)}
:root.pub.dark-on .ex-card,:root.pub.dark-on .ex-free{background:var(--panel)}
:root.pub.dark-on .ex-free{border-color:#2f4a3a;background:#1b2620}
:root.pub.dark-on .ex-slide figcaption{background:rgba(0,0,0,.5);color:#e9edf1}
:root.pub.dark-on .ex-url span{background:#161a1e}
:root.pub.dark-on .ex-url-new{background:#1c2126!important}
:root.pub.dark-on .ex-eyebrow,:root.pub.dark-on .ex-public .ex-eyebrow{color:#9ad7e1}
:root.pub.dark-on .extras-spot{background:var(--panel)}

/* ---------- dashboard (area-user) ---------- */
:root.dash.dark-on{color-scheme:dark;
  --bg:#121418;--fg:#e8ebef;--muted:#a8b0b9;--accent:#6cc3d1;--accent-fg:#0b2024;--panel:#1b1f24;--panel-fg:#e8ebef;--line:#2f353c;
  --accent-on-panel:#86d2dd;--link:#86d2dd;--input-bg:#15181c;--input-fg:#e8ebef;--input-line:#4a525b}
:root.dash.dark-on .area-user .side,:root.dash.dark-on body.area-user .side{background:#171a1f;border-color:#2b3138}
:root.dash.dark-on .area-user .side nav a.on,:root.dash.dark-on .area-user .side nav a:hover{background:#2a3038}
:root.dash.dark-on .badge{background:#2a3038;color:#e8ebef}
:root.dash.dark-on .badge.paid,:root.dash.dark-on .badge.active{background:#183326;color:#8fe0b2}
:root.dash.dark-on .badge.pending{background:#3a2e12;color:#f2c96a}
:root.dash.dark-on .badge.expired,:root.dash.dark-on .badge.cancelled,:root.dash.dark-on .badge.closed,:root.dash.dark-on .badge.hidden{background:#3a1f1f;color:#f0b4b4}
:root.dash.dark-on .flash{background:#173326;border-color:#285a40;color:#cdeedb}
:root.dash.dark-on .flash.err{background:#3a1b1b;border-color:#6a2d2d;color:#f6d3d3}
:root.dash.dark-on .plan-meter{background:#23282e}:root.dash.dark-on .plan-meter.full{background:#3a2419}
:root.dash.dark-on .btn.ok{background:#25714a;border-color:#25714a;color:#fff}
:root.dash.dark-on .btn.ghost.warn{color:#f0a49c;border-color:#6a3a35}:root.dash.dark-on .btn.ghost.warn:hover{background:#3a1f1f}
:root.dash.dark-on .btn.danger{background:transparent;color:#f0a49c;border-color:#6a3a35}
/* Details page */
:root.dash.dark-on .dt-back a{color:var(--fg)}
:root.dash.dark-on .dt-steps li{color:#9aa3ad}:root.dash.dark-on .dt-steps li.now{color:var(--fg)}:root.dash.dark-on .dt-steps li.done i{background:#3fa56a}
:root.dash.dark-on .dt-next{background:#1e2328;box-shadow:0 6px 18px rgba(0,0,0,.35)}
:root.dash.dark-on .dt-ey{color:#86d2dd}
:root.dash.dark-on .dt-next p,:root.dash.dark-on .dt-line,:root.dash.dark-on .dt-spd dt,:root.dash.dark-on .dt-empty,:root.dash.dark-on .dt-tool>summary span{color:#a8b0b9}
:root.dash.dark-on .dt-quick a,:root.dash.dark-on .dt-quick button,:root.dash.dark-on .dt-tip,:root.dash.dark-on .dt-sp,:root.dash.dark-on .dt-tool,:root.dash.dark-on .dt-sheet,
:root.dash.dark-on .dt-filter button,:root.dash.dark-on .dt-filter input{background:#1b1f24;color:var(--fg)}
:root.dash.dark-on .dt-quick svg,:root.dash.dark-on .dt-tip svg{color:#86d2dd}
:root.dash.dark-on .dt-filter button[aria-pressed="true"]{background:var(--fg);color:#121418}
:root.dash.dark-on .dt-link,:root.dash.dark-on .dt-msg,:root.dash.dark-on .cash-sum{background:#23282e}
:root.dash.dark-on .dt-av{background:#2a3038;color:#f3b392}
:root.dash.dark-on .dt-sp[open]{border-color:#48515a;box-shadow:0 4px 12px rgba(0,0,0,.3)}
:root.dash.dark-on .dt-sheet a:hover,:root.dash.dark-on .dt-sheet a:focus-visible{background:#2a3038}
:root.dash.dark-on .dt-fab{background:#e8ebef;color:#121418}
/* cash / mini calendar */
:root.dash.dark-on .cash-grid .mini-cal{background:#171a1f}
:root.dash.dark-on .mc-day,:root.dash.dark-on .cash-grid .mc-day{background:#20252b;border-color:#2f353c;color:var(--fg)}
:root.dash.dark-on .mc-day small{color:#a8b0b9}
:root.dash.dark-on .mc-day:has(input:checked){background:var(--accent);color:#0b2024}:root.dash.dark-on .mc-day:has(input:checked) small{color:#0b2024}
:root.dash.dark-on .mc-day.taken,:root.dash.dark-on .cash-grid .mc-day.taken{background:repeating-linear-gradient(135deg,#23282e 0 6px,#1c2025 6px 12px);color:#868f98}
:root.dash.dark-on .mc-legend{color:#a8b0b9}:root.dash.dark-on .mc-legend .k-open{background:#20252b}
/* Look step, Extras, share preview and editors inside the dashboard */
:root.dash.dark-on .tc-lock{background:#3a2e12;color:#f6e3b0}
:root.dash.dark-on .rt-bar{background:rgba(255,255,255,.04)}
:root.dash.dark-on .ty-card,:root.dash.dark-on .preset{background:#1b1f24}
:root.dash.dark-on .ex-hero{background:linear-gradient(135deg,#1b1f24 0%,#22282f 100%)}
:root.dash.dark-on .ex-free{background:#1b2620;border-color:#2f4a3a}
:root.dash.dark-on .ex-slide figcaption{background:rgba(0,0,0,.5);color:#e8ebef}
:root.dash.dark-on .ex-url span{background:#15181c}:root.dash.dark-on .ex-url-new{background:#1b1f24!important}
:root.dash.dark-on .ex-eyebrow{color:#86d2dd}
:root.dash.dark-on .lock-tag{background:#3a2e12;color:#f2c96a}
/* create / edit a calendar */
:root.dash.dark-on{--cf-ok:#3f9c66;--cf-warn-bg:#3a2f17;--cf-warn:#f2c46b;--cf-warn-line:#9c7424;--cf-soft:#2a3038;--cf-soft-fg:#b8c1ca;--cf-stage:linear-gradient(160deg,#262c33 0%,#1d2228 100%);--cf-tint:#17292d;--cf-tint-fg:#a6dbe4;--cf-switch:#4a535d}
:root.dash.dark-on .cf-pill[data-state="active"],:root.dash.dark-on .cf-live-ic{background:#173326;color:#9fe0bb}
:root.dash.dark-on .cf-device{background:rgba(0,0,0,.25)}
:root.dash.dark-on .cf-more-pv{background:rgba(0,0,0,.35)}
:root.dash.dark-on .cf-top{box-shadow:0 6px 20px rgba(0,0,0,.35)}