/* Edge Config Lab v0.9.15 — opt-in ST White mode and dashboard artwork.
   Dark themes and the underlying read-only diagnostic paths are not changed. */
.dashboard-brand-art{
  position:relative; display:grid;place-items:center; overflow:hidden;
  margin:0 0 21px; padding:7px clamp(8px,2vw,22px);
  border:1px solid color-mix(in srgb,var(--accent) 60%,#30343b);
  border-radius:20px;
  background:radial-gradient(ellipse at 50% 38%,#22252b 0%,#0e1015 65%,#090b10 100%);
  box-shadow:0 14px 36px #00000025;
}
.dashboard-brand-art img{display:block;width:min(100%,1050px);height:auto;object-fit:contain;max-height:310px;filter:drop-shadow(0 10px 18px #0007)}
/* Selectable bright ST style: near-white workspace, black text and red highlights. */
html[data-ecl-theme="stwhite"]{
  color-scheme:light;
  --bg:#f7f8fa;
  --surface:#ffffff;
  --elevated:#f0f2f5;
  --border:#d5dbe3;
  --text:#171c26;
  --muted:#525f6e;
  --success:#176d50;
  --warning:#9a5b0a;
  --stripe-edge:#bc1a28;
  --stripe-inner:#e6c7cd;
}
html[data-ecl-theme="stwhite"] body{background:linear-gradient(160deg,#fff,#f7f8fa 55%,#f1f3f6);color:var(--text)}
html[data-ecl-theme="stwhite"] .side{background:#141820;color:#fff;border-right:2px solid var(--accent);box-shadow:3px 0 18px #12162115}
html[data-ecl-theme="stwhite"] .side .brand{border-bottom-color:#373e4a}
html[data-ecl-theme="stwhite"] .side .brand strong{color:#fff}
html[data-ecl-theme="stwhite"] .side .brand small,html[data-ecl-theme="stwhite"] .side .nav button{color:#c8d0da}
html[data-ecl-theme="stwhite"] .side .nav button.active{background:#522029;color:#fff;box-shadow:inset 3px 0 var(--accent)}
html[data-ecl-theme="stwhite"] .side .nav button:hover{background:#2b313d;color:#fff}
html[data-ecl-theme="stwhite"] .side-note{background:#202632;color:#c8d0da}
html[data-ecl-theme="stwhite"] .side .dangerchip{background:#3b252a;border-color:#84404c;color:#fff}
html[data-ecl-theme="stwhite"] .card{background:linear-gradient(165deg,#fff,#fff)}
html[data-ecl-theme="stwhite"] .card,html[data-ecl-theme="stwhite"] .feature,
html[data-ecl-theme="stwhite"] .module,html[data-ecl-theme="stwhite"] .style-preview,
html[data-ecl-theme="stwhite"] .modal{box-shadow:0 7px 22px #2027330c}
html[data-ecl-theme="stwhite"] .button.primary{color:#fff}
html[data-ecl-theme="stwhite"] .chip{color:#3c4655}
html[data-ecl-theme="stwhite"] .badge.confirmed{color:#176d50}
html[data-ecl-theme="stwhite"] .badge.risk{color:#8a4d00}
html[data-ecl-theme="stwhite"] .route-pill{background:var(--elevated)}
html[data-ecl-theme="stwhite"] .route-audit-row{background:var(--elevated)}
html[data-ecl-theme="stwhite"] .field-banner[data-mode="none"]{color:#45546a}
html[data-ecl-theme="stwhite"] .field-banner[data-mode="demo"]{color:#855000}
html[data-ecl-theme="stwhite"] .field-banner{color:#176d50}
html[data-ecl-theme="stwhite"] .field-step[data-state="confirmed"] .field-badge{color:#176d50}
html[data-ecl-theme="stwhite"] .field-step[data-state="blocked"] .field-badge{color:#a51322}
html[data-ecl-theme="stwhite"] .field-step[data-state="needs_attention"] .field-badge{color:#875200}
html[data-ecl-theme="stwhite"] .modal-overlay{background:#12151ab0}
/* Deliberately dark only inside the diagnostic raw log console. */
html[data-ecl-theme="stwhite"] .obd-log{background:#171c24;color:#f1f5fa}
html[data-ecl-theme="stwhite"] .tab-mobile-top{color:#171c26}
html[data-ecl-theme="stwhite"] .mobile-nav{background:#141820;border-top:2px solid var(--accent)}
html[data-ecl-theme="stwhite"] .mobile-nav button{color:#c8d0da}
html[data-ecl-theme="stwhite"] .mobile-nav button.active{background:#522029;color:#fff}
html[data-ecl-theme="stwhite"] .mobile-nav button:hover{background:#303643;color:#fff}
/* Give the white preset its own black/red/white sample in the picker. */
.palette{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.swatch.chosen{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}
.swatch-white{border-color:#aeb8c4}
.swatch:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:750px){
  .dashboard-brand-art{margin-bottom:16px;padding:5px;border-radius:14px}
  .dashboard-brand-art img{width:100%;max-height:none}
  .palette{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 10px}
  .swatch::after{top:54px}
  .swatch{height:49px}
  .style-preview{margin-top:38px}
}