/* Existing declarations keep their light color as a fallback. Only screen colors switch. */
@media screen {
 :root[data-theme=dark]{
  color-scheme:dark;
  --theme-page:#101923;
  --theme-surface:#182433;
  --theme-soft:#202f40;
  --theme-hover:#293e52;
  --theme-line:#3b5064;
  --theme-text:#e2eaf2;
  --theme-muted:#a8b9ca;
  --theme-link:#88cef5;
  --theme-primary:#146e98;
  --theme-primary-hover:#195e81;
  --theme-success:#83dcb4;
  --theme-success-fill:#24674f;
  --theme-success-bg:#1c372f;
  --theme-warning:#f3c684;
  --theme-warning-bg:#382f23;
  --theme-error:#ffaaa3;
  --theme-error-fill:#963f3c;
  --theme-error-bg:#402c31;
  --theme-info-bg:#1b3a50;
  --theme-focus:#f3c684;
 }
 :root[data-theme=light]{color-scheme:light}
 :root[data-theme=dark] dialog{color:var(--theme-text);background:var(--theme-surface)}
 :root[data-theme=dark] dialog::backdrop{background:#030910b8}
 :root[data-theme=dark] :is(input,select,textarea){color-scheme:dark}
 :root[data-theme=dark] :is(input,textarea)::placeholder{color:var(--theme-muted);opacity:1}
 :root[data-theme=dark] :is(input,textarea):-webkit-autofill{-webkit-text-fill-color:var(--theme-text);box-shadow:0 0 0 1000px var(--theme-soft) inset}
 :root[data-theme=dark] :is(.product-logo,.steelstar-logo,.admin-product-logo,.admin-company-logo){filter:brightness(1.15)}
 :root[data-theme=dark] .live-chart text{fill:var(--theme-muted)}
 :root[data-theme=dark] .live-chart line{stroke:var(--theme-line)}
 :root[data-theme=dark] .live-chart rect[fill="#edf2f6"]{fill:var(--theme-soft)}
 :root[data-theme=dark] .theme-chart text{fill:var(--theme-muted)}
 :root[data-theme=dark] .admin-brand-header{background:linear-gradient(110deg,var(--theme-surface),var(--theme-soft));border-color:var(--theme-line)}
 /* The existing seat-recovery action sets its light colors inline. */
 :root[data-theme=dark] #editor .management-tabs .secondary{color:var(--theme-link)!important;border-color:var(--theme-line)!important}
}

.theme-preference{display:flex;justify-content:flex-end;gap:0;margin:-10px 0 22px;position:relative}
.theme-preference button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:76px;min-height:38px;padding:7px 12px;margin:0;border:1px solid var(--theme-line,#d9e3ea);border-radius:0;background:var(--theme-surface,#fff);color:var(--theme-muted,#5d7284);font:13px/1.5 "Segoe UI","Malgun Gothic",sans-serif;cursor:pointer;box-shadow:none}
.theme-preference button:first-child{border-radius:7px 0 0 7px}
.theme-preference button:last-child{border-radius:0 7px 7px 0;border-left:0}
.theme-preference button[aria-pressed=true]{background:var(--theme-primary,#086a95);color:#fff;border-color:var(--theme-primary,#086a95)}
.theme-preference button:focus-visible{outline:2px solid var(--theme-focus,#d38732);outline-offset:3px;z-index:1}
.registration-header+.theme-preference{margin:10px 0 18px}
@media(max-width:600px){.theme-preference button{min-height:44px}.theme-preference{margin-top:0}}
@media print{.theme-preference{display:none!important}html{color-scheme:light}}
@media screen and (prefers-reduced-motion:no-preference){
 :root.theme-transition,:root.theme-transition *,:root.theme-transition *::before,:root.theme-transition *::after{transition:none!important}
 :root.theme-transition::view-transition{pointer-events:none}
 :root.theme-transition::view-transition-group(root){animation:none}
 :root.theme-transition::view-transition-old(root){animation:theme-fade-out 320ms ease-in-out both;mix-blend-mode:normal}
 :root.theme-transition::view-transition-new(root){animation:theme-fade-in 320ms ease-in-out both;mix-blend-mode:normal}
}
@keyframes theme-fade-out{from{opacity:1}to{opacity:0}}
@keyframes theme-fade-in{from{opacity:0}to{opacity:1}}

@media screen{:root[data-theme=dark] :is(.product-logo,.admin-product-logo){filter:url(#zsteel-dark-matte)}}

@media screen{:root[data-theme=dark] :is(.product-logo,.admin-product-logo){content:url('/registration/zsteel2026-logo-dark.png');filter:none}}
body .registration-header,body .admin-brand-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 34px;min-height:84px}
body .admin-brand-header{margin-bottom:20px}body .registration-header .brand-lockup{justify-content:flex-start;flex:1;width:100%}
body .registration-header .steelstar-logo,body .admin-brand-header .admin-company-logo{width:108px;max-width:100%;margin:0}body .admin-brand-header .admin-product-logo{display:none}
@media(max-width:600px){body .registration-header,body .admin-brand-header{padding:14px 20px;gap:12px;min-height:76px}body .registration-header .steelstar-logo,body .admin-brand-header .admin-company-logo{width:86px}}