:root{color:#17201d;background:#f7f8f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button{border:0;border-radius:8px;cursor:pointer;font:inherit}.app{min-height:100vh;padding:24px}.shell{margin:0 auto;max-width:1120px}.topbar{align-items:center;display:flex;gap:16px;justify-content:space-between;min-height:56px}.brand{display:grid;gap:2px}.brand h1{font-size:24px;line-height:1.1;margin:0}.brand span,.muted{color:#66736b;font-size:14px}.actions{align-items:center;display:flex;gap:10px}.button-primary,.button-secondary{align-items:center;display:inline-flex;font-weight:700;min-height:40px;padding:0 14px}.button-primary{background:#1f6f57;color:#fff}.button-primary:disabled{background:#9eb3aa;cursor:default}.button-secondary{background:#e5ece6;color:#25332e}.button-secondary:disabled{color:#89958f;cursor:default}.grid{display:grid;gap:16px;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);margin-top:24px}.panel{background:#fff;border:1px solid #dce4dd;border-radius:8px;padding:18px}.panel-heading,.zone-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.panel h2{font-size:18px;margin:0 0 14px}.panel-actions{border-top:1px solid #eef2ee;display:flex;justify-content:flex-end;padding-top:14px}.zones{margin-top:24px}.zones h2{font-size:18px;margin:0 0 14px}.zones-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.zone-card{background:#fff;border:1px solid #dce4dd;border-radius:8px;display:grid;gap:14px;min-width:0;padding:18px}.zone-header h3{font-size:17px;line-height:1.2;margin:0 0 4px}.metric-grid{display:grid}.status-row{align-items:center;border-top:1px solid #eef2ee;display:grid;gap:12px;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);min-height:44px;padding:10px 0}.status-row:first-of-type{border-top:0}.label{color:#66736b;font-size:13px}.value{font-size:15px;overflow-wrap:anywhere}.pill{border-radius:999px;display:inline-flex;font-size:13px;font-weight:700;min-height:28px;padding:5px 10px}.pill-ok{background:#d9f0e2;color:#14523c}.pill-warn{background:#fff2c6;color:#6a4d00}.pill-off{background:#e8edf4;color:#2d4058}.error{background:#fff0ee;border:1px solid #f0c2bc;border-radius:8px;color:#88382f;margin-top:16px;padding:12px}.notice{background:#eef7f2;border:1px solid #bad9c8;border-radius:8px;color:#14523c;margin-top:16px;padding:12px}.empty{align-items:center;display:flex;min-height:240px}.zone-command{align-items:end;display:grid;gap:10px;grid-template-columns:minmax(96px,.55fr) minmax(150px,1fr) auto}.zone-command label{display:grid;gap:6px}.zone-command label span{color:#66736b;font-size:12px;font-weight:700}.zone-command input{background:#fff;border:1px solid #dce4dd;border-radius:8px;color:#17201d;font:inherit;height:40px;min-width:0;padding:0 10px}.zone-command input:disabled{background:#f2f5f2;color:#8a968f}.zone-command button{justify-content:center}.raw-shadow{margin-top:16px}.raw-shadow summary{color:#66736b;cursor:pointer;font-size:13px;font-weight:700}pre{background:#17201d;border-radius:8px;color:#ecf4ee;font-size:12px;line-height:1.5;margin:12px 0 0;max-height:420px;overflow:auto;padding:12px}@media(max-width:760px){.app{padding:16px}.topbar{align-items:flex-start;flex-direction:column}.grid,.zones-grid,.status-row,.zone-command{grid-template-columns:1fr}}