:root{--accent: #0b7a75;--accent-strong: #075f5b;--accent-highlight: #2cb7c9;--accent-soft: #e8f5f2;--accent-control: var(--accent);--accent-readable: var(--accent);--header: #0b2e3c;--surface: #ffffff;--background: #f4f8f7;--text: #15343c;--text-muted: #637a7f;--border: #d9e5e3;--text-scale: 1;--deep: var(--header);--river: var(--accent-readable);--cyan: var(--accent-highlight);--mist: var(--background);--paper: var(--surface);--ink: var(--text);--muted: var(--text-muted);--line: var(--border);--amber: #b56b13;--danger: #b33a3a;--success: #267044;--plot-ph: #087d78;--plot-turbidity: #a45b17;--plot-chlorine: #276bae;--plot-color: #ad456b;--plot-conductivity: #7448aa;--plot-solids: #49762e;--plot-temperature: #ac4c3c;--font-display: "Avenir Next", "Trebuchet MS", ui-sans-serif, sans-serif;font-family:Avenir Next,Segoe UI,ui-sans-serif,sans-serif;color:var(--ink);background:var(--mist);font-synthesis:none;font-size:calc(100% * var(--text-scale))}:root[data-accent=orange]{--accent:#a94700;--accent-strong:#843800;--accent-highlight:#f28a3a;--accent-soft:#fff1e6;--header:#572600}:root[data-accent=yellow]{--accent:#735700;--accent-strong:#584300;--accent-highlight:#d5a900;--accent-soft:#fff8d8;--header:#4b3b00}:root[data-accent=green]{--accent:#267044;--accent-strong:#1c5633;--accent-highlight:#4eb879;--accent-soft:#eaf6ee;--header:#173f28}:root[data-accent=blue]{--accent:#1769aa;--accent-strong:#125286;--accent-highlight:#4aa2df;--accent-soft:#eaf3fb;--header:#103b5e}:root[data-accent=red]{--accent:#a62e3b;--accent-strong:#81232d;--accent-highlight:#df6571;--accent-soft:#fbecef;--header:#591b22}:root[data-accent=purple]{--accent:#7043a0;--accent-strong:#56327c;--accent-highlight:#a479d0;--accent-soft:#f3edf9;--header:#3e2757}:root[data-accent=black]{--accent:#33383d;--accent-strong:#202428;--accent-highlight:#a2abb2;--accent-soft:#eff1f2;--header:#171a1d}:root[data-accent=cyan]{--accent:#006f79;--accent-strong:#00545c;--accent-highlight:#18b5c3;--accent-soft:#e5f7f8;--header:#083b42}:root[data-theme=dark]{color-scheme:dark;--surface:#17262b;--background:#0d181c;--text:#ecf4f3;--text-muted:#adc1c1;--border:#31464b;--accent-soft:#203b3c;--accent-readable:var(--accent-highlight);--amber:#e1a44f;--danger:#e06b6b;--success:#65c98d}@media(prefers-color-scheme:dark){:root[data-theme=system]{color-scheme:dark;--surface:#17262b;--background:#0d181c;--text:#ecf4f3;--text-muted:#adc1c1;--border:#31464b;--accent-soft:#203b3c;--accent-readable:var(--accent-highlight);--amber:#e1a44f;--danger:#e06b6b;--success:#65c98d}}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--mist)}button,input,select,textarea{font:inherit}:focus-visible{outline:3px solid var(--cyan)!important;outline-offset:3px}.brand-mark{width:37px;height:37px;border:2px solid var(--cyan);border-radius:50% 50% 48% 52%/64% 64% 36% 36%;position:relative;transform:rotate(45deg)}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";position:absolute;height:2px;background:var(--cyan);left:6px;right:6px;transform:rotate(-45deg)}.brand-mark:before{top:12px}.brand-mark:after{top:18px}.brand-mark span{top:24px}.auth-art{width:min(48vw,760px);min-height:100vh;background:var(--deep);position:relative;overflow:hidden}.auth-art:after{content:"";position:absolute;width:680px;height:680px;right:-360px;bottom:-230px;border-radius:50%;border:1px solid rgba(44,183,201,.35);box-shadow:0 0 0 80px #2cb7c90d,0 0 0 160px #2cb7c909;pointer-events:none}.auth-panel{background:var(--paper);border:1px solid var(--line);padding:clamp(26px,5vw,48px);box-shadow:0 24px 70px #0b2e3c14}.auth-panel .form-stack{grid-template-columns:minmax(0,1fr)}.eyebrow,.panel-kicker{color:var(--river);text-transform:uppercase;letter-spacing:.15em;font-size:11px;font-weight:800}.page-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.045em;line-height:1;margin-top:8px}.form-stack{display:grid;gap:18px}.form-stack input,.form-stack textarea{border-color:var(--line);background:var(--paper);color:var(--ink)}.primary-button{background:var(--accent-control)!important;color:#fff!important;min-height:44px;font-weight:800!important}.primary-button:hover{background:var(--accent-strong)!important}.form-error,.form-success{padding:11px 13px;font-size:13px;border-left:3px solid}.form-error{color:#8d2828;background:#fff1f0;border-color:var(--danger)}.form-success{color:#08605c;background:#edf9f6;border-color:var(--river)}.mfa-qr{width:210px;max-width:100%;margin:0 auto;border:10px solid white;box-shadow:0 8px 26px #0b2e3c1f}.mfa-form{margin-top:24px}.nav-link{color:#ffffffab;text-decoration:none;padding:11px 15px 13px;font-size:13px;font-weight:700;border-bottom:3px solid transparent}.nav-link:hover{color:#fff}.nav-link.active{color:#fff;border-color:var(--cyan)}.panel{background:var(--paper);border:1px solid var(--line);padding:clamp(20px,3vw,30px);box-shadow:0 9px 30px #0b2e3c0a}.status-hero{min-width:230px;background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--river);padding:16px 20px}.coverage-panel{background:linear-gradient(150deg,var(--paper) 55%,var(--accent-soft))}.coverage-track{height:7px;background:var(--line);overflow:hidden;border-radius:9px}.coverage-track span{display:block;height:100%;min-width:2px;background:var(--cyan);border-radius:inherit}.regulation-note{border-top:1px solid var(--line);padding-top:16px}.empty-plot{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:38px 38px;color:var(--muted)}.native-select{appearance:none;background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23637a7f' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid var(--line);color:var(--ink);border-radius:7px;padding:9px 36px 9px 12px;min-height:44px}.native-select.compact{padding-block:5px;min-height:32px;font-size:13px}.company-switcher{max-width:240px;border-color:#ffffff57}.company-selector-rail{width:min(44vw,650px);min-height:100vh;background:var(--deep);color:#fff;position:relative;overflow:hidden}.company-selector-rail:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(44,183,201,.28);border-radius:48% 52% 46% 54%;right:-300px;bottom:-220px;box-shadow:0 0 0 70px #2cb7c90a,0 0 0 140px #2cb7c906;pointer-events:none}.company-choice-list{display:grid;gap:12px}.company-choice{width:100%;border:1px solid var(--line);border-left:4px solid var(--river);background:var(--paper);color:var(--ink);padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px;text-align:left;cursor:pointer;box-shadow:0 8px 24px #0b2e3c0a}.company-choice:hover{border-left-color:var(--cyan);background:var(--accent-soft)}.company-choice strong,.company-choice small{display:block}.company-choice strong{font-family:var(--font-display);font-size:18px}.company-choice small{color:var(--muted);margin-top:5px}.company-choice-action{color:var(--river);font-size:12px;font-weight:800}.parameter-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));background:var(--deep);color:#fff}.parameter-cell{padding:20px;min-width:155px;border-right:1px solid rgba(255,255,255,.1)}.parameter-cell:last-child{border:0}.parameter-cell>p:first-child{color:#ffffff9e;min-height:32px}.parameter-cell [role=status]{margin-top:7px}.parameter-cell [role=status] p{color:#fff!important}.table-panel th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.table-panel td{color:var(--ink)}.audit-groups{display:grid;gap:12px}.audit-group{border:1px solid var(--line)}.audit-group-header{width:100%;border:0;background:var(--mist);color:var(--ink);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer}.audit-group-header:hover{background:var(--accent-soft)}.audit-chevron{color:var(--river);font-size:24px;line-height:1;transition:transform .16s ease}.audit-group-header[aria-expanded=false] .audit-chevron{transform:rotate(-90deg)}.audit-group-body{border-top:1px solid var(--line)}.audit-pagination{border-top:1px solid var(--line);padding-top:18px}.alert-count{display:grid;place-items:center;background:#fff0ed;color:var(--danger);font-weight:800;width:34px;height:34px;border-radius:50%}.alert-list{display:grid;gap:10px}.alert-item{border-left:3px solid var(--amber);background:#fbf8f2;padding:14px}.severity{text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:900;height:fit-content}.severity.critical{color:var(--danger)}.severity.warning{color:var(--amber)}.empty-row{text-align:center;color:var(--muted);padding:34px 10px}.secret-box{background:#fff8e9;border:1px solid #edcf9d;padding:16px}.settings-stack{display:grid}.settings-list{border-top:1px solid var(--line)}.settings-list-row{border-bottom:1px solid var(--line);padding:8px 0;min-height:54px}.settings-list-row button{min-width:44px;min-height:44px}.check-control{display:flex;align-items:center;gap:11px;min-height:44px;cursor:pointer;color:var(--ink)}.check-control input{width:20px;height:20px;accent-color:var(--river);flex:0 0 auto}.check-control small{display:block;color:var(--muted)}.color-choice{width:44px;height:44px;display:grid;place-items:center;border:2px solid transparent;background:transparent;cursor:pointer;border-radius:50%}.color-choice span{width:28px;height:28px;border-radius:50%;background:var(--swatch);border:1px solid rgba(0,0,0,.16)}.color-choice.selected{border-color:var(--ink)}.color-default{--swatch:#0b7a75 }.color-orange{--swatch:#a94700 }.color-yellow{--swatch:#d5a900 }.color-green{--swatch:#267044 }.color-blue{--swatch:#1769aa }.color-red{--swatch:#a62e3b }.color-purple{--swatch:#7043a0 }.color-black{--swatch:#252a2e }.color-cyan{--swatch:#008b98 }.company-logo{display:block;width:36px;height:36px;object-fit:contain;background:#fff;border:1px solid rgba(255,255,255,.35)}.notification-button{position:relative;min-width:44px!important;min-height:44px!important}.header-action{min-height:44px!important}.notification-badge{position:absolute;top:-5px;right:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;display:grid;place-items:center;background:var(--danger);color:#fff;font-size:10px;font-weight:900}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}.dashboard-status,.dashboard-parameters{grid-column:span 12}.dashboard-trend,.dashboard-readings{grid-column:span 8}.dashboard-coverage,.dashboard-alerts{grid-column:span 4}.dashboard-module{min-width:0}.dashboard-trend{align-self:start}.sensor-selector{width:100%;max-width:100%}.field-caption{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:7px}.text-link{color:var(--accent-readable);font-weight:700;text-decoration:underline;text-underline-offset:3px}.device-manage-link{display:inline-flex;min-height:44px;align-items:center;white-space:nowrap}.device-summary{display:flex;align-items:center;gap:16px 28px;flex-wrap:wrap;padding:18px 22px;background:var(--paper);border:1px solid var(--line)}.device-summary strong{font-size:22px;margin-right:5px;font-family:var(--font-display)}.device-state{align-self:start;padding:5px 10px;border:1px solid var(--line);color:var(--muted);font-size:13px;font-weight:700;border-radius:4px}.device-state.online{color:var(--success)}.parameter-tag{padding:5px 10px;background:var(--mist);border:1px solid var(--line);font-size:12px}.parameter-options{border:0;padding:0;min-width:0;display:grid;gap:5px}.parameter-options legend{margin-bottom:10px;font-weight:700;font-size:14px}.parameter-options label{display:flex;align-items:center;min-height:44px;gap:12px;cursor:pointer}.parameter-options input{width:18px;height:18px;accent-color:var(--accent)}.parameter-options small{display:block;color:var(--muted);font-size:11px}.device-secret{display:block;font-family:monospace;overflow-wrap:anywhere;padding:14px;background:var(--mist);border:1px solid var(--line);-webkit-user-select:all;user-select:all}.parameter-age{color:#fffc}.chart-tooltip{padding:12px 14px;border:1px solid var(--line);background:var(--paper);color:var(--ink);box-shadow:0 5px 18px #0b2e3c1f;max-width:min(300px,80vw)}.coverage-checklist{list-style:none;padding:0;margin-top:12px;display:grid;gap:9px;font-size:12px}.coverage-details summary{cursor:pointer;min-height:44px;font-size:14px;font-weight:800;padding-block:10px}.coverage-checklist li{display:flex;justify-content:space-between;gap:12px}.coverage-checklist li span:last-child{color:var(--muted);text-align:right}.coverage-disclaimer{padding:14px;background:var(--mist);border-left:3px solid var(--accent-readable)}.coverage-disclaimer a{display:inline-block;margin-top:12px;font-size:12px}.reading-details{padding:22px;background:var(--mist);max-width:min(1100px,calc(100vw - 100px))}.reading-range-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.reading-range{padding:18px;background:var(--paper);border:1px solid var(--line);min-width:0}.range-rail{height:10px;position:relative;background:var(--line);border-radius:8px;margin:0 6px}.range-band,.range-warning{position:absolute;height:100%;background:color-mix(in srgb,var(--success) 35%,var(--line))}.range-warning{background:color-mix(in srgb,var(--amber) 60%,var(--line))}.range-boundary{position:absolute;height:24px;width:3px;top:-7px;background:var(--ink);transform:translate(-50%);border-radius:2px}.range-marker{position:absolute;width:14px;height:14px;top:-2px;transform:translate(-50%);border:2px solid var(--paper);border-radius:50%;background:var(--accent-readable);box-shadow:0 0 0 2px var(--paper)}.range-marker.outside{background:var(--danger)}:root[data-theme=dark]{--plot-ph:#59c6ba;--plot-turbidity:#e6ac67;--plot-chlorine:#75b8ed;--plot-color:#ec94b5;--plot-conductivity:#b59ae7;--plot-solids:#add188;--plot-temperature:#e79b84}@media(prefers-color-scheme:dark){:root[data-theme=system]{--plot-ph:#59c6ba;--plot-turbidity:#e6ac67;--plot-chlorine:#75b8ed;--plot-color:#ec94b5;--plot-conductivity:#b59ae7;--plot-solids:#add188;--plot-temperature:#e79b84}}:root[data-density=compact] .panel{padding:clamp(16px,2vw,22px)}:root[data-density=compact] .form-stack{gap:12px}:root[data-theme=dark] .alert-item{background:#32291d}:root[data-theme=dark] .alert-count{background:#42262a}:root[data-theme=dark] .secret-box{background:#332b1f;border-color:#655234}@media(prefers-color-scheme:dark){:root[data-theme=system] .alert-item{background:#32291d}:root[data-theme=system] .alert-count{background:#42262a}:root[data-theme=system] .secret-box{background:#332b1f;border-color:#655234}}@media(max-width:860px){.auth-art{display:none!important}.auth-panel{box-shadow:none}.audit-pagination{align-items:stretch;flex-direction:column}.audit-pagination>div{justify-content:space-between}.company-selector-rail{width:100%;min-height:auto}.company-switcher{max-width:150px}.company-logo{display:none}.dashboard-module{grid-column:1 / -1}}@media(max-width:600px){.brand-copy,.header-action-label{display:none}.header-action{min-width:44px!important;padding-inline:0!important}.company-switcher{max-width:110px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}