/* GPU chassis palette: orange energy, cyan edge light, graphite metal.
   Chart series and health/status colors retain their existing meaning. */
:root,:root[data-theme="dark"]{
 --surface:#0d141c;--panel:#151f2b;--panel2:#1d2c3b;--line:#344b5c;
 --fg:#e8f3f7;--dim:#adc2ce;--off:#859ba8;--accent:#ff9a62;
 --cyber-control-line:#6b8495;--cyber-cyan:#54dad8;--cyber-soft:#54dad81a;--cyber-fire:#ff7a321a;
 --cyber-head:#111c28;--cyber-row:#131e29;--cyber-hover:#203443;
 --cyber-grid:#74a9b409;--cyber-highlight:#ffffff18;--cyber-field:#12212e;
 --log-bg:#0b131b;--depth:0 8px 24px #0003;
 --control-edge:#060c12;--control-ambient:#0005;--control-highlight:#a9e9f52b;
}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){
 --surface:#0d141c;--panel:#151f2b;--panel2:#1d2c3b;--line:#344b5c;
 --fg:#e8f3f7;--dim:#adc2ce;--off:#859ba8;--accent:#ff9a62;
 --cyber-control-line:#6b8495;--cyber-cyan:#54dad8;--cyber-soft:#54dad81a;--cyber-fire:#ff7a321a;
 --cyber-head:#111c28;--cyber-row:#131e29;--cyber-hover:#203443;
 --cyber-grid:#74a9b409;--cyber-highlight:#ffffff18;--cyber-field:#12212e;
 --log-bg:#0b131b;--depth:0 8px 24px #0003;
 --control-edge:#060c12;--control-ambient:#0005;--control-highlight:#a9e9f52b;
}}
:root[data-theme="light"]{
 --surface:#e8eef2;--panel:#f9fcfd;--panel2:#e4edf2;--line:#9eb3bf;
 --fg:#152c3b;--dim:#405d6e;--off:#577487;--accent:#a3400d;
 --cyber-control-line:#617d8d;--cyber-cyan:#006e74;--cyber-soft:#007b8110;--cyber-fire:#c65b1210;
 --cyber-head:#f6fafc;--cyber-row:#edf4f7;--cyber-hover:#dcebf0;
 --cyber-grid:#246a7710;--cyber-highlight:#ffffffdd;--cyber-field:#ffffff;
 --log-bg:#f0f6f8;--depth:0 5px 18px #18384c12;
 --control-edge:#8a9fae;--control-ambient:#19384816;--control-highlight:#fff;
}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]){
 --surface:#e8eef2;--panel:#f9fcfd;--panel2:#e4edf2;--line:#9eb3bf;
 --fg:#152c3b;--dim:#405d6e;--off:#577487;--accent:#a3400d;
 --cyber-control-line:#617d8d;--cyber-cyan:#006e74;--cyber-soft:#007b8110;--cyber-fire:#c65b1210;
 --cyber-head:#f6fafc;--cyber-row:#edf4f7;--cyber-hover:#dcebf0;
 --cyber-grid:#246a7710;--cyber-highlight:#ffffffdd;--cyber-field:#ffffff;
 --log-bg:#f0f6f8;--depth:0 5px 18px #18384c12;
 --control-edge:#8a9fae;--control-ambient:#19384816;--control-highlight:#fff;
}}
body{
 background-color:var(--surface);
 background-image:radial-gradient(ellipse at 0 0,var(--cyber-soft),transparent 55%),radial-gradient(ellipse at 100% 0,var(--cyber-fire),transparent 50%),linear-gradient(var(--cyber-grid) 1px,transparent 1px),linear-gradient(90deg,var(--cyber-grid) 1px,transparent 1px);
 background-size:100% 700px,100% 700px,48px 48px,48px 48px;background-repeat:no-repeat,no-repeat,repeat,repeat;
}
:root[data-theme] header,:root:not([data-theme]) header{
 background:var(--cyber-head);border-bottom-color:var(--line);
 box-shadow:0 1px 0 var(--cyber-soft),0 8px 28px #0002;
}
header h1{letter-spacing:.8px}header h1 picture{filter:drop-shadow(0 0 5px var(--cyber-soft))}
.sect,.card,.rigbar,.modal,.fleet-tabs,.chart-detail{
 background-color:var(--panel);border-color:var(--line);border-radius:8px;
 background-image:linear-gradient(125deg,var(--cyber-soft),transparent 26%,transparent 80%,var(--cyber-fire));
 box-shadow:inset 0 1px 0 var(--cyber-highlight),var(--depth);
}
.kpi{background:linear-gradient(135deg,var(--cyber-soft),transparent 55%),var(--panel);border-radius:7px;box-shadow:inset 0 1px 0 var(--cyber-highlight),var(--depth)}
.kpi .val,.kpi .value{font-variant-numeric:tabular-nums}
.sect h3,.modal-t,.chart-detail-head h3{letter-spacing:.45px}
:root:is([data-theme],:not([data-theme])) .btn,:root:is([data-theme],:not([data-theme])) .back,:root:is([data-theme],:not([data-theme])) .modal-step-btn{
 border-color:var(--cyber-control-line);border-radius:6px;
 background:linear-gradient(175deg,var(--panel2),var(--panel) 48%,var(--cyber-head) 52%,var(--panel));
}
:root:is([data-theme],:not([data-theme])) :is(#refresh,#addrig,#newoc,#newsheet,#lg-go),:root:is([data-theme],:not([data-theme])) .modal-f .btn.primary{
 background:linear-gradient(160deg,#b84d19,#943408 52%,#732807);border-color:#d2773e;color:#fff;
 box-shadow:inset 0 1px 0 #ffbe864d,0 3px 0 #491b0c,0 5px 18px #e76c2424;
}
@media(hover:hover) and (pointer:fine){
 :root:is([data-theme],:not([data-theme])) .btn:not(:disabled):not([aria-disabled="true"]):not([data-busy="1"]):not(.tab):not(.tag):not(.saved-sheet-favorite):not(.gpu-oc-name):not(.danger):hover,:root:is([data-theme],:not([data-theme])) .back:hover{
  border-color:var(--cyber-cyan);box-shadow:inset 0 1px 0 var(--control-highlight),0 3px 0 var(--control-edge),0 0 14px var(--cyber-soft);
 }
}
:root:is([data-theme],:not([data-theme])) .btn.danger,:root:is([data-theme],:not([data-theme])) .modal.danger{border-color:var(--bad)}
:root:is([data-theme],:not([data-theme])) .btn:focus-visible,:root:is([data-theme],:not([data-theme])) .back:focus-visible{outline:2px solid var(--cyber-cyan);outline-offset:3px}
:root:is([data-theme],:not([data-theme])) .btn:disabled,:root:is([data-theme],:not([data-theme])) .btn[aria-disabled="true"]{box-shadow:none;transform:none}
:root:is([data-theme],:not([data-theme])) .tabbar .tab,:root:is([data-theme],:not([data-theme])) .fleet-tabs .tab{background:transparent;border-color:transparent;box-shadow:none;transform:none}
:root:is([data-theme],:not([data-theme])) .tab.on,:root:is([data-theme],:not([data-theme])) .tab[aria-selected="true"]{background:linear-gradient(125deg,var(--cyber-fire),var(--cyber-soft));color:var(--accent);border-bottom-color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent);transform:none}
:root:is([data-theme],:not([data-theme])) .btn:is(.tag,.saved-sheet-favorite,.gpu-oc-name),:root:is([data-theme],:not([data-theme])) .btn:is(.tag,.saved-sheet-favorite,.gpu-oc-name):hover{box-shadow:none;transform:none}
:root:is([data-theme],:not([data-theme])) .fleet-row{background:transparent;border-bottom-color:var(--line)}
:root:is([data-theme],:not([data-theme])) .fleet-row:nth-child(even){background:var(--cyber-row)}
:root:is([data-theme],:not([data-theme])) .fleet-row:hover{background:var(--cyber-hover)}
:root:is([data-theme],:not([data-theme])) th,:root:is([data-theme],:not([data-theme])) .miner-summary-top,:root:is([data-theme],:not([data-theme])) .miner-metadata{background:var(--cyber-head)}
:root:is([data-theme],:not([data-theme])) .saved-sheet-main{border-color:var(--line);background:var(--panel2)}
:root:is([data-theme],:not([data-theme])) .saved-sheet-main:hover{border-color:var(--cyber-cyan)}
:root:is([data-theme],:not([data-theme])) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){
 background-color:var(--cyber-field);color:var(--fg);border-color:var(--cyber-control-line);caret-color:var(--cyber-cyan);
}
:root:is([data-theme],:not([data-theme])) :is(input,select,textarea):focus-visible{outline:2px solid var(--cyber-cyan);outline-offset:2px}
input::placeholder,textarea::placeholder{color:var(--dim);opacity:.85}
input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--cyber-cyan)}
.modal-t,.modal-f{background:var(--cyber-head)}
.modal-back{background:#030a12bc}
.login-card{padding-top:0}.login-card h2{text-align:center;letter-spacing:.8px}
.login-brand,.login-brand img{background:transparent;box-shadow:none}
.login-card #lg-go{letter-spacing:.6px}
.chart-detail::backdrop{background:#030a12cc}
.chart-row{border-top-color:var(--line)}
/* Keep plots, statuses, selection outlines, tooltips and data motion intact. */
@media(prefers-reduced-motion:reduce){:root:is([data-theme],:not([data-theme])) .btn,:root:is([data-theme],:not([data-theme])) .back{transition:none!important;transform:none!important}}
@media(forced-colors:active){body{background-image:none}.sect,.card,.kpi,.rigbar,.modal,.fleet-tabs,.chart-detail,:root:is([data-theme],:not([data-theme])) .btn,:root:is([data-theme],:not([data-theme])) .back{background-image:none;box-shadow:none}header h1 picture{filter:none}}

:root:is([data-theme],:not([data-theme])) #refresh[data-busy="1"]{color:transparent}

/* Inline GPU names and favorite stars are affordances, not raised actions. */
:root:is([data-theme],:not([data-theme])) .btn:is(.gpu-oc-name,.saved-sheet-favorite){background:transparent;border-color:transparent;box-shadow:none}

/* Hive-style physical identity: GPU slot/PCI at left, model/spec at right. */
.gpu-identity-cell{white-space:normal;min-width:340px}
.gpu-identity{display:grid;grid-template-columns:74px minmax(0,1fr);gap:10px;align-items:start}
.gpu-identity-slot{display:grid;gap:1px;color:var(--fg);font-size:15px;line-height:1.4}
.gpu-identity-slot small{color:var(--dim);font-size:12px;overflow-wrap:anywhere}
.gpu-identity-title{display:flex;gap:5px;align-items:baseline;flex-wrap:wrap;line-height:1.4}
.gpu-model{font-size:16px;font-weight:500}.gpu-identity-memory,.gpu-identity-meta{font-size:12px;color:var(--dim);line-height:1.4}
.gpu-identity-title .gpu-history{padding:1px 6px;font-size:12px;vertical-align:baseline}
.gpu-identity-meta{margin-top:2px}.gpu-throttle{font-size:12px}.gpu-identity-title .pill{font-size:11px}
.gpu-identity-note{color:var(--dim);font-size:12px;margin:12px 0;max-width:85ch}
.gpu-vendor-nvidia{color:var(--gpu-nvidia)}.gpu-vendor-amd{color:var(--gpu-amd)}.gpu-vendor-intel{color:var(--gpu-intel)}
:root,:root[data-theme="dark"]{--gpu-nvidia:#9acb5f;--gpu-amd:#ffa6a6;--gpu-intel:#8ecbff}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--gpu-nvidia:#9acb5f;--gpu-amd:#ffa6a6;--gpu-intel:#8ecbff}}
:root[data-theme="light"]{--gpu-nvidia:#3d6810;--gpu-amd:#9c2936;--gpu-intel:#155a8a}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]){--gpu-nvidia:#3d6810;--gpu-amd:#9c2936;--gpu-intel:#155a8a}}
:root:is([data-theme],:not([data-theme])) :is(#refresh,#addrig,#newoc,#newsheet,#lg-go):not(:disabled):not([data-busy="1"]):active,
:root:is([data-theme],:not([data-theme])) .modal-f .btn.primary:not(:disabled):active{box-shadow:inset 0 2px 4px #0004,0 1px 0 var(--control-edge)}
:root:is([data-theme],:not([data-theme])) :is(#refresh,#addrig,#newoc,#newsheet,#lg-go):disabled,
:root:is([data-theme],:not([data-theme])) .modal-f .btn.primary:disabled{box-shadow:none;transform:none}

.gpu-overview{min-width:1320px}.gpu-overview td:not(:first-child){white-space:nowrap}.gpu-identity-cell{min-width:380px}.gpu-identity-meta{display:flex;gap:5px;align-items:baseline;flex-wrap:wrap}

/* The animated GPU supplies B; the custom metallic wordmark supplies OARD. */
header h1.board-brand{gap:5px;line-height:1}
.board-wordmark{display:block;width:127px;height:32px;object-fit:contain;flex:none;filter:drop-shadow(0 0 5px #54dad826)}
:root[data-theme="light"] .board-wordmark{filter:brightness(.42) saturate(1.6)}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]) .board-wordmark{filter:brightness(.42) saturate(1.6)}}


.board-name{display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.board-family{color:var(--dim);font:500 9px/1.2 ui-monospace,monospace;letter-spacing:1.8px}
.board-wordmark-text{display:none}
@media(forced-colors:active){.board-wordmark{display:none}.board-wordmark-text{display:block;color:CanvasText;font:bold 28px/1 monospace;letter-spacing:2px}}