.dash{--max:1480px;padding-top:145px;padding-bottom:70px}.dash-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.dash h1{font-size:clamp(2.4rem,5vw,4.6rem);letter-spacing:-.05em;line-height:1.1;margin:12px 0}.dash-heading p:not(.eyebrow){color:var(--muted)}.notice{padding:13px 18px;border:1px solid #294455;background:#12202a;color:#acd9f5;margin:28px 0 20px;font-size:.86rem}.notice.demo{border-color:#7b6133;background:#241e14;color:#f2d392}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{padding:20px 24px;background:var(--panel);border:1px solid var(--line)}.metric span{display:block;color:var(--muted);font-size:.78rem}.metric strong{display:block;font-size:1.9rem;font-weight:400}.toolbar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:25px 0}.toolbar button{border:1px solid var(--line);background:#11181d;color:#b7c3cb;padding:11px 15px;cursor:pointer}.toolbar button[aria-pressed=true]{background:#17384e;border-color:var(--cyan);color:#fff}.filters,.views{display:flex;gap:6px;flex-wrap:wrap}.network{display:grid;grid-template-columns:minmax(210px,1fr) minmax(320px,2.6fr) minmax(210px,1fr);gap:16px;align-items:start}.cards{display:grid;gap:14px}.system-card{width:100%;text-align:left;color:var(--white);background:linear-gradient(145deg,#17232b,#101519);border:1px solid var(--line);border-left:3px solid var(--accent);padding:20px;cursor:pointer;font:inherit}.system-card:hover,.system-card:focus-visible{border-color:var(--accent)}.system-card small{font-size:.66rem;letter-spacing:.08em;color:var(--accent)}.system-card h2{font-size:1.05rem;letter-spacing:0;margin:9px 0 5px}.system-card p{font-size:.75rem;color:var(--muted);margin:4px 0 15px}.readings{display:grid;grid-template-columns:1fr 1fr;gap:12px}.reading span{display:block;font-size:.69rem;color:var(--muted)}.reading b{font-size:1.1rem;font-weight:400}.card-state{margin-top:18px;font-size:.7rem;display:flex;justify-content:space-between;gap:8px;color:var(--muted)}.map-panel{border:1px solid var(--line);background:radial-gradient(ellipse at center,#162c3b,#0d151c 75%);position:sticky;top:105px;overflow:hidden}.map-top{display:flex;justify-content:space-between;padding:20px;font-size:.66rem;letter-spacing:.12em;color:var(--cyan)}.map-note{color:var(--muted)}#map{display:block;width:100%;height:auto;min-height:280px}.country{fill:#192e3b;stroke:#446073;stroke-width:.7;vector-effect:non-scaling-stroke}.country.swiss{fill:#264b60;stroke:#70bbdf;stroke-width:1.2}.marker{cursor:pointer;outline:none}.marker:focus-visible circle,.marker:hover circle{stroke:#fff;stroke-width:3}.map-foot{padding:0 20px 14px;font-size:.72rem;color:var(--muted)}.timestamp{font-size:.75rem;color:var(--muted);margin-top:22px}.dash-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:45px;border-top:1px solid var(--line);padding-top:25px;font-size:.8rem;color:var(--muted)}#system-dialog{width:min(560px,calc(100% - 32px))}#system-detail h2{font-size:1.8rem}.detail-values{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:25px 0}.detail-values strong{font-size:1.5rem;font-weight:400}.detail-values span{display:block;color:var(--muted);font-size:.8rem}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}@media(max-width:1100px){.network{grid-template-columns:1fr 1fr}.map-panel{grid-column:1/-1;grid-row:1;position:static}.cards{grid-row:2}.map-panel svg{max-height:530px}.nav-wrap{gap:18px}.site-nav{gap:18px;font-size:.7rem}}@media(max-width:640px){.dash{padding-top:115px}.dash-heading{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr 1fr}.metric{padding:16px}.metric strong{font-size:1.5rem}.network{grid-template-columns:1fr}.map-panel{grid-column:1;grid-row:auto}.cards{grid-row:auto}.dash-bottom{flex-direction:column;align-items:flex-start}.toolbar button{font-size:.74rem;padding:10px}.map-top{padding:14px}}

/* Compact desktop lists follow the map height; keep independent scrolling. */
@media(min-width:1101px){
 .network{align-items:start}
 .cards{max-height:var(--map-height,650px);overflow-y:auto;overscroll-behavior-y:auto;scrollbar-width:thin;scrollbar-color:#496271 #10171d;padding-right:5px;align-content:start}
 .map-panel{position:static}
 .system-card{padding:16px}
 .system-card h2{margin:7px 0 4px}
 .system-card p{margin:4px 0 11px}
 .readings{gap:8px}
 .card-state{margin-top:12px}
}
.card-time{margin-top:7px;font-size:.66rem;color:var(--muted);line-height:1.45}
.historical-label{font-size:.64rem;color:#cab68c;margin-top:6px}
.system-card.stale{background:#111619;border-left-color:#77717f}
.system-card.stale .reading b{color:#90999f}
.system-card.stale .card-state{color:#cab68c}
.system-card.stale small{color:#b1a3c7}
@media(max-width:1100px){.cards{max-height:none;overflow:visible}}

.energy-metrics{grid-template-columns:repeat(3,1fr);margin-top:12px}.energy-note{font-size:.72rem;color:var(--muted);margin:10px 0 0}@media(max-width:640px){.energy-metrics{grid-template-columns:1fr}.energy-metrics .metric{display:flex;justify-content:space-between;align-items:center;gap:15px}.energy-metrics .metric strong{font-size:1.3rem}}

/* One system list, central map heading and a right-hand totals column. */
.dash{padding-top:125px}
.toolbar{margin:0 0 18px;align-items:center}
.view-controls{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-wrap:wrap}
.notice{padding:0;margin:0;border:0;background:none;color:var(--muted);font-size:.7rem;max-width:360px}
.notice.demo{padding:6px 9px}
.network{grid-template-columns:minmax(230px,1fr) minmax(360px,2.65fr) minmax(210px,.9fr)}
.dash-heading{display:block;text-align:center;padding:24px 20px 10px}
.dash-heading .eyebrow{margin:0;font-size:.68rem}
.dash h1{font-size:clamp(2rem,3.2vw,3.4rem);margin:10px 0}
.dash-heading #dash-intro{font-size:.85rem;margin:0}
.summary-panel .metrics{grid-template-columns:1fr;gap:10px}
.summary-panel .metric{padding:15px 18px}
.summary-panel .metric strong{font-size:1.65rem}
.summary-panel .energy-note{font-size:.66rem;line-height:1.5}
.cards{align-content:start}
@media(max-width:1100px){
 .network{grid-template-columns:minmax(230px,1fr) minmax(320px,2fr)}
 .map-panel{grid-column:2;grid-row:1}
 .cards{grid-column:1;grid-row:1;max-height:var(--map-height,650px);overflow-y:auto;padding-right:5px;scrollbar-width:thin}
 .summary-panel{grid-column:1/-1;grid-row:2}
 .summary-panel .metrics{grid-template-columns:repeat(4,1fr)}
 .summary-panel .energy-metrics{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:640px){
 .dash{padding-top:110px}
 .toolbar{gap:14px}
 .view-controls{width:100%;justify-content:space-between;gap:10px;align-items:center}
 .notice{max-width:100%;flex:1;min-width:130px}
 .views{flex-wrap:nowrap}
 .network{grid-template-columns:1fr}
 .map-panel{grid-column:1;grid-row:1}
 .dash-heading{padding:20px 14px 8px}
 .dash h1{font-size:2.2rem}
 .cards{grid-column:1;grid-row:2;max-height:500px;overflow-y:auto}
 .summary-panel{grid-column:1;grid-row:3}
 .summary-panel .metrics,.summary-panel .energy-metrics{grid-template-columns:1fr 1fr}
 .summary-panel .energy-metrics .metric{display:block}
 .summary-panel .metric{padding:12px}
 .summary-panel .metric strong{font-size:1.4rem}
}

.map-tooltip{pointer-events:none}.map-tooltip rect{fill:#0a141b;stroke:#6a879b;stroke-width:1}.map-tooltip text{fill:#fff;font-family:Arial,sans-serif;font-size:14px;letter-spacing:0}