:root{color-scheme:dark;--bg:#0a1220;--panel:#111e30;--line:#26384b;--text:#e5edf5;--muted:#98adbd;--accent:#8ce4c4;--warn:#f7c177}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#1b3652 0,transparent 45%),var(--bg);color:var(--text);font:15px 'DM Sans',system-ui,sans-serif;min-height:100vh}header{border-bottom:1px solid var(--line);padding:25px 5vw;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font:600 17px 'Space Grotesk',sans-serif;letter-spacing:.12em;text-decoration:none;color:var(--text)}.brand-icon{color:var(--accent);font-size:28px;margin-right:12px}.brand small{display:block;margin-left:43px;color:var(--muted);font-size:9px;margin-top:2px}main{max-width:1320px;margin:auto;padding:36px 4vw}h1,h2,h3{font-family:'Space Grotesk',system-ui,sans-serif;margin-top:0}h1{font-size:clamp(32px,5vw,54px);font-weight:500;letter-spacing:-.04em;margin-bottom:16px}h2{font-size:23px;font-weight:500}h3{font-size:17px}.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--accent);font-weight:700}.intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:15px 0 28px}.panel{background:linear-gradient(135deg,#132237,#101c2c);border:1px solid var(--line);border-radius:14px;padding:25px}.login{max-width:570px;margin:6vh auto;padding:38px}.login p{line-height:1.7}label{display:grid;gap:7px;color:var(--muted);font-size:12px}input,select,textarea{border:1px solid #35485e;background:#0b1727;border-radius:6px;color:var(--text);padding:11px;font:inherit;min-width:0;width:100%}input:focus,select:focus{outline:2px solid var(--accent)}button{border:1px solid var(--line);border-radius:6px;padding:11px 17px;background:#1b2e43;color:var(--text);font:600 13px 'DM Sans',system-ui;cursor:pointer}button:hover{border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}button.primary,.login button{background:var(--accent);color:#08241d;border:0}.login form{display:grid;gap:18px;margin-top:28px}nav{display:flex;gap:8px;overflow:auto;margin-bottom:20px}nav button{white-space:nowrap;background:transparent}nav button.active{background:#203c43;border-color:#477c73;color:var(--accent)}.session{background:#132b32;border:1px solid #315455;border-radius:8px;padding:13px 18px;color:#bfddd3;margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.span2{grid-column:span 2}.wide{grid-column:1/-1}.muted{color:var(--muted);font-size:13px}.metric{font-family:'Space Grotesk';font-size:29px;color:var(--text);margin:16px 0}.pair{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #223348;padding:9px 0;font-size:13px}.pair span:first-child{color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#e8ae79;margin-right:7px}.dot.online{background:var(--accent)}.status-label{color:var(--muted);font-size:12px}canvas{display:block;width:100%;height:180px;margin-top:12px}progress{width:100%;height:7px;accent-color:var(--accent)}.preview{display:block;max-width:100%;max-height:230px;margin:auto;border-radius:6px;cursor:zoom-in}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.formgrid .wide{grid-column:1/-1}.row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;margin:12px 0;align-items:end}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.logs{height:245px;overflow:auto;font:12px ui-monospace,monospace;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.logline{border-bottom:1px solid #223348;padding:5px 0}.badge{border:1px solid #3d5c61;border-radius:25px;padding:5px 10px;color:var(--accent);font-size:11px}.warning{color:var(--warn)}table{width:100%;border-collapse:collapse;font-size:12px}td,th{text-align:left;padding:10px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.tablewrap{overflow:auto}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#23463e;color:#e6fff5;border:1px solid #6ab39a;padding:15px 22px;border-radius:8px;max-width:90vw;display:none;z-index:20}#notice.error{background:#492c33;border-color:#a76576}dialog{border:1px solid var(--line);border-radius:12px;max-width:95vw;background:var(--bg);color:var(--text)}dialog::backdrop{background:#000c}dialog img{display:block;max-width:85vw;max-height:80vh;margin-top:15px}footer{color:#7891a4;font-size:11px;margin-top:38px;line-height:1.8}.description{font-size:16px;line-height:1.9;white-space:pre-line}.hero-sky{min-height:240px;background:radial-gradient(circle at 25% 30%,#6c9fbd 0,transparent 1%),radial-gradient(circle at 70% 60%,#9cdfdb 0,transparent 1%),radial-gradient(ellipse at 60% 100%,#244d65,transparent 65%),#101c2e;display:flex;align-items:end;padding:26px;border-radius:10px}.kpis{display:flex;gap:30px;flex-wrap:wrap}.kpis strong{font:25px 'Space Grotesk';display:block}.help{line-height:1.7;color:var(--muted)}[hidden]{display:none!important}@media(max-width:800px){.grid{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}.span2{grid-column:1/-1}.intro{align-items:start;flex-direction:column}.intro label{width:100%}header{padding:18px 5vw}.brand{font-size:13px}.brand small{font-size:8px}.row{grid-template-columns:1fr 1fr}.panel{padding:19px}}@media(max-width:500px){.grid,.formgrid{grid-template-columns:1fr}.span2{grid-column:auto}.login{padding:23px}.kpis{gap:18px}#account{font-size:11px}}

.sky-view{width:100%;height:510px;min-height:360px;background:#060d19;border-radius:9px;overflow:hidden;margin-top:18px}.sky-heading{display:flex;gap:20px;justify-content:space-between;align-items:start}.sky-heading .actions{margin-top:0}.row-actions{display:flex;gap:5px}.row-actions button{padding:10px}.account-panel{max-width:560px;margin:auto;display:grid;gap:18px}#skyMount{min-height:110px}@media(max-width:800px){.sky-heading{display:block}.sky-view{height:390px}}

/* Connection freshness overrides a previously green device state. */
.dot.health-green{background:#58d68d}.dot.health-yellow{background:#f4d03f}.dot.health-red{background:#f06272}
.connection-banner{padding:12px 16px;border:1px solid;border-radius:8px;margin:12px 0;line-height:1.6;font-size:13px}
.connection-ok{color:#a3e4bb;border-color:#30694c;background:#142b25}.connection-warning{color:#ffd4a3;border-color:#8b6040;background:#30251d}
.values-stale{border-color:#8b6040}.values-stale .pair,.values-stale .metric{opacity:.65}

.instrument-image{display:block;width:100%;max-height:520px;object-fit:contain;margin-top:20px;border-radius:8px}.forecast-image{display:block;max-width:100%;height:auto;margin:16px 0}.panel h3{font-weight:700}