:root{--ink:#142b32;--muted:#62777b;--accent:#05777a;--line:#dce5e5;--paper:#f3f6f6;--danger:#ad3934;--amber:#a86b0b}*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:var(--paper)}aside{position:fixed;inset:0 auto 0 0;width:240px;background:white;border-right:1px solid var(--line);padding:35px 26px;display:flex;flex-direction:column}.logo{width:185px;height:80px;object-fit:contain}.site-label{font-size:13px;letter-spacing:2px;margin:35px 0 30px;font-weight:750}.site-label small{font-size:11px;letter-spacing:0;font-weight:450;color:var(--muted)}nav{display:grid;gap:8px}nav a{color:var(--ink);padding:12px 15px;border-radius:7px;text-decoration:none}nav a:hover,nav a.active{background:#e8f3f2;color:var(--accent);font-weight:650}.aside-footer{margin-top:auto;font-size:13px}.aside-footer small{font-size:10px;color:var(--muted)}.version{float:right;color:var(--muted)}.workspace{margin-left:240px}header{height:74px;background:#fff;border-bottom:1px solid var(--line);padding:0 38px;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}header b{margin:0 13px;font-weight:400;color:#a4b4b4}header a{margin-left:20px}main{padding:32px 38px 50px;max-width:1700px;margin:auto}h1{font-size:34px;letter-spacing:-1px;line-height:1.2;margin:0 0 12px;font-weight:670}h2{font-size:19px;font-weight:650;margin:0 0 18px}p{color:var(--muted);margin:8px 0 20px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:750;color:var(--accent);margin-bottom:12px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.heading p:last-child{margin:0}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 0 30px}.stat{padding:19px 22px;background:#fff;border:1px solid var(--line);border-radius:9px}.stat strong{display:block;font-size:31px;font-weight:650;margin-top:5px}.stat span{font-size:12px;color:var(--muted)}.stat small{font-size:11px;color:var(--muted)}.section-heading{display:flex;justify-content:space-between;align-items:baseline;margin:25px 0 0}.section-heading small{font-size:11px;color:var(--muted)}.channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.channel{background:#fff;border:1px solid var(--line);border-radius:9px;padding:18px 19px;min-height:185px;border-top:3px solid #7cb3a5}.channel.elevated{border-top-color:#d39b32}.channel.fi,.channel.cascade{border-top-color:#c45750}.channel.sensor,.channel.nodata{border-top-color:#91a2a5}.channel-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.channel h3{margin:0;font-size:15px;font-weight:650}.channel small{font-size:10px;color:var(--muted)}.value{font-size:34px;font-weight:630;line-height:1.3;margin:13px 0 8px;letter-spacing:-1px}.value span{font-size:13px;font-weight:400;margin-left:5px;letter-spacing:0}.badge{display:inline-block;font-size:10px;line-height:1.3;padding:5px 7px;border-radius:4px;background:#e8f3ef;color:#286950}.badge.elevated{background:#fff3d9;color:#92610c}.badge.fi,.badge.cascade{background:#fdebe8;color:#a24038}.badge.sensor,.badge.nodata{background:#eef1f3;color:#63797e}.channel-meta{display:flex;justify-content:space-between;margin-top:13px;padding-top:10px;border-top:1px solid #eef2f2;font-size:10px;color:var(--muted);gap:10px}.panel{background:#fff;border:1px solid var(--line);border-radius:9px;padding:23px;margin:18px 0}.meter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.meter-grid .panel{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{background:var(--accent);color:white;border:0;border-radius:6px;padding:11px 16px;font:600 13px system-ui;cursor:pointer;margin:8px 5px 8px 0}button.secondary{background:#e7f0ef;color:var(--accent);border:1px solid #c8ddda}button:disabled{opacity:.5;cursor:wait}label{display:block;font-size:12px;color:var(--muted)}input,select,textarea{font:14px system-ui;color:var(--ink);background:white;border:1px solid #cbd8d8;border-radius:5px;padding:9px 10px;width:100%;margin:5px 0 10px}input[type=checkbox]{width:auto;margin:8px}textarea{font:12px/1.6 ui-monospace,monospace;resize:vertical}.controls,.checks{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.controls label{min-width:130px}.controls button{margin-top:15px}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;font-size:10px;letter-spacing:.5px;color:var(--muted);font-weight:600;padding:10px;border-bottom:1px solid var(--line)}td{padding:13px 10px;border-bottom:1px solid #edf1f1;vertical-align:top}td input[type=number]{width:80px}td input[type=text]{min-width:130px}td .checks{display:block;min-width:140px}td .checks label{font-size:10px}tr:last-child td{border-bottom:0}.event-row{display:grid;grid-template-columns:85px 1fr 100px 160px;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:14px 0}.event-row:last-child{border-bottom:0}.event-row small{display:block;color:var(--muted);font-size:10px}.event-row strong{font-size:13px}.empty{padding:20px;color:var(--muted);font-size:13px}footer{padding:22px 38px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}.notice,#message{padding:15px 20px;border-radius:7px;background:#fff0cf;border:1px solid #ebd39c;color:#7d580b;margin-bottom:20px}#message{position:sticky;top:10px;z-index:10}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px}details{margin:16px 0}summary{cursor:pointer;color:var(--accent)}.tabs{display:flex;gap:24px;flex-wrap:wrap;padding:15px 0;border-bottom:1px solid var(--line);margin-bottom:25px}.muted{color:var(--muted)}canvas{display:block;width:100%;height:320px}section[id]{scroll-margin-top:20px}[hidden]{display:none!important}@media(min-width:1600px){.channels{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1150px){aside{width:200px;padding:25px 18px}.logo{width:165px}.workspace{margin-left:200px}.channels{grid-template-columns:repeat(3,minmax(0,1fr))}main{padding:28px 24px}.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){aside{position:static;width:auto;padding:14px 20px}.logo{height:48px;width:150px}.site-label,.aside-footer{display:none}nav{display:flex;overflow:auto;gap:5px}nav a{font-size:12px;padding:8px}.workspace{margin:0}header{padding:0 20px;height:52px}main{padding:25px 18px}.channels{grid-template-columns:repeat(2,minmax(0,1fr))}.summary{grid-template-columns:repeat(2,1fr)}.heading{align-items:flex-start}h1{font-size:27px}.meter-grid{grid-template-columns:1fr}.event-row{grid-template-columns:65px 1fr;gap:8px}.form-grid{grid-template-columns:1fr}footer{padding:20px}.heading label{max-width:150px}}@media(max-width:460px){.channels{grid-template-columns:1fr}.heading{display:block}.heading label{margin-top:20px}}
.channel a{color:inherit;text-decoration:none}.channel a:hover{text-decoration:underline}.channel-settings,.device-settings{border-bottom:1px solid #dde6e6;padding:18px 0}.channel-settings summary{font-weight:650;cursor:pointer;padding:8px 0}.channel-settings .form-grid{padding-top:16px}.device-settings h3{margin-top:0}.device-settings button{margin-top:10px}pre{max-height:420px;overflow:auto}.form-grid label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}.form-grid input[type=checkbox]{width:auto}#dashboard-status{margin-bottom:20px}#meter-list small{overflow-wrap:anywhere}.table-wrap{max-width:100%;overflow:auto}
aside{background:#142b32;border-right-color:#142b32;color:#f5f8f8}aside .logo{background:#fff;border-radius:8px;padding:10px}aside .site-label small,aside .aside-footer small,aside .version{color:#a8c0c5}aside nav a{color:#dce8eb}aside nav a:hover,aside nav a.active{background:#26454d;color:#fff}aside .site-label{color:#fff}

.login-button{display:inline-block;background:var(--accent);color:white;padding:12px 18px;border-radius:6px}

canvas.meter-chart{height:280px}.series-color{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:5px}.color-0{background:#067d83}.color-1{background:#cc7432}.color-2{background:#5865b8}.color-3{background:#ba405b}.color-4{background:#628744}.color-5{background:#3186b3}
.tile-controls{margin:18px 0}.tile-controls small{font-size:11px;color:var(--muted)}.tile-chart{border-top:1px solid var(--line);padding-top:12px;margin-top:14px;min-width:0}.tile-chart-title{font-size:11px;font-weight:650;margin-bottom:7px}.tile-plot{min-height:135px}.tile-plot svg{display:block;width:100%;height:110px}.tile-scale,.tile-time{display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.tile-time{margin-top:-4px}.tile-legend{display:flex;flex-wrap:wrap;gap:5px 12px;font-size:10px;margin-top:8px;color:var(--muted)}.spark-color{display:inline-block;width:12px;height:3px;vertical-align:middle;margin-right:5px}.spark-0{background:#05777a}.spark-1{background:#c45750}.spark-2{background:#5865b8}.spark-3{background:#b77920}.spark-4{background:#628744}

.meter-readings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.meter-readings h3{font-size:12px;margin:0 0 10px}.meter-readings dl{margin:0}.meter-readings dl div{padding:6px 0;border-bottom:1px solid #edf1f1}.meter-readings dt{font-size:10px;color:var(--muted);overflow-wrap:anywhere}.meter-readings dd{margin:0;font-size:16px;font-weight:650}.meter-readings dd small{font-size:10px;font-weight:400}.meter-readings section>small{font-size:10px;color:var(--muted)}@media(max-width:460px){.meter-readings{gap:8px}.meter-readings dd{font-size:14px}}

.event-row button{max-width:100%;white-space:normal}