@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Tamil:wght@400;500;600;700&family=Archivo:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--sf-ground: #eef1f0;--sf-surface: #ffffff;--sf-surface-2: #f5f8f7;--sf-ink: #101816;--sf-ink-2: #43514e;--sf-ink-3: #6c7a77;--sf-rule: #d3dbd9;--sf-rule-2: #e6ecea;--sf-accent: #0c7f80;--sf-accent-ink: #06585a;--sf-accent-wash: #ddefee;--sf-on: #1d7a4d;--sf-on-wash: #dff1e7;--sf-pending: #a96a0c;--sf-pending-wash: #fbefda;--sf-fault: #b02f21;--sf-fault-wash: #fbe5e2;--sf-unreachable: #5b6a67;--sf-unreachable-wash: #e8ecEB;--sf-radius: 10px;--sf-shadow: 0 1px 2px rgba(16, 24, 22, .06), 0 8px 22px -14px rgba(16, 24, 22, .28);--sf-touch: 48px;--sf-font: "IBM Plex Sans", "Noto Sans Tamil", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sf-display: "Archivo", "Noto Sans Tamil", var(--sf-font)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--sf-ground: #0c1211;--sf-surface: #151d1c;--sf-surface-2: #1b2322;--sf-ink: #e8efed;--sf-ink-2: #a9b6b3;--sf-ink-3: #7f8d8a;--sf-rule: #27312f;--sf-rule-2: #1f2827;--sf-accent: #37bfbb;--sf-accent-ink: #74dad6;--sf-accent-wash: #0f2f2e;--sf-on: #4fb47c;--sf-on-wash: #12301f;--sf-pending: #e0a344;--sf-pending-wash: #32250f;--sf-fault: #ef7364;--sf-fault-wash: #371c18;--sf-unreachable: #93a19e;--sf-unreachable-wash: #1f2726;--sf-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 22px -14px rgba(0, 0, 0, .7)}}:root[data-theme=dark]{--sf-ground: #0c1211;--sf-surface: #151d1c;--sf-surface-2: #1b2322;--sf-ink: #e8efed;--sf-ink-2: #a9b6b3;--sf-ink-3: #7f8d8a;--sf-rule: #27312f;--sf-rule-2: #1f2827;--sf-accent: #37bfbb;--sf-accent-ink: #74dad6;--sf-accent-wash: #0f2f2e;--sf-on: #4fb47c;--sf-on-wash: #12301f;--sf-pending: #e0a344;--sf-pending-wash: #32250f;--sf-fault: #ef7364;--sf-fault-wash: #371c18;--sf-unreachable: #93a19e;--sf-unreachable-wash: #1f2726;--sf-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 22px -14px rgba(0, 0, 0, .7)}*{box-sizing:border-box}body{margin:0;background:var(--sf-ground);color:var(--sf-ink);font-family:var(--sf-font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}:root[lang=ta] body{line-height:1.7}h1,h2,h3{font-family:var(--sf-display);letter-spacing:-.01em;text-wrap:balance}button,input,select{font:inherit}:focus-visible{outline:3px solid var(--sf-accent);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.sf-card{background:var(--sf-surface);border:1px solid var(--sf-rule);border-radius:var(--sf-radius);box-shadow:var(--sf-shadow);padding:16px}.sf-btn{min-height:var(--sf-touch);padding:12px 20px;border-radius:var(--sf-radius);border:1px solid var(--sf-rule);background:var(--sf-surface);color:var(--sf-ink);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;white-space:normal}.sf-btn:hover:not(:disabled){border-color:var(--sf-accent)}.sf-btn:disabled{opacity:.55;cursor:not-allowed}.sf-btn--primary{background:var(--sf-accent);border-color:var(--sf-accent);color:#fff}.sf-btn--danger{background:var(--sf-fault);border-color:var(--sf-fault);color:#fff}.sf-btn--block{width:100%}.sf-btn--lg{min-height:60px;font-size:1.08rem}.sf-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.sf-field label{font-size:.9rem;font-weight:600;color:var(--sf-ink-2)}.sf-field input,.sf-field select{width:100%;min-width:0;min-height:var(--sf-touch);padding:12px 14px;border:1px solid var(--sf-rule);border-radius:var(--sf-radius);background:var(--sf-surface);color:var(--sf-ink)}.sf-field .sf-hint{font-size:.85rem;color:var(--sf-ink-3)}.sf-field .sf-error{font-size:.88rem;color:var(--sf-fault);font-weight:500}.sf-pill{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;font-size:.85rem;font-weight:600;border:1px solid;white-space:nowrap}.sf-pill__dot{width:9px;height:9px;border-radius:50%;background:currentColor;flex:none}.sf-pill--on{color:var(--sf-on);background:var(--sf-on-wash);border-color:var(--sf-on)}.sf-pill--off{color:var(--sf-ink-2);background:var(--sf-surface-2);border-color:var(--sf-rule)}.sf-pill--pending{color:var(--sf-pending);background:var(--sf-pending-wash);border-color:var(--sf-pending)}.sf-pill--fault{color:var(--sf-fault);background:var(--sf-fault-wash);border-color:var(--sf-fault)}.sf-pill--unreachable{color:var(--sf-unreachable);background:var(--sf-unreachable-wash);border-color:var(--sf-unreachable)}.sf-pill--unreachable .sf-pill__dot{background:transparent;box-shadow:inset 0 0 0 2px currentColor}@media (prefers-reduced-motion: no-preference){.sf-pill--pending .sf-pill__dot{animation:sf-pulse 1.4s ease-in-out infinite}}@keyframes sf-pulse{0%,to{opacity:1}50%{opacity:.35}}.sf-banner{border:1px solid;border-left-width:4px;border-radius:0 var(--sf-radius) var(--sf-radius) 0;padding:12px 16px;margin-bottom:16px;font-size:.95rem}.sf-banner--info{border-color:var(--sf-accent);background:var(--sf-accent-wash);color:var(--sf-accent-ink)}.sf-banner--warning{border-color:var(--sf-pending);background:var(--sf-pending-wash);color:var(--sf-pending)}.sf-banner--critical{border-color:var(--sf-fault);background:var(--sf-fault-wash);color:var(--sf-fault)}.sf-muted{color:var(--sf-ink-3);font-size:.88rem}.sf-stack{display:flex;flex-direction:column;gap:14px}.sf-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sf-spread{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.app{max-width:720px;margin:0 auto;padding:16px 16px 64px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0 18px;border-bottom:1px solid var(--sf-rule);margin-bottom:20px;flex-wrap:wrap}.topbar h1{font-size:1.35rem;margin:0}.topbar .site-name{color:var(--sf-ink-3);font-size:.9rem}.zone{margin-bottom:14px}.zone__head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap}.zone__name{font-family:var(--sf-display);font-weight:600;font-size:1.1rem}.valve{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid var(--sf-rule-2);flex-wrap:wrap}.valve:first-of-type{border-top:0}.valve__name{font-weight:500}.motor-card{border-left:4px solid var(--sf-accent)}.run-strip{position:sticky;bottom:0;margin:20px -16px -64px;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:var(--sf-surface);border-top:1px solid var(--sf-rule);box-shadow:0 -6px 20px -14px #0006}.login{max-width:400px;margin:8vh auto;padding:0 16px}.login h1{font-size:1.8rem;margin:0 0 6px}.login .tagline{color:var(--sf-ink-3);margin:0 0 28px}.pin-input{letter-spacing:.35em;font-size:1.3rem;text-align:center}.notif{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--sf-rule-2)}.notif:first-of-type{border-top:0}.notif time{display:block;font-size:.82rem;color:var(--sf-ink-3)}.centered{text-align:center;padding:40px 16px;color:var(--sf-ink-3)}@media (min-width: 640px){.app{padding-top:28px}.run-strip{position:static;margin:20px 0 0;border-radius:var(--sf-radius);border:1px solid var(--sf-rule)}}.valve__flow{font-size:.88rem;font-weight:600;color:var(--sf-on);font-variant-numeric:tabular-nums}.valve__device{font-size:.78rem;color:var(--sf-ink-3);font-variant-numeric:tabular-nums}