:root{--text:#1c2430;--muted:#5b6573;--bg:#f5f8fc;--surface:#fff;--border:#d5dce6;--primary:#1565c0;--primary-text:#fff;--error:#b3261e;color:var(--text);background:var(--bg);font-family:system-ui,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{min-width:320px;margin:0;overflow-x:hidden}h1{margin:0 0 .25rem;font-size:1.6rem}.page{min-height:100vh}.page--centered{justify-content:center;align-items:center;padding:1rem;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.5rem;width:100%;max-width:420px;padding:1.5rem;display:flex}.subtitle{color:var(--muted);margin:0}.simulated-label{border:1px solid var(--border);width:fit-content;color:var(--muted);border-radius:999px;align-self:flex-start;margin:.5rem 0;padding:.2rem .75rem;font-size:.9rem}label{margin-top:.5rem;font-weight:600}input{width:100%;font:inherit;border:1px solid var(--border);border-radius:8px;padding:.6rem .75rem}input[aria-invalid=true]{border-color:var(--error)}button{font:inherit;color:var(--primary-text);background:var(--primary);border:1px solid var(--primary);cursor:pointer;border-radius:999px;padding:.65rem 1rem;font-weight:600}button.secondary{color:var(--primary);background:0 0}button:disabled{opacity:.6;cursor:not-allowed}form button[type=submit]{margin-top:1rem}.field-error,.form-error{color:var(--error);margin:0;font-size:.9rem}.actions{flex-wrap:wrap;gap:.5rem;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;display:flex}.content{max-width:960px;margin:0 auto;padding:1.5rem 1rem}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.muted{color:var(--muted)}.simulator{flex-direction:column;gap:1rem;display:flex}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.panel h2{margin:0;font-size:1.15rem}select{width:100%;font:inherit;border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:.55rem .75rem}.readings{grid-template-columns:max-content 1fr;gap:.25rem 1rem;margin:0;display:grid}.readings dt{font-weight:600}.readings dd{margin:0}.status-chip{border:2px solid;border-radius:999px;width:fit-content;margin:0;padding:.2rem .75rem;font-weight:700}.status-normal{color:#1b5e20}.status-warning{color:#8a5300}.status-critical{color:var(--error)}.status-offline,.status-stale,.status-no-data{color:var(--muted)}.scenario-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;display:grid}.scenario-grid button{border-radius:8px}.confirm{border:2px solid var(--error);border-radius:8px;padding:.75rem}.confirm p{margin-top:0}.inline-fields{border:1px dashed var(--border);border-radius:8px;flex-direction:column;gap:.35rem;padding:.75rem;display:flex}.checkbox{align-items:center;gap:.5rem;font-weight:400;display:flex}.checkbox input{width:auto}.feedback-ok{color:#1b5e20;margin:0}.alerts,.events{margin:0;padding-left:1.25rem}.topbar .muted{flex:auto}