.ss-scheme-btn{
  position:fixed;right:12px;bottom:12px;z-index:90;
  min-height:40px;padding:0 12px;cursor:pointer;
  background:var(--hud-navy-2,#0a1628);color:var(--hud-cyan,#5ad4ff);
  border:1px solid var(--hud-line,rgba(90,212,255,.28));
  font:800 11px/1 "Arial Narrow",Impact,sans-serif;letter-spacing:.12em;text-transform:uppercase
}
.ss-scheme-panel{
  position:fixed;right:12px;bottom:56px;z-index:90;
  width:min(420px,calc(100vw - 24px));max-height:60vh;overflow:auto;
  background:var(--hud-navy,#070b14);border:1px solid var(--hud-line);
  display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:8px
}
.ss-scheme-panel[hidden]{display:none}
.ss-scheme-panel button{
  display:grid;grid-template-columns:14px 14px 1fr;align-items:center;gap:6px;
  background:transparent;border:1px solid var(--hud-line);color:var(--hud-ink,#e8edf4);
  padding:6px 8px;cursor:pointer;text-align:left;font:800 11px/1 "Arial Narrow",Impact,sans-serif
}
.ss-scheme-panel button.on{border-color:var(--hud-cyan);color:var(--hud-cyan)}
.ss-scheme-panel i{width:12px;height:12px;display:block}
.scheme-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;padding:16px}
.scheme-card{border:1px solid var(--hud-line);padding:12px;cursor:pointer}
.scheme-card .sw{height:36px;display:flex}
.scheme-card .sw i{flex:1}
.scheme-card.on{outline:2px solid var(--hud-cyan)}
body.is-light-scheme{background:var(--hud-navy);color:var(--hud-ink)}
body.is-light-scheme .hud-card,
body.is-light-scheme .card,
body.is-light-scheme .kpi,
body.is-light-scheme .scheme-card{
  background:rgba(255,255,255,.72);color:var(--hud-ink)
}
html[data-scheme] body.is-hud,
html[data-scheme] .side,
html[data-scheme] .ss-shell,
html[data-scheme] .ss-tick,
html[data-scheme] .hud-page-hero{
  background:var(--hud-navy);
  color:var(--hud-ink);
}
html[data-scheme] .hud-page-hero h1,
html[data-scheme] .ss-mark{
  color:var(--hud-ink);
}
html[data-scheme] .hud-kicker,
html[data-scheme] .ss-role,
html[data-scheme] .ss-nav a.on,
html[data-scheme] .kpi b,
html[data-scheme] th,
html[data-scheme] .side a.on{
  color:var(--hud-cyan);
}
html[data-scheme] .hud-card,
html[data-scheme] .card,
html[data-scheme] .kpi{
  border-color:var(--hud-line);
}