:root{--bg: #eef3f6;--surface: #ffffff;--text: #1f2937;--muted: #6b7280;--ok: #1f9d55;--warn: #d97706;--critical: #dc2626;--accent: #0f766e;--border: #dbe5ef;--shadow: 0 1px 2px rgba(20, 34, 66, .08), 0 12px 28px rgba(20, 34, 66, .06)}*{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{margin:0;font-family:Segoe UI,Helvetica Neue,sans-serif;color:var(--text);background:linear-gradient(180deg,#ffffffad,#fff0),radial-gradient(circle at 20% -10%,#cde9f6,transparent 28%),var(--bg)}.app-shell{width:min(1240px,calc(100% - 2rem));margin:1rem auto 2rem;min-width:0}.topbar{display:flex;gap:1rem;justify-content:space-between;align-items:end;margin-bottom:1rem;min-width:0}.eyebrow{margin:0;text-transform:uppercase;color:var(--accent);font-size:.75rem}h1{margin:.2rem 0 0}nav{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.nav-link{text-decoration:none;color:var(--text);padding:.4rem .8rem;border-radius:999px;border:1px solid var(--border);background:#fff;white-space:nowrap}.nav-link.active{background:var(--accent);color:#fff;border-color:var(--accent)}.page-grid{display:grid;gap:1rem;min-width:0}.warning-panel{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(280px,1.2fr);gap:1rem;align-items:center;border-radius:8px;padding:1rem;border:1px solid var(--border);box-shadow:var(--shadow);min-width:0}.warning-panel h2{margin:.2rem 0 0}.warning-ok{background:linear-gradient(135deg,#1f9d5526,#fff);border-color:#1f9d554d}.warning-warning{background:linear-gradient(135deg,#d9770638,#fff);border-color:#d9770659}.warning-critical{background:linear-gradient(135deg,#dc262638,#fff);border-color:#dc262666}.warning-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;min-width:0}.warning-summary-grid>div{background:#ffffffb8;border:1px solid rgba(203,213,225,.8);border-radius:8px;padding:.8rem;min-width:0}.warning-summary-grid p{margin:.2rem 0 0;color:var(--muted)}.warning-label{display:block;font-size:.75rem;color:var(--muted);text-transform:uppercase;margin-bottom:.15rem}.cards-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));min-width:0}.sensor-cards-grid-compact{gap:.55rem;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr))}.weather-risk{max-width:100%}.weather-risk button{margin-top:.6rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem;box-shadow:var(--shadow);min-width:0}.clickable-card{cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.clickable-card:hover{transform:translateY(-1px)}.card-selected{border-color:var(--accent);box-shadow:0 0 0 2px #0f766e2e,0 10px 24px #14224214}.sensor-card{min-height:0}.sensor-card-compact{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"head head" "temp humidity" "battery battery" "spark meta";gap:.15rem .55rem;align-items:center;padding:.65rem .75rem}.sensor-card-compact .card-header{grid-area:head}.sensor-card-compact .temp{grid-area:temp;margin:.1rem 0 0;font-size:1.35rem;line-height:1.05}.sensor-card-compact .humidity{grid-area:humidity;justify-self:end;margin:.1rem 0 0;white-space:nowrap}.sensor-card-compact .compact-sparkline{grid-area:spark;min-width:0}.battery-info{margin:.15rem 0 0;color:var(--muted);font-size:.82rem;font-weight:600}.battery-warning{color:#b45309}.battery-critical{color:var(--critical)}.sensor-card-compact .battery-info{grid-area:battery;margin:0;font-size:.74rem}.sensor-card-compact .sparkline-wrap{margin:0}.sensor-card-compact .sparkline{max-width:96px;height:20px}.sensor-card-compact .trend-label{display:none}.sensor-card-compact .meta{grid-area:meta;justify-self:end;font-size:.72rem;white-space:nowrap}.sensor-card-compact .room-pill{font-size:.72rem}.sensor-card-compact .card-header{gap:.45rem}.sensor-card-compact .card-header h3{margin:0;font-size:.94rem;line-height:1.15}.card-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;min-width:0}.card-header h3{min-width:0;overflow-wrap:anywhere}.room-pill{font-size:.8rem;color:var(--muted);text-align:right;overflow-wrap:anywhere}.temp{margin:.5rem 0 0;font-size:2rem;font-weight:700}.humidity{margin:.2rem 0;color:var(--muted)}.meta{margin:0;font-size:.8rem;color:var(--muted)}.sparkline-wrap{margin:.35rem 0 .45rem;color:#0f766e}.sparkline{width:100%;max-width:160px;height:34px;display:block}.sparkline-placeholder{font-size:.8rem;color:var(--muted)}.trend-label{display:inline-block;margin-top:.15rem;font-size:.78rem;color:var(--muted)}.status-ok{border-left:6px solid var(--ok)}.status-warning{border-left:6px solid var(--warn)}.status-critical{border-left:6px solid var(--critical)}.toolbar{display:flex;gap:.75rem;flex-wrap:wrap;align-items:end;min-width:0}.graph-toggles{display:flex;gap:.9rem 1.2rem;flex-wrap:wrap;margin:.6rem 0 .8rem}.toggle{display:inline-flex;align-items:center;gap:.45rem;color:var(--text);font-weight:500}.history-controls label,.toolbar label{display:flex;flex-direction:column;gap:.3rem;font-weight:600;min-width:min(220px,100%)}select,input,button{border:1px solid var(--border);border-radius:8px;padding:.5rem;font:inherit;max-width:100%;min-width:0}button{background:var(--accent);color:#fff;cursor:pointer;white-space:nowrap}.button-link{display:inline-flex;align-items:center;text-decoration:none;background:var(--accent);color:#fff;border-radius:8px;padding:.5rem;border:1px solid var(--accent);white-space:nowrap}button:disabled{opacity:.6;cursor:default}.danger-btn{background:#b91c1c}.admin-gate{display:grid;place-items:center;min-height:45vh}.login-page{min-height:100vh;display:grid;place-items:center;padding:1rem}.login-card{width:min(440px,100%);display:grid;gap:.9rem}.login-card h1{margin:.2rem 0 .35rem}.login-card label{display:grid;gap:.35rem;font-weight:600}.admin-card{width:min(420px,100%);display:grid;gap:.8rem}.admin-card label{display:grid;gap:.35rem;font-weight:600}.error-text{color:var(--critical);margin:0}.debug-actions{display:flex;flex-wrap:wrap;gap:.6rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:1rem;background:#0f172a6b}.forecast-modal{width:min(720px,100%);max-height:min(720px,calc(100vh - 2rem));overflow:auto}.forecast-calendar{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin-top:1rem}.forecast-day{display:grid;gap:.25rem;border:1px solid var(--border);border-left:5px solid var(--accent);border-radius:8px;padding:.75rem;background:#f8fafc}.forecast-day span,.forecast-day small{color:var(--muted)}.debug-result{border-left:6px solid var(--border)}.debug-ok{border-left-color:var(--ok)}.debug-error{border-left-color:var(--critical)}.debug-result pre{max-height:520px;overflow:auto;background:#111827;color:#f8fafc;border-radius:8px;padding:.8rem;font-size:.82rem;line-height:1.45}.config-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));margin-bottom:1rem;min-width:0}.config-grid label{display:flex;flex-direction:column;gap:.3rem;font-weight:600;min-width:0}textarea{width:100%;min-width:0;min-height:80px;border:1px solid var(--border);border-radius:8px;padding:.5rem;font:inherit}select[multiple]{min-width:0;width:100%;min-height:92px}.config-output{max-height:260px;overflow:auto;background:#111827;color:#f8fafc;border-radius:8px;padding:.8rem;font-size:.82rem;line-height:1.45}.table-wrap{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border:1px solid var(--border);border-radius:8px}table{width:100%;min-width:920px;border-collapse:collapse;margin:0;background:#fff}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.5rem;vertical-align:top;max-width:320px}th{position:sticky;top:0;z-index:1;background:#f8fafc;color:#475569;font-size:.78rem;text-transform:uppercase}td input,td select,td textarea{width:100%}td select{max-width:280px}@media (max-width: 700px){.topbar{flex-direction:column;align-items:stretch}.app-shell{width:min(1240px,calc(100% - 1rem))}.warning-panel{grid-template-columns:1fr}}