.navbar{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.navbar__inner{align-items:center;gap:var(--space);max-width:60rem;padding:0 var(--space);flex-wrap:wrap;margin:0 auto;display:flex}.navbar__brand{font-weight:700}.navbar__links{flex-wrap:wrap;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.navbar__link{min-height:var(--tap-target);color:var(--color-text);border-bottom:3px solid #0000;align-items:center;padding:0 .75rem;text-decoration:none;display:flex}.navbar__link:hover{background:var(--color-bg);text-decoration:underline}.navbar__link--active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:700}button.navbar__link{cursor:pointer;font:inherit;background:0 0;border:none}.hello__success{border-color:var(--color-sensor-ok)}.hello code{background:var(--color-surface);border:1px solid var(--color-border);border-radius:3px;padding:.1em .3em}.sensor-status-list ul{padding:0;list-style:none}.sensor-status-list__item{border-left:4px solid #0000;align-items:center;gap:1rem;padding:.5rem;display:flex}.sensor-status-list__item--online{border-left-color:green}.sensor-status-list__item--offline{border-left-color:red}.sensor-status-list__item--unknown{border-left-color:gray}.sensor-status-list__name{min-width:10rem;font-weight:700}.sensor-status-list__status{text-transform:uppercase;font-size:.85rem}.sensor-status-list__last-seen{color:#666;font-size:.85rem}:root{--color-bg:#fff;--color-surface:#f4f6f8;--color-text:#1a1d21;--color-text-muted:#5b6670;--color-border:#d3d9de;--color-accent:#0b5f8a;--color-focus:#b45309;--color-sensor-ok:#0b7285;--color-sensor-down:#c2410c;--color-sensor-unknown:#8a9199;--color-error-bg:#fdf2ec;--color-error-text:#8a3208;--font-scale:1;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--space:1rem;--radius:6px;--tap-target:44px}[data-text-size=large]{--font-scale:1.25}[data-palette=high-contrast]{--color-bg:#fff;--color-text:#000;--color-border:#000;--color-accent:#00308f;--color-sensor-ok:#003d66;--color-sensor-down:#7a2000}*,:before,:after{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:calc(1rem * var(--font-scale));margin:0;line-height:1.5}h1{font-size:calc(1.75rem * var(--font-scale))}h2{font-size:calc(1.3rem * var(--font-scale))}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px;border-radius:2px}button,a.button,input,select{min-height:var(--tap-target);font-family:inherit;font-size:inherit}button,a{cursor:pointer}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.page{max-width:60rem;padding:var(--space);margin:0 auto}.status{padding:var(--space);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.status--error{background:var(--color-error-bg);border-color:var(--color-error-text);color:var(--color-error-text)}
