:root{font-family:system-ui,sans-serif;color:#e8f0f7;background:#10212e}*{box-sizing:border-box}body{margin:0;background:#10212e}header{height:60px;background:#17364a;display:flex;align-items:center;justify-content:space-between;padding:0 5vw}header strong{font-size:1.35rem}button{border:0;border-radius:5px;padding:.55rem .85rem;background:#287da5;color:white;cursor:pointer}button:hover,button.active{background:#32a4d3}main{max-width:1400px;margin:auto;padding:1.25rem}.controls,nav{display:flex;align-items:end;gap:.7rem;flex-wrap:wrap;margin-bottom:1rem}label{display:grid;gap:.25rem;color:#bed0dd}input,textarea,select{padding:.55rem;border:1px solid #46677d;border-radius:4px;background:#edf5fa;color:#10212e}nav{border-bottom:1px solid #3f6379;padding-bottom:.75rem}.panel,.card,.login-box{background:#183343;border:1px solid #31576d;border-radius:8px;padding:1rem;margin-bottom:1rem}.chart{height:270px;width:100%;background:#102836;touch-action:none;cursor:crosshair}.legend{display:flex;gap:.7rem;flex-wrap:wrap}.swatch{display:inline-block;width:10px;height:10px;margin-right:3px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem}.table{border-collapse:collapse;width:100%}.table td{padding:.4rem;border-bottom:1px solid #355267}.login{display:grid;min-height:100vh;place-items:center}.login-box{width:min(440px,90vw)}.login-box form{display:grid;gap:.7rem}.login-box hr{border-color:#355267;margin:1.4rem 0}.settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.settings label{margin-bottom:.6rem}.wide{grid-column:1/-1}.status{padding:.6rem;background:#21485f;border-radius:5px}.danger{background:#9c3946}.time-axis{display:flex;justify-content:space-between;gap:.5rem;font-size:.78rem;color:#b7c7d2;margin:.3rem 0 .7rem}.time-axis span:nth-child(2){text-align:center}.time-axis span:last-child{text-align:right}.hint{color:#b7c7d2;margin-top:0;font-size:.9rem}@media(max-width:600px){header{padding:0 1rem}.time-axis{font-size:.62rem}main{padding:.8rem}}

/* Swedish dashboard review, 2026-10-08. */
.panel h2{font-size:1.25rem;margin-bottom:.5rem}.panel h2 small{display:block;white-space:normal!important}
.chart{height:auto;min-height:230px;display:block}.chart-wrap{position:relative}
.chart-tooltip{display:none;position:absolute;z-index:4;padding:.65rem;background:#0b2434;border:1px solid #78cee9;border-radius:6px;box-shadow:0 4px 15px #0008;pointer-events:none;font-size:.82rem;max-width:calc(100% - 8px)}
.chart-tooltip.visible{display:block}.zoom-selection{fill:#36a9dc55;stroke:#a9edff;display:none}
.point-line{stroke:#dfecf4;stroke-dasharray:4 3;display:none}
.phasor{display:block;width:min(100%,440px);margin:auto}
.table th{text-align:left;padding:.4rem;border-bottom:1px solid #65879b}
.warning{padding:.65rem;background:#67481c;color:#fff2d3;border-radius:4px}
button:disabled{opacity:.55;cursor:wait}#range{font-size:.8rem}input{max-width:100%}
@media(max-width:600px){.chart{min-height:210px}.tick-1,.tick-3{display:none}.panel{padding:.65rem}.panel h2{font-size:1.1rem}}
