/* HSE 0.5.7: three presentation-only themes, same controller/diagnostic data. */
#hse-v3 .design-picker{display:flex;flex-direction:column;gap:3px;min-width:154px;margin-left:auto}
#hse-v3 .design-picker label{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#efb6bf;margin:0}
#hse-v3 .design-picker select{font-size:13px;min-height:39px;padding:6px 9px;max-width:210px}
#hse-v3 .hse-company{width:170px;display:flex;align-items:center;gap:8px}
#hse-v3 .hse-company strong{color:#f52342!important;font-style:italic;font-weight:900;text-shadow:0 0 14px #e41e3b44}
#hse-v3 .hse-company .brand-flame{width:37px;height:44px;display:block;flex-shrink:0;filter:drop-shadow(0 0 6px #ff1a3d66)}
#hse-v3 .hse-company .brand-flame path:first-child{fill:#f52342;stroke:#ffbdc6}
#hse-v3 .hse-company .brand-flame path:last-child{fill:#fff}
#hse-v3[data-design=classic] .design-picker label{color:#d8bfc5}
/* Neon Pro, dark and light: visually rich but GPU-light (CSS-only). */
#hse-v3[data-design^=neon]{--accent:#fa2446;--active:#bd0b2d;--active-end:#81051d;--line:#9f3447;--muted:#e8aab5;--text:#fff2f4;--bg:#08070b;--surface:#151116;--raised:#26121a;--stripe:#1b1218;--hover:#31121c;color:var(--text);border:1px solid #af1831}
#hse-v3[data-design^=neon] header{background:linear-gradient(125deg,#0b090d 10%,#33050e 48%,#13070b 77%,#0a090d)!important;border-bottom:2px solid #fa2446;box-shadow:inset 0 -6px 15px #d4002922;gap:12px;padding-right:16px}
#hse-v3[data-design^=neon] .title{border-left:2px solid #bf1d39;font-style:italic;font-weight:800;letter-spacing:.025em;text-transform:uppercase;font-size:22px}
#hse-v3[data-design^=neon] .title small{font-style:normal;letter-spacing:0;text-transform:none}
#hse-v3[data-design^=neon] nav{background:linear-gradient(90deg,#11080e,#1e0912)!important;border-right:1px solid #75172b;gap:6px}
#hse-v3[data-design^=neon] nav button{border:1px solid #5b2330;background:linear-gradient(90deg,#251017,#130f14);border-radius:6px;min-height:45px;transition:background .12s, box-shadow .12s}
#hse-v3[data-design^=neon] nav button:hover{background:#4b1424;border-color:#f52342}
#hse-v3[data-design^=neon] nav button[aria-pressed=true]{background:linear-gradient(100deg,#e21438,#7e071f);border:1px solid #ff4c65;box-shadow:0 0 12px #fa244655,inset 0 0 10px #ff769033;color:white}
#hse-v3[data-design^=neon] main{background:radial-gradient(ellipse at 48% -10%,#4b0a1a 0%,#10080d 48%,#09080b 100%)!important}
#hse-v3[data-design^=neon] .frame{border:1px solid #a32944;border-radius:10px;background:linear-gradient(145deg,#1c0b13,#0e0b10 75%);box-shadow:inset 0 0 30px #bb12301b;gap:13px}
#hse-v3[data-design^=neon] .box,#hse-v3[data-design^=neon] .tile,#hse-v3[data-design^=neon] details{background:linear-gradient(135deg,#251018,#130e14 78%);border:1px solid #99334a;box-shadow:0 2px 14px #0006; border-radius:9px}
#hse-v3[data-design^=neon] .tile{border-left:3px solid #ff2448}
#hse-v3[data-design^=neon] h3,#hse-v3[data-design^=neon] th{background:linear-gradient(90deg,#4c0d1e,#221017);border-color:#9f3447}
#hse-v3[data-design^=neon] h2{border-bottom:1px solid #a13247;letter-spacing:.01em}
#hse-v3[data-design^=neon] h2 svg,#hse-v3[data-design^=neon] .tile svg{color:#ff3357}
#hse-v3[data-design^=neon] .connection{border:1px solid #953448;background:#180c13}
#hse-v3[data-design^=neon] .connection.is-connected{background:#15331f;border-color:#22bc55}
#hse-v3[data-design^=neon] button.export,#hse-v3[data-design^=neon] .export{background:linear-gradient(105deg,#c30c2f,#8b0923);border-color:#fa3b5b;box-shadow:0 0 14px #ff003833;color:#fff}
#hse-v3[data-design^=neon] .notice{background:#2f101d;border:1px solid #793247;color:#ffdce2}
#hse-v3[data-design^=neon] footer{background:#140911!important;border-top:1px solid #fa2446;color:#f3b9c2}
#hse-v3[data-design^=neon] .burner-indicator.is-fault{background:linear-gradient(100deg,#3f0618,#1d0b11);border:2px solid #ff2548;box-shadow:0 0 18px #ff113544}
#hse-v3[data-design^=neon] td,#hse-v3[data-design^=neon] th{border-color:#632635}
#hse-v3[data-design^=neon] tbody tr:nth-child(even){background:#241019}
#hse-v3[data-design^=neon] tbody tr:hover{background:#3d1322}
/* Neon Pro Hell - same structure, readable light industrial theme. */
#hse-v3[data-design=neon-light]{--bg:#f7f1f3;--surface:#fff;--raised:#f5e4e9;--stripe:#f9edf1;--hover:#f3dbe3;--text:#35151e;--muted:#794350;--line:#d6a2ae;--accent:#ce1435;color-scheme:light;color:var(--text);border-color:#c91b3c}
#hse-v3[data-design=neon-light] header{background:linear-gradient(110deg,#fff 0%,#f9e0e6 47%,#fff 100%)!important;border-color:#d71b40;color:#35151e}
#hse-v3[data-design=neon-light] .title,#hse-v3[data-design=neon-light] .title small{color:#35151e}
#hse-v3[data-design=neon-light] .design-picker label{color:#8b233a}
#hse-v3[data-design=neon-light] nav{background:linear-gradient(90deg,#fff,#f7e8ec)!important;border-color:#d9acb7}
#hse-v3[data-design=neon-light] nav button{background:linear-gradient(#fff,#faebef);border-color:#e3bec7;color:#451824}
#hse-v3[data-design=neon-light] nav button:hover{background:#f5dbe3;border-color:#cc1b3d}
#hse-v3[data-design=neon-light] nav button[aria-pressed=true]{background:linear-gradient(100deg,#d40c35,#a31130);border-color:#d40c35;color:#fff}
#hse-v3[data-design=neon-light] main{background:radial-gradient(ellipse at 50% 0%,#fae3e9,#f7f1f3 70%)!important}
#hse-v3[data-design=neon-light] .frame{background:#fff;border-color:#d59aaa;box-shadow:0 3px 15px #8b2b4422}
#hse-v3[data-design=neon-light] .box,#hse-v3[data-design=neon-light] .tile,#hse-v3[data-design=neon-light] details{background:#fff;border-color:#d7a5b1;box-shadow:0 2px 10px #85314811}
#hse-v3[data-design=neon-light] h3,#hse-v3[data-design=neon-light] th{background:linear-gradient(90deg,#f9dfe7,#f8edf0);border-color:#d7a5b1;color:#35151e}
#hse-v3[data-design=neon-light] h2,#hse-v3[data-design=neon-light] h3,#hse-v3[data-design=neon-light] strong,#hse-v3[data-design=neon-light] td,#hse-v3[data-design=neon-light] th,#hse-v3[data-design=neon-light] label,#hse-v3[data-design=neon-light] summary,#hse-v3[data-design=neon-light] .reading,#hse-v3[data-design=neon-light] dt,#hse-v3[data-design=neon-light] .tile strong{color:#35151e}
#hse-v3[data-design=neon-light] .age,#hse-v3[data-design=neon-light] .demo,#hse-v3[data-design=neon-light] .muted,#hse-v3[data-design=neon-light] .empty,#hse-v3[data-design=neon-light] .note,#hse-v3[data-design=neon-light] .connection small{color:#794350}
#hse-v3[data-design=neon-light] .connection{background:#fff;border-color:#d6a2ae;color:#35151e}
#hse-v3[data-design=neon-light] .connection.is-connected{background:#dcfce7;border-color:#15803d;color:#14532d}
#hse-v3[data-design=neon-light] .notice{background:#fff0f4;border-color:#d9a9b6;color:#682b3a}
#hse-v3[data-design=neon-light] tbody tr:nth-child(even){background:#faf0f3}
#hse-v3[data-design=neon-light] tbody tr:hover{background:#f6dce4}
#hse-v3[data-design=neon-light] footer{background:#fff!important;color:#794350;border-color:#cc1b3d}
#hse-v3[data-design=neon-light] .burner-indicator{background:#fff}
#hse-v3[data-design=neon-light] .burner-indicator.is-fault{background:#ffebf0;color:#ad092c}
#hse-v3[data-design=neon-light] input,#hse-v3[data-design=neon-light] select,#hse-v3[data-design=neon-light] textarea,#hse-v3[data-design=neon-light] option{background:#fff;color:#35151e;border-color:#c998a5}
#hse-v3[data-design=neon-light] .connection.is-connected small{color:#14532d}
@media(max-width:1050px){#hse-v3[data-design^=neon] header{padding:12px;gap:8px}#hse-v3 .design-picker{min-width:130px}#hse-v3 .design-picker select{max-width:155px}}
@media(max-width:650px){#hse-v3 .design-picker{margin-left:0;flex:1}#hse-v3 .design-picker select{max-width:none}#hse-v3 .hse-company{width:145px}#hse-v3[data-design^=neon] .title{font-size:17px}}
