:root{color:#183247;font-synthesis:none;-webkit-font-smoothing:antialiased;--brand:#087f8c;--brand-dark:#0b2d43;--accent:#70d2ce;--ink:#183247;--muted:#718494;--line:#dce7eb;--surface:#fff;--surface-soft:#f7fbfc;--shadow-sm:0 8px 24px #1435460f;--shadow-lg:0 18px 44px #1435461f;background:#f3f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:#f3f7f8;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}h1,h2,h3,h4,p{margin-top:0}h1{color:var(--ink);letter-spacing:-.055em;font-size:clamp(2.2rem,4vw,3.5rem);line-height:.98}.subtitle{color:var(--muted);line-height:1.6}.eyebrow,.section-kicker{color:var(--brand);text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:800}.eyebrow{margin:0 0 10px}.section-kicker{margin-bottom:6px;display:block}label{color:#526879;gap:8px;font-size:.82rem;font-weight:700;display:grid}input,select{width:100%;color:var(--ink);background:var(--surface);border:1px solid #cddce2;border-radius:9px;outline:0;padding:12px 13px;transition:border-color .18s,box-shadow .18s}input:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 4px #087f8c1f}button{color:#073b4c;background:var(--accent);border:0;border-radius:9px;padding:11px 16px;font-weight:750;transition:transform .16s,background .16s,box-shadow .16s}button:hover:not(:disabled){background:#56c6c3;transform:translateY(-1px)}button.secondary{color:#476174;background:var(--surface);border:1px solid #cfdde2}button.secondary:hover:not(:disabled){background:#f3f8f9}.auth-shell{background:var(--surface);grid-template-columns:minmax(360px,.86fr) 1.14fr;min-height:100vh;display:grid}.auth-panel{width:min(430px,100% - 48px);margin:auto}.auth-panel h1{margin-bottom:14px}.auth-panel .subtitle{margin-bottom:32px}.auth-aside{color:#e7f8fa;background:radial-gradient(circle at 70% 18%,#17637e 0,#0000 35%),linear-gradient(145deg,#082c43,#0b1728 70%);flex-direction:column;justify-content:flex-end;min-height:100vh;padding:64px;display:flex}.auth-aside h2{letter-spacing:-.05em;max-width:560px;margin:22px 0 14px;font-size:clamp(2.5rem,5vw,5rem);line-height:1.02}.auth-aside p{color:#a7c4d3;max-width:520px;font-size:1.05rem;line-height:1.7}.login-form,.entity-form{gap:18px;display:grid}.shell.narrow{width:min(430px,100% - 48px);min-height:100vh;margin:auto;padding-top:14vh}.error{color:#a53c48;background:#fff0f1;border-radius:8px;padding:11px 13px;font-size:.8rem}.brand-mark{color:#06324c;background:var(--accent);letter-spacing:-.08em;border-radius:15px;place-items:center;width:52px;height:52px;font-weight:850;display:grid}.brand-mark.small{border-radius:10px;width:36px;height:36px;font-size:.8rem}.app-shell{background:#f3f7f8;min-height:100vh;display:flex}.sidebar{color:#a9bfca;background:var(--brand-dark);flex-direction:column;flex:0 0 256px;min-height:100vh;padding:25px 14px;display:flex;box-shadow:10px 0 30px #0a223514}.sidebar-brand{color:#f4f9fc;border-bottom:1px solid #cfe8ee1a;align-items:center;gap:11px;padding:0 11px 38px;display:flex}.sidebar-brand strong,.sidebar-brand small{display:block}.sidebar-brand strong{letter-spacing:-.03em;font-size:1.1rem}.sidebar-brand strong span{color:var(--accent)}.sidebar-brand small{color:#6f899a;margin-top:4px;font-size:.66rem}.nav-label{color:#617d90;text-transform:uppercase;letter-spacing:.12em;padding:25px 13px 10px;font-size:.65rem;font-weight:800}.nav-item{color:#a9bfca;text-align:left;background:0 0;border-radius:9px;align-items:center;gap:12px;width:100%;padding:11px 13px;font-size:.86rem;font-weight:650;display:flex}.nav-item:hover,.nav-item.active{color:#f2fbfc;background:#123b53;transform:none}.nav-item.active{box-shadow:inset 3px 0 var(--accent)}.sidebar-bottom{gap:15px;margin-top:auto;display:grid}.secure-note{color:#6f899a;padding:0 13px;font-size:.72rem}.status-dot{background:#45d68c;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block;box-shadow:0 0 0 4px #45d68c21}.content{background:linear-gradient(#f8fbfc 0,#f3f7f8 340px);flex:1;min-width:0;padding:42px clamp(20px,5vw,70px)}.topbar,.org-picker,.org-workspace,.user-content{width:min(1260px,100%);margin-left:auto;margin-right:auto}.topbar{justify-content:space-between;align-items:flex-start;gap:28px;display:flex}.breadcrumb{color:#91a0b1;margin:0 0 12px;font-size:.75rem}.topbar h1{margin-bottom:12px}.user-menu{align-items:center;gap:10px;padding:6px 0;display:flex}.user-menu strong,.user-menu small{display:block}.user-menu strong{color:#28394c;text-overflow:ellipsis;max-width:220px;font-size:.78rem;overflow:hidden}.user-menu small{color:#8a9aab;margin-top:3px;font-size:.7rem}.avatar{color:#075a62;background:#b9eeeb;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.overview-toolbar{display:none}.org-picker{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:12px;justify-content:space-between;align-items:end;gap:16px;margin-top:34px;margin-bottom:34px;padding:18px 20px;display:flex}.org-picker label{flex:1;max-width:520px}.org-picker select{background:#fbfdfd;margin-top:4px;font-weight:650}.toolbar-actions{gap:10px;display:flex}.org-workspace{margin-bottom:30px}.workspace-heading{color:#effcff;background:linear-gradient(125deg,#0b2b42,#104d61);border-radius:15px;margin-bottom:30px;padding:24px 26px;box-shadow:0 15px 30px #0b2d4229}.workspace-heading h2{letter-spacing:-.04em;margin:0;font-size:1.95rem}.workspace-heading p{color:#b4d8dc;margin:8px 0 0;font-size:.8rem}.workspace-heading .section-kicker{color:var(--accent)}.zone-group{margin-bottom:32px}.zone-heading{align-items:center;gap:12px;margin-bottom:14px;display:flex}.zone-heading h3{color:#263f52;margin:0;font-size:1.04rem}.zone-heading p{color:#8394a1;margin:4px 0 0;font-size:.76rem}.zone-marker{background:var(--brand);border-radius:4px;width:4px;height:34px;box-shadow:0 0 0 4px #087f8c1a}.small-action{color:#28747c;background:0 0;border:1px solid #cfe5e6;margin-left:auto;padding:8px 12px;font-size:.75rem}.small-action:hover{background:#edf8f7}.block-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:16px;display:grid}.block-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:13px;padding:18px;transition:transform .18s,box-shadow .18s}.block-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.block-header{border-bottom:1px solid #e8eef1;justify-content:space-between;align-items:flex-start;padding-bottom:15px;display:flex}.block-label{color:#8a9aa6;letter-spacing:.13em;font-size:.61rem;font-weight:800}.block-header h4{color:#1d394e;margin:4px 0 0;font-size:1.05rem}.icon-button{color:#617387;background:#f3f6f8;padding:7px 9px}.icon-button:hover{background:#e6f2f2}.asset-groups{grid-template-columns:repeat(3,1fr);gap:16px;padding-top:15px;display:grid}.asset-group-title{color:#647a88;text-transform:capitalize;align-items:center;gap:5px;margin-bottom:9px;font-size:.69rem;font-weight:800;display:flex}.asset-group-title b{color:#a0acb9;margin-left:auto;font-size:.65rem}.asset-dot{border-radius:50%;width:7px;height:7px}.asset-dot.sump{background:#4ba9d3}.asset-dot.tank{background:#9b7bd2}.asset-dot.motor{background:#e4a84f}.asset-tile{background:#f8fbfc;border:1px solid #e2ebee;border-radius:8px;align-items:flex-start;gap:7px;min-height:58px;margin-bottom:7px;padding:8px;transition:border-color .18s,background .18s;display:flex;position:relative;overflow:hidden}.asset-tile:hover{background:#f1f8f8;border-color:#b9dcdc}.asset-icon{color:#22748d;background:#e5f2f6;border-radius:6px;flex:0 0 23px;place-items:center;width:23px;height:23px;font-size:.65rem;font-weight:800;display:grid}.asset-tile.tanks .asset-icon{color:#6b5b9a;background:#eeeafa}.asset-tile.motors .asset-icon{color:#a26e22;background:#fff3de}.asset-copy{min-width:0;padding-bottom:7px}.asset-copy strong,.asset-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.asset-copy strong{color:#385267;font-size:.72rem}.asset-copy small{color:#8799a6;margin-top:2px;font-size:.6rem}.tile-actions{z-index:2;margin-left:auto;display:none;position:relative}.asset-tile:hover .tile-actions{gap:2px;display:flex}.tile-actions button{color:#78899a;background:#f3f7f8;padding:5px 8px;font-size:.75rem}.add-asset{color:#16818a;text-align:left;background:0 0;width:100%;margin-top:2px;padding:7px 4px;font-size:.66rem}.add-asset:hover{background:#edf8f7;transform:none}.empty{text-align:center;align-content:center;justify-items:center;min-height:230px;padding:40px;display:grid}.empty h3{color:#3b4d61;margin-bottom:14px}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#071c2b9e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid #e2eaee;border-radius:16px;width:min(520px,100%);max-height:90vh;padding:27px;overflow:auto;box-shadow:0 25px 80px #00000038}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:27px;display:flex}.modal-header .eyebrow{margin:0 0 7px}.modal h2{color:#19364a;letter-spacing:-.03em;margin:0}.close-button{color:#8190a0;background:0 0;padding:2px 8px;font-size:1.4rem}.modal-actions{justify-content:flex-end;gap:9px;margin-top:8px;display:flex}.users-heading{justify-content:space-between;align-items:end;gap:20px;margin:38px auto 18px;display:flex}.users-heading h2{color:#19364a;letter-spacing:-.04em;margin:0 0 8px}.user-form-card{max-width:620px;margin-bottom:18px;padding:24px}.user-form-card .modal-header{margin-bottom:20px}.user-form-card h3{color:#19364a;margin:0}.role-options{border:0;flex-wrap:wrap;gap:10px 16px;margin:0;padding:0;display:flex}.role-options legend{color:#526879;width:100%;margin-bottom:2px;font-size:.82rem;font-weight:700}.role-options label{color:#607084;align-items:center;gap:7px;font-size:.8rem;font-weight:600;display:flex}.role-options input{width:auto}.table-action{margin-right:7px;padding:7px 10px;font-size:.72rem}.table-action.danger{color:#9b4d59}.you-label{color:var(--brand);margin-left:8px;font-size:.68rem;display:inline-block}.user-table-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:14px;overflow:hidden}table{border-collapse:collapse;text-align:left;width:100%}th{color:#94a0ae;text-transform:uppercase;letter-spacing:.08em;background:#fbfcfd;padding:13px 22px;font-size:.66rem}td{color:#607084;border-top:1px solid #eef1f5;padding:16px 22px;font-size:.82rem}tbody tr:hover{background:#fbfdfd}.role-pill{color:#587181;background:#eef4f6;border-radius:999px;padding:5px 9px;font-size:.68rem;font-weight:750;display:inline-block}.content>.alert{z-index:30;color:#146d55;background:#f4fffa;border:1px solid #b9e2d2;border-radius:12px;align-items:center;gap:18px;min-width:280px;max-width:min(420px,100vw - 48px);margin:0;padding:13px 14px 13px 16px;animation:.22s ease-out toast-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 34px #1841392e}.content>.alert button{color:#5f8378;background:0 0;margin-left:auto;padding:2px 5px;font-size:1.05rem}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)translate(8px)}to{opacity:1;transform:translateY(0)translate(0)}}@keyframes water-level-drift{0%,to{opacity:.75;transform:scaleX(.82)}50%{opacity:1;transform:scaleX(1)}}@keyframes water-wave{0%,to{opacity:.4;transform:translateY(3px)}50%{opacity:.8;transform:translateY(-1px)}}@keyframes motor-pulse{0%,to{transform:scale(1);box-shadow:0 0 #e0a84f1a}50%{transform:scale(1.06);box-shadow:0 0 0 5px #e0a84f1f}}.asset-tile:after{content:"";background:#e7eef2;border-radius:999px;height:3px;position:absolute;bottom:8px;left:8px;right:8px}.asset-tile.sumps:before,.asset-tile.tanks:before{content:"";z-index:1;transform-origin:0;background:linear-gradient(90deg,#42b4cf,#78d5d4);border-radius:999px;width:64%;height:3px;animation:3.4s ease-in-out infinite water-level-drift;position:absolute;bottom:8px;right:8px}.asset-tile.tanks:before{background:linear-gradient(90deg,#9274d3,#c0a8ed);width:78%;animation-delay:-.9s}.asset-tile.sumps .asset-icon,.asset-tile.tanks .asset-icon{position:relative;overflow:hidden}.asset-tile.sumps .asset-icon:after,.asset-tile.tanks .asset-icon:after{content:"";background:#ffffff59;height:48%;animation:2.2s ease-in-out infinite water-wave;position:absolute;bottom:0;left:0;right:0}.asset-tile.motors .asset-icon{animation:1.7s ease-in-out infinite motor-pulse}.asset-tile.motors .asset-copy small{color:#a26e22;font-weight:700}@media (width<=800px){.auth-shell{display:block}.auth-aside{display:none}.sidebar{flex-basis:70px;width:70px;padding:20px 8px}.sidebar-brand{justify-content:center;padding:0 0 30px}.sidebar-brand>div:last-child,.nav-label,.secure-note{display:none}.nav-item{justify-content:center;padding:11px 0;font-size:0}.nav-item:first-letter{font-size:.9rem}.nav-item.active{box-shadow:none}.content{padding:28px 16px}.topbar{display:block}.user-menu{margin-top:22px}.org-picker{flex-direction:column;align-items:stretch}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end}.workspace-heading{margin-bottom:22px}.asset-groups,.block-grid{grid-template-columns:1fr}.zone-heading{align-items:flex-start}.small-action{margin-left:auto}.content>.alert{max-width:calc(100vw - 32px);bottom:16px;right:16px}}.asset-tile{align-items:center;min-height:72px;padding:9px}.water-vessel{background:#edf4f5;border:2px solid #80aeb4;border-radius:5px 5px 8px 8px;flex:0 0 39px;width:39px;height:42px;margin:4px 3px 0 1px;position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffffbf}.water-vessel.sumps{background:#e9f5f7;border-color:#5babc3}.water-vessel.tanks{background:#f1effa;border-color:#9382c7}.vessel-roof{background:#6d9ba3;border-radius:50% 50% 3px 3px;width:27px;height:11px;position:absolute;top:-5px;left:4px;transform:perspective(10px)rotateX(8deg)}.water-vessel.tanks .vessel-roof{background:#8170b2}.vessel-roof:after{content:"";background:inherit;border-radius:3px 3px 0 0;width:5px;height:6px;position:absolute;top:-4px;left:11px}.water-fill{z-index:1;background:linear-gradient(#65cad5,#2b9db7);min-height:0;transition:height .5s;position:absolute;bottom:0;left:0;right:0}.water-vessel.tanks .water-fill{background:linear-gradient(#b4a2e9,#7864bd)}.water-fill span{background:#ffffff6b;border-radius:50%;height:5px;animation:2.5s ease-in-out infinite water-wave;position:absolute;top:1px;left:-5px;right:-5px}.motor-visual{color:#94631e;background:#fff0d2;border:2px solid #e0a84f;border-radius:10px;flex:0 0 39px;place-items:center;width:39px;height:39px;display:grid;box-shadow:inset 0 0 0 4px #ffffff80}.motor-visual.running{color:#187b5b;background:#e2f7ed;border-color:#55bb8d}.motor-rotor{font-size:1.2rem;line-height:1}.motor-visual.running .motor-rotor{animation:2.5s linear infinite motor-rotate}.asset-tile.motors{background:#fffdfa;border-color:#f0dfbf}.asset-tile.motors:has(.motor-visual.running){background:#f8fffb;border-color:#cdebdc}.asset-copy small{color:#778d98;font-weight:650}.asset-tile.sumps:before,.asset-tile.tanks:before,.asset-tile:after{display:none}@keyframes motor-rotate{to{transform:rotate(360deg)}}.sump-visual,.tank-visual{flex:0 0 48px;width:48px;height:48px;margin-right:2px;position:relative}.sump-visual{background:#dce9e8;border:2px solid #799998;border-radius:6px 6px 10px 10px;margin-top:3px;overflow:hidden;box-shadow:inset 0 5px #ffffff73}.sump-visual:before{content:"";background:#71918f;border-radius:4px;height:4px;position:absolute;bottom:4px;left:4px;right:4px}.sump-rim{z-index:2;background:#9db9b6;border:1px solid #6d8e8b;border-radius:3px;height:8px;position:absolute;top:2px;left:3px;right:3px;box-shadow:inset 0 2px #ffffff73}.sump-rim:after{content:"";background:#718f8d;border-radius:3px 3px 0 0;width:11px;height:5px;position:absolute;top:-4px;right:9px}.sump-visual .water-fill{z-index:1;background:linear-gradient(#56c4d0,#258fa7);bottom:4px;left:4px;right:4px}.tank-visual{margin-top:6px}.tank-cap{z-index:2;background:#8c7bbd;border-radius:50% 50% 3px 3px;width:32px;height:10px;position:absolute;top:0;left:8px;box-shadow:0 2px #62558e}.tank-cap:after{content:"";background:#7665a6;border-radius:3px 3px 0 0;width:8px;height:6px;position:absolute;top:-5px;left:12px}.tank-body{background:#eeeafa;border:2px solid #8172b0;border-radius:6px 6px 4px 4px;width:36px;height:31px;position:absolute;top:8px;left:6px;overflow:hidden}.tank-body:before{content:"";border-left:1px solid #ffffffb3;position:absolute;inset:0 0 0 5px}.tank-body .water-fill{z-index:1;background:linear-gradient(#b2a1e7,#7662bd);position:absolute;bottom:0;left:0;right:0}.tank-legs{justify-content:space-between;width:28px;display:flex;position:absolute;bottom:0;left:10px}.tank-legs i{background:#665890;border-radius:0 0 2px 2px;width:4px;height:9px;display:block}.motor-visual{border-radius:9px 14px 14px 9px;flex-basis:48px;width:48px;height:43px;position:relative;overflow:visible}.motor-visual:before{content:"";opacity:.22;background:currentColor;border-radius:3px;width:8px;height:28px;position:absolute;top:7px;left:-5px}.motor-visual:after{content:"";background:#b88332;border-radius:0 4px 4px 0;width:8px;height:20px;position:absolute;top:11px;right:-7px}.motor-visual.running:after{background:#36a978}.motor-fan{font-size:1.4rem;line-height:1}.motor-visual.running .motor-fan{animation:2.5s linear infinite motor-rotate}.motor-visual i{background:#c78624;border-radius:50%;width:5px;height:5px;position:absolute;bottom:5px;right:5px;box-shadow:0 0 0 2px #c786242e}.motor-visual.running i{background:#28a975;box-shadow:0 0 0 2px #28a9752e}.workspace-redesign{color:#203c4d}.workspace-command-bar{background:#fff;border:1px solid #d9e5e8;border-radius:14px;justify-content:space-between;align-items:center;gap:24px;padding:20px 22px;display:flex;box-shadow:0 5px 20px #1435460d}.workspace-identity{align-items:center;gap:13px;min-width:0;display:flex}.workspace-mark{color:#07545f;background:#c9f0ed;border-radius:11px;flex:0 0 43px;place-items:center;width:43px;height:43px;font-weight:850;display:grid}.workspace-identity span,.workspace-identity small{color:#8a9aa4;font-size:.65rem;display:block}.workspace-identity h2{color:#19364a;letter-spacing:-.035em;margin:3px 0;font-size:1.15rem}.workspace-actions{align-items:center;gap:8px;display:flex}.workspace-health{color:#26815f;white-space:nowrap;align-items:center;gap:7px;margin-right:6px;font-size:.7rem;font-weight:750;display:flex}.workspace-health span{background:#35b77c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #35b77c1f}.workspace-health.attention{color:#b07729}.workspace-health.attention span{background:#e4a23b;box-shadow:0 0 0 4px #e4a23b1f}.workspace-action{color:#52707d;background:#f3f8f8;border:1px solid #d7e6e7;border-radius:8px;place-items:center;width:34px;height:34px;padding:0;font-size:1rem;display:grid}.workspace-action:hover{color:#087f8c;background:#e3f6f4;transform:none}.workspace-switcher{position:relative}.workspace-switcher-menu{z-index:10;background:#fff;border:1px solid #d9e5e8;border-radius:10px;width:230px;padding:8px;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 16px 35px #071c2b2e}.workspace-switcher-menu strong{color:#8798a1;letter-spacing:.07em;text-transform:uppercase;padding:7px 9px;font-size:.63rem;display:block}.workspace-switcher-menu button{color:#385466;text-align:left;background:0 0;border-radius:7px;justify-content:space-between;align-items:center;width:100%;padding:9px;font-size:.74rem;display:flex}.workspace-switcher-menu button:hover,.workspace-switcher-menu button.current{color:#126f77;background:#edf8f7;transform:none}.workspace-switcher-menu b{color:#087f8c}.workspace-summary{background:#fff;border:1px solid #d9e5e8;border-radius:11px;grid-template-columns:repeat(5,1fr);margin:14px 0;display:grid}.workspace-summary>div{border-right:1px solid #edf1f3;padding:13px 17px}.workspace-summary>div:last-child{border-right:0}.workspace-summary span,.workspace-summary strong{display:block}.workspace-summary span{color:#8a9aa4;letter-spacing:.07em;text-transform:uppercase;margin-bottom:5px;font-size:.6rem;font-weight:800}.workspace-summary strong{color:#254659;letter-spacing:-.04em;font-size:1.25rem}.zone-control-bar{color:#728891;letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:center;min-height:42px;margin:14px 0 8px;padding:0 2px;font-size:.68rem;font-weight:800;display:flex}.zone-controls{align-items:center;gap:8px;display:flex}.workspace-full-canvas{width:100%}.workspace-layout{grid-template-columns:245px minmax(0,1fr);align-items:start;gap:14px;display:grid}.zone-rail{background:#102f43;border-radius:13px;min-height:320px;padding:14px 9px;box-shadow:0 10px 25px #0a27381f}.zone-rail-heading{color:#c5dce0;justify-content:space-between;align-items:center;padding:7px 9px 13px;display:flex}.zone-rail-heading span,.zone-rail-heading strong{display:block}.zone-rail-heading span{color:#7193a0;text-transform:uppercase;letter-spacing:.1em;font-size:.6rem}.zone-rail-heading strong{color:#f0fbfc;margin-top:4px;font-size:.96rem}.zone-rail-heading button{color:#9ce4df;background:#ffffff14;width:27px;height:27px;padding:0;font-size:1rem}.zone-rail-heading button:hover{background:#ffffff29;transform:none}.zone-rail-item{color:#a9c2ca;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:10px;width:100%;margin:3px 0;padding:11px 9px;display:flex}.zone-rail-item:hover,.zone-rail-item.selected{color:#effdfd;background:#19495d;transform:none}.zone-rail-item.selected{box-shadow:inset 3px 0 #71d4d0}.zone-number{color:#688896;font-size:.62rem;font-weight:800}.zone-rail-item.selected .zone-number{color:#83e1dc}.zone-rail-item>span:nth-child(2){flex:1;min-width:0}.zone-rail-item strong,.zone-rail-item small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.zone-rail-item strong{font-size:.75rem}.zone-rail-item small{color:#7697a1;margin-top:4px;font-size:.62rem}.zone-rail-item b{color:#7094a0;font-size:1.1rem;font-weight:400}.zone-rail-empty{color:#7896a0;padding:10px;font-size:.7rem}.zone-canvas{background:#f9fbfb;border:1px solid #dce7e9;border-radius:13px;min-width:0;min-height:320px;padding:20px}.zone-canvas-heading{border-bottom:1px solid #e1eaec;justify-content:space-between;align-items:end;gap:15px;margin-bottom:17px;padding-bottom:16px;display:flex}.zone-canvas-heading span{color:#8a9aa4;letter-spacing:.09em;text-transform:uppercase;font-size:.63rem;font-weight:800}.zone-canvas-heading h3{color:#1f3d50;letter-spacing:-.04em;margin:5px 0 4px;font-size:1.35rem}.zone-canvas-heading p{color:#8799a2;margin:0;font-size:.7rem}.canvas-add{color:#11737a;background:0 0;border:1px solid #bfe1df;padding:8px 11px;font-size:.7rem}.canvas-add:hover{background:#e9f8f6;transform:none}.redesigned-block-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px}.redesigned-block-card{background:#fff;border:1px solid #dce7e9;border-radius:11px;padding:14px;box-shadow:0 3px 12px #1435460a}.redesigned-block-card>header{border-bottom:1px solid #edf1f2;justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}.redesigned-block-card>header span{color:#91a1a9;letter-spacing:.13em;font-size:.58rem;font-weight:850}.redesigned-block-card>header h4{color:#28485a;margin:4px 0 0;font-size:.92rem}.redesigned-block-card>header button{color:#78909b;background:#f3f7f8;padding:5px 8px;font-size:.75rem}.redesigned-block-card>header button:hover{background:#e5f2f2;transform:none}.block-asset-grid{grid-template-columns:repeat(3,1fr);gap:9px;padding-top:13px;display:grid}.workspace-empty{text-align:center;align-content:center;place-items:center;min-height:280px;display:grid}.workspace-empty h3{color:#27475a;margin-bottom:7px}.workspace-empty.small{min-height:180px}.equipment-workflow{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr);align-items:stretch;gap:7px;padding-top:14px;display:grid}.workflow-stage{background:#f7fbfb;border:1px solid #e1ebec;border-radius:9px;min-width:0;padding:9px}.workflow-stage-title{color:#718690;letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.6rem;font-weight:850;display:flex}.workflow-stage-title b{color:#93a4ab}.workflow-asset{background:#fff;border:1px solid #e1eaeb;border-radius:8px;align-items:center;gap:8px;min-height:62px;margin-bottom:6px;padding:7px;display:flex;position:relative}.workflow-asset-data{flex:1;min-width:0}.workflow-asset-data strong,.workflow-asset-data span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.workflow-asset-data strong{color:#315264;font-size:.68rem}.workflow-asset-data span{color:#82969e;margin-top:3px;font-size:.62rem;font-weight:700}.workflow-meter{background:#e4eeee;border-radius:4px;height:3px;margin-top:7px;overflow:hidden}.workflow-meter i{background:#3eafbd;border-radius:4px;height:100%;display:block}.workflow-actions{gap:2px;display:none;position:absolute;top:4px;right:4px}.workflow-asset:hover .workflow-actions{display:flex}.workflow-actions button{color:#70858e;background:#eef5f5;padding:2px 5px;font-size:.65rem}.workflow-empty{color:#9aa9ae;text-align:center;padding:12px 4px;font-size:.62rem}.workflow-add{color:#16818a;background:0 0;width:100%;padding:5px;font-size:.62rem}.workflow-add:hover{background:#e8f7f5;transform:none}.workflow-link{color:#6ab7b5;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.workflow-link span{color:#9aabad;writing-mode:vertical-rl;font-size:.53rem;transform:rotate(180deg)}.workflow-link b{font-size:1.1rem;font-weight:400}.workflow-sump,.workflow-tank{flex:0 0 32px;width:32px;height:36px;position:relative}.workflow-sump{background:#d9e8e7;border:2px solid #729390;border-radius:4px 4px 7px 7px;overflow:hidden}.workflow-sump-rim{z-index:2;background:#97b4b0;border-radius:2px;height:6px;position:absolute;top:2px;left:2px;right:2px}.workflow-water{background:linear-gradient(#5ac7d1,#248fa7);transition:height .4s;position:absolute;bottom:0;left:0;right:0}.workflow-sump .workflow-water{bottom:3px;left:3px;right:3px}.workflow-tank{margin-top:4px}.workflow-tank-cap{z-index:2;background:#8875b9;border-radius:50% 50% 2px 2px;width:22px;height:7px;position:absolute;top:0;left:5px}.workflow-tank-body{background:#eeeafa;border:2px solid #7e6eae;border-radius:4px;width:26px;height:25px;position:absolute;top:6px;left:3px;overflow:hidden}.workflow-tank .workflow-water{background:linear-gradient(#b7a5e8,#7561bb)}.workflow-tank-legs{justify-content:space-between;width:18px;display:flex;position:absolute;bottom:0;left:7px}.workflow-tank-legs i{background:#66598e;width:3px;height:7px}.workflow-motor{color:#a36d1f;background:#fff0d2;border:2px solid #dfa84f;border-radius:7px 10px 10px 7px;flex:0 0 32px;place-items:center;width:32px;height:30px;display:grid;position:relative}.workflow-motor span{font-size:1rem}.workflow-motor.running{color:#1a805d;background:#e3f7ed;border-color:#55bb8d}.workflow-motor span{animation:2.5s linear infinite paused motor-rotate}.workflow-motor.running span{animation-play-state:running}.workflow-motor i{background:#c98927;border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;right:3px}.workflow-motor.running i{background:#28a975}@media (width<=720px){.equipment-workflow{grid-template-columns:1fr}.workflow-link{flex-direction:row;min-height:20px}.workflow-link span{writing-mode:initial;transform:none}.workflow-link b{transform:rotate(90deg)}}.water-tank-card{background:#f6f9fa;border:1px solid #dce6e9;border-radius:20px;align-items:center;gap:14px;width:100%;min-height:178px;padding:14px;display:flex}.water-tank-svg{flex:0 0 104px;width:104px;height:150px;overflow:visible}.water-tank-body,.water-tank-ticks{transition:stroke .2s}.water-tank-water{transition:transform .6s}.water-tank-readout{min-width:0}.water-tank-name{color:#4a6572;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:12px;font-weight:700;display:block;overflow:hidden}.water-tank-level{color:#163c50;letter-spacing:-.06em;margin-top:6px;font-size:36px;font-weight:800;line-height:1}.water-tank-level small{color:#56727f;letter-spacing:-.02em;margin-left:3px;font-size:18px;font-weight:800}.water-tank-trend{color:#075985;background:#e0f2fe;border-radius:999px;align-items:center;gap:6px;margin-top:14px;padding:6px 9px;font-size:11px;font-weight:750;display:inline-flex}.water-tank-trend i{background:#0284c7;border-radius:50%;width:6px;height:6px}.water-tank-trend.no-signal{color:#4a6572;background:#ecf0f2}.water-tank-trend.no-signal i{background:#9aaeb7}.water-tank-card.offline .water-tank-level{color:#8499a3}.water-tank-card.offline .water-tank-svg{opacity:.92}.water-tank-demo{grid-template-columns:repeat(2,minmax(280px,1fr));gap:20px;max-width:760px;display:grid}.water-tank-demo section{gap:12px;display:grid}.water-tank-demo h3{color:#29485a;margin:0 0 2px;font-size:.85rem}.water-tank-demo h3 small{color:#91a1a9;margin-left:5px;font-size:.7rem}.water-tank-add{color:#55737f;background:0 0;border:1px dashed #aabdc4;width:100%}.water-tank-add:hover{background:#eef6f6;transform:none}.workflow-asset .water-tank-card{background:0 0;border:0;border-radius:7px;gap:7px;min-height:82px;padding:6px}.workflow-asset .water-tank-svg{flex-basis:40px;width:40px;height:56px}.workflow-asset .water-tank-name{letter-spacing:.04em;font-size:9px}.workflow-asset .water-tank-level{margin-top:3px;font-size:21px}.workflow-asset .water-tank-level small{font-size:11px}.workflow-asset .water-tank-trend{margin-top:4px;padding:3px 5px;font-size:8px}.workflow-asset .water-tank-trend i{width:4px;height:4px}.workflow-asset .water-tank-card .water-tank-readout{max-width:100px}@media (prefers-reduced-motion:reduce){.water-tank-water,.water-fill,.workflow-motor span{transition:none!important;animation:none!important}}@media (width<=640px){.water-tank-demo{grid-template-columns:1fr}}.organization-diagram{grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr);align-items:stretch;gap:8px;padding-top:16px;display:grid}.diagram-stage{background:#f6f9fa;border:1px solid #dce6e9;border-radius:13px;min-width:0;padding:11px}.diagram-stage>header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.diagram-stage>header span{color:#91a2a9;letter-spacing:.1em;font-size:.56rem;font-weight:850;display:block}.diagram-stage>header h4{color:#294a5b;margin:3px 0 0;font-size:.82rem}.diagram-stage>header b{color:#557580;background:#e5eff0;border-radius:50%;place-items:center;width:21px;height:21px;font-size:.65rem;display:grid}.device-list{gap:9px;display:grid}.device-card{background:#fff;border:1px solid #dce6e9;border-radius:10px;align-items:center;gap:9px;min-height:138px;padding:9px;display:flex;position:relative;overflow:hidden}.device-card.sump{background:0 0;border:0;border-radius:0;min-height:174px;padding:0;display:block;overflow:visible}.device-card.sump .device-illustration,.device-card.sump .device-svg{width:100%;height:174px;display:block}.device-card.sump .device-card-actions{top:4px;right:4px}.device-card.offline{background:#f9fbfb}.device-illustration{flex:0 0 78px;place-items:center;width:78px;height:120px;display:grid}.device-svg{width:76px;height:112px;overflow:visible}.motor-svg{width:72px;height:68px}.device-data{flex:1;min-width:0}.device-name-row{margin-bottom:7px}.device-name-row strong{color:#2e4d5e;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;display:block;overflow:hidden}.sensor-status{color:#298263;align-items:center;gap:4px;margin-top:5px;font-size:.58rem;font-weight:700;display:inline-flex}.sensor-status i{background:#32b77c;border-radius:50%;width:5px;height:5px}.device-card.offline .sensor-status{color:#80929a}.device-card.offline .sensor-status i{background:#9aaeb7}.device-reading{color:#143c50;letter-spacing:-.07em;font-size:26px;font-weight:850;line-height:1}.device-reading small{color:#68818c;letter-spacing:0;margin-left:2px;font-size:13px}.device-reading .missing{color:#8499a3}.device-reading-label{color:#81949d;margin-top:5px;font-size:.57rem}.sump-svg-label{fill:#f8ffff;letter-spacing:.025em;paint-order:stroke;stroke:#15566b;stroke-width:1.6px;font-family:Georgia,Times New Roman,serif;font-size:13px;font-style:italic;font-weight:700}.sump-svg-level{fill:#e8fbff;letter-spacing:.04em;paint-order:stroke;stroke:#15566b;stroke-width:1.4px;font-family:Courier New,monospace;font-size:18px;font-weight:800}.device-card.offline .sump-svg-label,.device-card.offline .sump-svg-level{fill:#8499a3;stroke:#f5f8f8}.motor-state{color:#bd7b22;letter-spacing:.1em;margin:12px 0 9px;font-size:.68rem;font-weight:850}.motor-switch{color:#8b5b18;background:#fff4df;border:1px solid #edcf9d;width:100%;padding:7px 4px;font-size:.62rem}.motor-switch.on{color:#16764f;background:#e3f8ed;border-color:#afe1c7}.motor-switch:hover{filter:brightness(.98);transform:none}.device-card-actions{gap:2px;display:none;position:absolute;top:6px;right:6px}.device-card:hover .device-card-actions{display:flex}.device-card-actions button{color:#71858e;background:#eef4f5;padding:2px 5px;font-size:.65rem}.diagram-add{color:#207b82;background:0 0;border:1px dashed #b4d2d3;width:100%;margin-top:9px;padding:7px;font-size:.63rem}.diagram-add:hover{background:#eaf7f5;transform:none}.diagram-flow{color:#67afb0;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.diagram-flow span{color:#8ca1a6;writing-mode:vertical-rl;font-size:.53rem;transform:rotate(180deg)}.diagram-flow b{font-size:1.35rem;font-weight:400}.sump-stage{border-top:3px solid #4db3c4;padding-left:0;padding-right:0}.sump-stage>header,.sump-stage>.diagram-add{margin-left:11px;margin-right:11px}.sump-stage>.diagram-add{width:calc(100% - 22px)}.motor-stage{border-top:3px solid #dcaa53}.roof-stage{border-top:3px solid #9685cc}@media (width<=980px){.organization-diagram{grid-template-columns:1fr}.diagram-flow{flex-direction:row;min-height:24px}.diagram-flow span{writing-mode:initial;transform:none}.diagram-flow b{transform:rotate(90deg)}}@media (width<=900px){.workspace-layout{grid-template-columns:1fr}.zone-rail{min-height:auto}.zone-rail-item{width:auto;min-width:180px;margin-right:5px;display:inline-flex}.zone-rail{white-space:nowrap;overflow-x:auto}.zone-rail-heading{white-space:normal}}@media (width<=620px){.workspace-command-bar{flex-direction:column;align-items:flex-start}.workspace-actions{justify-content:space-between;width:100%}.workspace-summary{grid-template-columns:repeat(2,1fr)}.workspace-summary>div{border-bottom:1px solid #edf1f3;border-right:0}.zone-canvas{padding:14px}.zone-canvas-heading{flex-direction:column;align-items:flex-start}.block-asset-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.overview-content{width:min(1260px,100%);margin:34px auto 0}.overview-intro{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;display:flex}.overview-intro h2{max-width:700px;color:var(--ink);letter-spacing:-.055em;margin:0 0 9px;font-size:clamp(1.8rem,3vw,2.7rem)}.overview-intro p{max-width:650px;color:var(--muted);margin:0;line-height:1.55}.sync-state{color:#23666a;background:#ecfbf7;border:1px solid #c8ece3;border-radius:10px;min-width:116px;padding:11px 13px;font-size:.74rem;font-weight:750;line-height:1.45}.sync-state .status-dot{background:#27b879}.sync-state small{color:#739293;font-size:.66rem;font-weight:500}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.metric-card{background:var(--surface);border:1px solid var(--line);min-height:132px;box-shadow:var(--shadow-sm);border-radius:13px;padding:20px}.metric-card.warning{background:#fffaf1;border-color:#f1dfb9}.metric-card.healthy{background:#f2fbf8;border-color:#c8e9dc}.metric-label{color:#7f929e;letter-spacing:.08em;text-transform:uppercase;margin-bottom:15px;font-size:.68rem;font-weight:800;display:block}.metric-card strong{color:#183247;letter-spacing:-.06em;font-size:2.1rem;line-height:1;display:block}.metric-card small{color:#91a1ab;margin-top:10px;font-size:.7rem;display:block}.overview-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px;margin-bottom:30px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:14px;padding:22px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:17px;display:flex}.panel-heading h3{color:#203c4e;letter-spacing:-.025em;margin:0;font-size:1.08rem}.panel-count{color:#94a2ac;font-size:.7rem}.attention-text{color:#b27725;font-weight:750}.organization-cards{gap:8px;display:grid}.organization-card{width:100%;color:inherit;text-align:left;background:#fbfdfd;border:1px solid #e6eef0;border-radius:10px;align-items:center;gap:12px;padding:13px 12px;display:flex}.organization-card:hover{background:#f2faf9;border-color:#b9dedd;transform:none}.health-indicator{background:#31b77b;border-radius:50%;flex:0 0 9px;width:9px;height:9px;box-shadow:0 0 0 4px #31b77b1f}.health-indicator.attention{background:#e6a33e;box-shadow:0 0 0 4px #e6a33e21}.organization-copy{flex:1;min-width:0}.organization-copy strong,.organization-copy span,.organization-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.organization-copy strong{color:#29465a;font-size:.82rem}.organization-copy span{color:#758994;margin-top:4px;font-size:.7rem}.organization-copy small{color:#a0adb4;margin-top:3px;font-size:.64rem}.organization-status{color:#3a9370;align-items:center;gap:12px;font-size:.68rem;font-weight:750;display:flex}.organization-status b{color:#7f9a9c;font-size:1.05rem;font-weight:400}.organization-card:has(.attention) .organization-status{color:#ae792f}.attention-list{gap:10px;display:grid}.attention-item{border-bottom:1px solid #eef2f3;align-items:center;gap:10px;padding:10px 0;display:flex}.attention-item:last-child{border-bottom:0}.attention-icon{color:#a87323;background:#fff1d6;border-radius:7px;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:.72rem;font-weight:850;display:grid}.attention-item strong,.attention-item small{display:block}.attention-item strong{color:#395364;font-size:.77rem}.attention-item small{color:#ae8a55;margin-top:3px;font-size:.65rem}.all-clear{text-align:center;justify-items:center;gap:7px;padding:30px 12px;display:grid}.all-clear>span{color:#20845d;background:#e5f8ef;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:850;display:grid}.all-clear strong{color:#3d6657;font-size:.8rem}.all-clear small{color:#91a69d;font-size:.68rem}.overview-empty{color:var(--muted);text-align:center;padding:24px;font-size:.8rem}.organization-view{width:min(1260px,100%);margin:34px auto 0}.organization-view-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:4px;display:flex}.organization-view-heading h2{color:var(--ink);letter-spacing:-.055em;margin:0 0 8px;font-size:clamp(1.8rem,3vw,2.7rem)}.organization-view-heading .subtitle{margin-bottom:0}.organization-toolbar{justify-content:space-between;align-items:center;gap:18px;margin:24px 0 18px;display:flex}.organization-toolbar .toolbar-actions{align-items:end}.compact-select{color:#7b8e98;align-items:center;gap:8px;font-size:.72rem;font-weight:750;display:flex}.compact-select select{width:auto;min-width:190px;padding:9px 11px;font-size:.76rem}.zones-heading{margin-bottom:12px}.zones-heading h3{font-size:1rem}.selected-zone-heading h3{font-size:1.05rem}.workspace-empty{min-height:300px}.workspace-empty p{color:var(--muted);font-size:.8rem}.organization-hero{color:#effcff;background:linear-gradient(120deg,#0b2b42,#155568);border-radius:15px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:14px;padding:28px 30px;display:flex;box-shadow:0 14px 30px #0b2d4224}.organization-hero h2{letter-spacing:-.05em;margin:0 0 8px;font-size:clamp(1.8rem,3vw,2.5rem)}.organization-hero p{color:#b7d8dc;margin:0;font-size:.78rem}.organization-hero .section-kicker{color:var(--accent)}.organization-health{color:#b9efd7;white-space:nowrap;background:#164952ad;border:1px solid #b6efd738;border-radius:9px;align-items:center;gap:9px;padding:10px 13px;font-size:.72rem;font-weight:750;display:flex}.organization-health.attention{color:#ffe0a8;border-color:#ffe0a840}.organization-health .health-indicator{background:#42d696;box-shadow:0 0 0 4px #42d69626}.organization-health.attention .health-indicator{background:#e6a33e;box-shadow:0 0 0 4px #e6a33e26}.organization-hero-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.hero-icon-button{color:#c0e1e1;background:#ffffff1a;border:1px solid #cdf0f026;border-radius:8px;place-items:center;width:34px;height:34px;padding:0;font-size:1.05rem;font-weight:500;display:grid}.hero-icon-button:hover:not(:disabled){color:#083a4b;background:var(--accent)}.organization-switcher{position:relative}.organization-switcher-menu{z-index:5;background:#fff;border:1px solid #dce7eb;border-radius:10px;width:220px;padding:8px;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 14px 30px #071c2b33}.organization-switcher-menu>span{color:#8a9aa4;letter-spacing:.06em;text-transform:uppercase;padding:7px 9px 8px;font-size:.65rem;font-weight:800;display:block}.organization-switcher-menu>button{color:#385466;text-align:left;background:0 0;border-radius:7px;justify-content:space-between;align-items:center;width:100%;padding:9px;font-size:.75rem;font-weight:650;display:flex}.organization-switcher-menu>button:hover,.organization-switcher-menu>button.current{color:#126f77;background:#edf8f7;transform:none}.organization-switcher-menu>button b{color:var(--brand);font-size:.8rem}.organization-stats{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:12px;grid-template-columns:repeat(5,1fr);margin-bottom:34px;display:grid}.organization-stats>div{border-right:1px solid #edf1f3;padding:17px 20px}.organization-stats>div:last-child{border-right:0}.organization-stats span,.organization-stats strong{display:block}.organization-stats span{color:#8799a4;text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px;font-size:.67rem;font-weight:750}.organization-stats strong{color:#244358;letter-spacing:-.04em;font-size:1.35rem}.organization-stats .stat-warning{color:#b87b25}.organization-stats .stat-good{color:#268861}.zones-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px;display:flex}.zones-heading h3{color:#213e51;letter-spacing:-.03em;margin:0;font-size:1.2rem}.zone-selector{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px;margin-bottom:24px;display:grid}.zone-option{width:100%;min-height:68px;color:inherit;text-align:left;background:#fbfdfd;border:1px solid #e2ebed;border-radius:10px;align-items:center;gap:10px;padding:12px 13px;display:flex}.zone-option:hover{background:#f4faf9;border-color:#b9dedd;transform:none}.zone-option.selected{background:#edf8f7;border-color:#58b8b3;box-shadow:0 0 0 2px #58b8b31f}.zone-option-marker{background:#9aaeb6;border-radius:50%;flex:0 0 8px;width:8px;height:8px}.zone-option.selected .zone-option-marker{background:var(--brand);box-shadow:0 0 0 4px #087f8c1f}.zone-option>span:nth-child(2){flex:1;min-width:0}.zone-option strong,.zone-option small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.zone-option strong{color:#29485a;font-size:.78rem}.zone-option small{color:#81939d;margin-top:4px;font-size:.66rem}.zone-option b{color:#8ea2a7;font-size:1rem;font-weight:400}.selected-zone{border-top:1px solid var(--line);padding-top:23px}.selected-zone-heading{justify-content:space-between;align-items:end;gap:18px;margin-bottom:16px;display:flex}.selected-zone-heading h3{color:#203d50;letter-spacing:-.035em;margin:0 0 5px;font-size:1.3rem}.selected-zone-heading p{color:#83959e;margin:0;font-size:.72rem}.block-header h4{margin-bottom:5px}.block-header small{color:#92a0aa;font-size:.66rem}@media (width<=900px){.metric-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.organization-stats{grid-template-columns:repeat(3,1fr)}.organization-stats>div:nth-child(3){border-right:0}}@media (width<=600px){.overview-intro{display:block}.sync-state{width:fit-content;margin-top:16px}.metric-grid{gap:8px}.metric-card{min-height:116px;padding:15px}.metric-card strong{font-size:1.7rem}.organization-view-heading{display:block}.organization-view-heading button{margin-top:16px}.organization-toolbar{flex-direction:column;align-items:stretch}.organization-toolbar .toolbar-actions{flex-wrap:wrap;align-items:stretch}.compact-select{flex-direction:column;flex:100%;align-items:stretch}.compact-select select{width:100%}.selected-zone-heading{display:block}.selected-zone-heading button{margin-top:14px}.organization-hero{padding:23px;display:block}.organization-health{width:fit-content;margin-top:18px}.organization-hero-actions{justify-content:flex-start;margin-top:18px}.organization-switcher-menu{left:0;right:auto}.organization-stats{grid-template-columns:repeat(2,1fr)}.organization-stats>div{border-bottom:1px solid #edf1f3;border-right:0}.organization-stats>div:last-child{border-bottom:0}}.auth-brand{color:var(--ink);align-items:center;gap:12px;margin-bottom:72px;display:flex}.auth-brand strong,.auth-brand small{display:block}.auth-brand strong{letter-spacing:-.03em;font-size:1.1rem}.auth-brand strong span{color:var(--brand)}.auth-brand small{color:#8a9aa4;margin-top:3px;font-size:.66rem}.auth-panel{padding:46px clamp(24px,6vw,88px)}.auth-panel .eyebrow{margin-bottom:12px}.auth-panel h1{margin-bottom:12px;font-size:clamp(2.5rem,5vw,4rem)}.auth-panel .subtitle{max-width:410px;margin-bottom:30px}.auth-panel .login-form{max-width:410px}.auth-panel .login-form button{width:100%;margin-top:4px}.auth-footnote{color:#9aa9b2;margin-top:26px;font-size:.68rem}.auth-aside{background:radial-gradient(circle at 74% 21%,#49b1ba59 0,#0000 24%),radial-gradient(circle at 12% 92%,#13697e80 0,#0000 27%),linear-gradient(145deg,#082c43,#091827 74%);justify-content:flex-end;padding:clamp(32px,7vw,100px);position:relative;overflow:hidden}.auth-aside:before,.auth-aside:after{content:"";border:1px solid #9be0dc1c;border-radius:50%;position:absolute}.auth-aside:before{width:490px;height:490px;top:10%;right:-8%}.auth-aside:after{width:330px;height:330px;top:18%;right:4%}.auth-aside-content{z-index:1;max-width:620px;position:relative}.aside-kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;font-weight:800}.auth-aside h2{max-width:600px;margin:18px 0 16px;font-size:clamp(3rem,6vw,6.2rem)}.auth-aside p{max-width:500px;margin-bottom:30px}.aside-points{flex-wrap:wrap;gap:10px;display:flex}.aside-points span{color:#cae2e5;background:#ffffff0f;border:1px solid #cdf0f01f;border-radius:8px;padding:10px 12px;font-size:.72rem}.aside-points b{color:var(--accent);margin-right:7px;font-size:.64rem}.content{padding-top:34px}.topbar{border-bottom:1px solid #dce7ebb8;padding-bottom:4px}.topbar h1{margin-bottom:9px;font-size:clamp(1.9rem,3.2vw,2.8rem)}.user-menu{border-left:1px solid var(--line);padding:8px 0 10px 18px}.sidebar{padding-top:28px}.sidebar-brand{padding-bottom:30px}.nav-label{margin-top:8px}.nav-item{margin:2px 0}.sidebar-bottom{border-top:1px solid #cfe8ee1a;padding-top:18px}.org-picker{margin-top:25px}.org-page{width:min(1260px,100%);margin:24px auto 0}.org-page-zone{margin-top:16px}.org-equipment-columns{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px;padding:0;display:grid;overflow:hidden}.org-equipment-column{min-width:0;padding:0}.org-equipment-column+.org-equipment-column{border-left:1px solid var(--line)}.org-equipment-heading{color:#075d68;background:#e9f6f5;justify-content:space-between;align-items:center;gap:8px;min-height:52px;display:flex}.org-equipment-heading h3{text-align:center;flex:1;margin:0;font-size:1rem}.org-equipment-add{color:#075d68;background:#d1ece9;border:1px solid #b5dcd7;border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;margin-right:8px;padding:0;display:grid}.org-equipment-add:hover{background:#bfe3de;transform:none}.org-equipment-add:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.org-equipment-add:disabled{cursor:not-allowed;opacity:.45}.org-sumps-panel{margin:0;padding:0}.equipment-admin-actions{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px;font-size:.75rem;display:flex}.equipment-admin-actions button{min-height:30px;padding:4px 9px;font-size:.75rem}.equipment-admin-actions .danger{color:#a33b3b}.org-motor-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),140px));gap:8px;display:grid}.org-motor-item{text-align:center;overflow-wrap:anywhere;border:1px solid var(--line);border-radius:10px;align-content:center;gap:8px;min-width:0;min-height:140px;display:grid}.org-motor-item span{color:var(--muted);font-size:.85rem}.org-equipment-column .org-sumps-empty{text-align:center;margin-block:16px}@media (width<=700px){.org-equipment-columns{grid-template-columns:1fr}.org-equipment-column+.org-equipment-column{border-left:0;border-top:1px solid var(--line)}}.org-sumps-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,140px),140px));gap:8px;display:grid}.org-sump-card{min-width:0;padding:0}.org-sump-vessel{aspect-ratio:1;isolation:isolate;background:linear-gradient(90deg,#c9dde3,#f6fcfd 12%,#edf7fa 80%,#c3dce4);border:5px solid #90b0bc;border-top:9px solid #bdd2d9;border-bottom:10px solid #789ba9;border-radius:8px 8px 32px 32px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden;box-shadow:inset 5px 0 12px #ffffffb3,inset -7px 0 15px #335b7326}.org-sump-vessel:after{pointer-events:none;content:"";background:linear-gradient(90deg,#0000 3%,#ffffff70 5%,#ffffff20 9%,#0000 12% 85%,#ffffff40 91%,#0000 96%);position:absolute;inset:0;box-shadow:inset 0 -8px 12px #143d5026}.org-sump-water{background:linear-gradient(#63d4ee 0%,#24acd6 35%,#087da9 100%);transition:height .6s;position:absolute;inset:auto 0 0}.org-sump-wave{width:200%;height:24px;animation:4s linear infinite org-sump-wave-drift;position:absolute;bottom:calc(100% - 1px);left:0}@keyframes org-sump-wave-drift{to{transform:translate(-50%)}}.org-sump-graduations{color:#16485f;flex-direction:column;justify-content:space-between;font-size:.65rem;font-weight:700;display:flex;position:absolute;inset:12px 12px 12px auto}.org-sump-graduations span{align-items:center;gap:6px;display:flex}.org-sump-graduations span:after{content:"";background:currentColor;width:18px;height:2px}.org-sump-readout{z-index:1;color:#10384b;text-shadow:0 1px 3px #ffffffd9;text-align:center;overflow-wrap:anywhere;gap:7px;max-width:65%;padding:0;display:grid;position:relative}.org-sump-readout strong{font-size:.72rem}.org-sump-readout>span{font-size:1.4rem;font-weight:800;line-height:1}.org-sump-readout small{color:#526879;font-size:.62rem}.org-sump-vessel.unavailable{background:#f1f5f6;border-style:dashed;border-color:#9aaeb7}.org-sumps-empty{color:var(--muted);margin:0;font-size:.85rem}@media (prefers-reduced-motion:reduce){.org-sump-water{transition:none}.org-sump-wave{animation:none}}.org-page-header{color:#fff;background:linear-gradient(115deg,#075d68,#087f8c);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.org-page-header h2{min-width:0;color:inherit;overflow-wrap:anywhere;margin:0;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:700}.org-page-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.org-page-icon{color:#fff;background:#ffffff1f;border:1px solid #ffffff4d;border-radius:10px;place-items:center;width:42px;height:42px;padding:0;display:grid}.org-page-icon:hover{background:#ffffff3b;transform:none}.org-page-icon:focus-visible{outline-offset:3px;outline:2px solid #fff}.org-page-icon:disabled{cursor:default;opacity:.45}.org-page-switcher{position:relative}.org-page-options{z-index:5;border:1px solid var(--line);width:min(280px,100vw - 120px);max-height:300px;box-shadow:var(--shadow-lg);background:#fff;border-radius:10px;padding:6px;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto}.org-page-options button{width:100%;color:var(--ink);text-align:left;overflow-wrap:anywhere;background:0 0;justify-content:space-between;align-items:center;gap:12px;display:flex}.org-page-options button:hover,.org-page-options button[aria-pressed=true]{color:#075d68;background:#e9f6f5;transform:none}.org-page-options button:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}@media (width<=600px){.org-page-header{gap:12px;padding:16px}.org-page-actions{gap:6px}}.organization-card{box-shadow:0 2px 5px #14354606}.panel,.block-card{box-shadow:0 4px 18px #1435460b}.block-card:hover{transform:translateY(-1px);box-shadow:0 10px 28px #14354617}@media (width<=800px){.auth-panel{padding-top:32px}.auth-brand{margin-bottom:58px}}.workspace-selectors{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.workspace-selectors .org-page-zone{margin:0}.workspace-selectors .org-page-header{color:#163746;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 16px}.workspace-selectors .org-page-header h2{font-size:1rem}.workspace-selectors .org-page-icon{color:#347580;background:#edf6f6;border:0;width:30px;height:30px}.workspace-selectors .org-page-icon:focus-visible{outline-color:var(--brand)}.system-heading{justify-content:space-between;align-items:center;gap:20px;margin:32px 0 22px;display:flex}.system-heading-tools{justify-items:end;gap:10px;display:grid}.organization-refresh-controls{justify-content:flex-end;align-items:end;gap:8px;display:flex}.organization-refresh-controls label{color:#536c79;gap:4px;font-size:.68rem;font-weight:650;display:grid}.organization-refresh-controls select{color:#173b4b;background:#fff;border:1px solid #c8d8df;border-radius:8px;min-width:160px;padding:8px 10px}.organization-refresh-controls button{white-space:nowrap;margin:0;padding:8px 12px}.system-heading h2{letter-spacing:-.04em;color:#0d2937;margin:0 0 8px;font-size:clamp(1.4rem,2.3vw,2rem)}.system-heading p:last-child{color:#69818e;margin:0;font-size:.9rem}.system-summary{flex-wrap:wrap;justify-content:end;gap:8px;font-size:.82rem;font-weight:650;display:flex}.system-summary span{white-space:nowrap;background:#fff;border:1px solid #dae6eb;border-radius:24px;padding:10px 12px}.system-summary .sensor-summary{color:#866224;background:#fff7e9;border-color:#f0e1c5}.org-equipment-columns{border-radius:24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding:28px;overflow:visible}.org-equipment-column+.org-equipment-column{border:0}.org-equipment-heading{color:#4b6979;background:0 0;min-height:30px;margin-bottom:18px}.org-equipment-heading h3{text-align:left;text-transform:uppercase;letter-spacing:.055em;font-size:.85rem}.org-equipment-add{background:#f0f7f7;border:1px solid #d5e6e7;width:28px;height:28px;margin:0}.org-sumps-grid,.org-motor-list{grid-template-columns:minmax(0,1fr);gap:14px}.org-sump-card{background:#f5f9fa;border:1px solid #d9e6eb;border-radius:20px;grid-template-columns:82px minmax(0,1fr);align-items:center;gap:16px;padding:24px 18px 14px;display:grid}.org-sump-vessel{aspect-ratio:auto;width:78px;height:108px;box-shadow:none;background:#eaf1f4;border:2px solid #7b9ba9;border-top:5px solid #93adb9;border-bottom-width:3px;border-radius:45% 45% 9px 9px/8% 8% 9px 9px}.roof-tank .org-sump-vessel{border-color:#8977bb}.org-sump-vessel.unavailable{background:#edf2f4;border-color:#9bb1bd}.org-sump-graduations{opacity:.6;font-size:0;inset:8px 3px 8px auto}.org-sump-graduations span:after{width:5px;height:1px}.org-sump-wave{height:10px}.org-sump-readout{text-align:left;max-width:none;text-shadow:none;gap:8px}.org-sump-readout strong{color:#4d6a7b;letter-spacing:-.01em;font-size:.95rem;font-weight:650;line-height:1.35}.org-sump-readout>span{color:#102e3d;font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:2.6rem}.org-sump-readout>span small{font-size:1rem}.equipment-status,.org-sump-readout .equipment-status{color:#536f7c;background:#e6eef1;border-radius:20px;width:fit-content;padding:4px 8px;font-size:.8rem;font-weight:600;line-height:1.4;display:block}.org-motor-item{text-align:left;background:#fff;border:1px solid #d5e1e6;border-radius:20px;flex-direction:column;align-items:stretch;gap:14px;min-height:0;padding:18px;display:flex}.org-motor-item.running{border-color:#82cba0}.org-motor-item.stopped{border-color:#e6c494}.motor-heading{align-items:center;gap:12px;display:flex}.motor-heading strong{color:#112e3c;margin-bottom:7px;font-size:1.05rem;line-height:1.35;display:block}.pump-symbol{color:#5b7581;background:#edf2f4;border-radius:50%;flex:0 0 46px;place-items:center;height:46px;font-size:2rem;display:grid}.running .pump-symbol,.running .equipment-status{color:#167041;background:#e3f5e9}.stopped .pump-symbol,.stopped .equipment-status{color:#98610c;background:#fff1dc}.delivery-path{color:#637f8d;font-size:.85rem;line-height:1.45}.delivery-path span{color:#219cbe;margin-right:6px}.motor-control{color:#fff;background:#0b7e88;width:100%;min-height:44px;font-size:.95rem}.motor-control.stop{color:#173847;background:#fff;border:1.5px solid #173847}.motor-control:disabled{cursor:not-allowed;color:#78909b;background:#edf2f4}.equipment-details{color:#57717f;border-top:1px solid #e0e9ed;grid-column:1/-1;padding-top:10px;font-size:.82rem;line-height:1.5}.equipment-details summary{cursor:pointer}.equipment-details p{overflow-wrap:anywhere;margin:10px 0 0}@media (width<=1200px){.org-equipment-columns{gap:16px;padding:20px}.org-sump-card{grid-template-columns:65px minmax(0,1fr);gap:10px;padding:18px 12px 12px}.org-sump-vessel{width:62px}.content{padding-left:24px;padding-right:24px}.sidebar{flex-basis:220px}}@media (width<=1000px){.org-equipment-columns{grid-template-columns:1fr}.org-sumps-grid,.org-motor-list{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}.system-heading{flex-direction:column;align-items:start}.system-heading-tools{justify-items:start}.system-summary{justify-content:start}.organization-refresh-controls{justify-content:flex-start}.workspace-selectors{grid-template-columns:1fr}}@media (width<=600px){.org-equipment-columns{padding:16px}.content{padding:20px 14px}.system-heading h2{font-size:1.5rem}.app-shell{flex-direction:column}.sidebar{flex-flow:wrap;flex:none;align-items:center;gap:6px;width:100%;min-height:auto;padding:12px}.sidebar .sidebar-brand{border:0;padding:0}.sidebar .nav-item{width:auto;padding:8px;font-size:.7rem}.sidebar-bottom{border:0;margin:0;padding:0}.content{width:100%}.topbar{flex-wrap:wrap;gap:8px}.user-menu{border:0;padding-left:0}}.user-dialog{width:min(520px,100vw - 32px);max-height:calc(100dvh - 40px);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-lg);background:#fff;border-radius:20px;padding:28px;overflow-y:auto}.user-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#081e2c8c}.user-dialog .modal-header{align-items:flex-start;margin:0}.user-dialog h2{letter-spacing:-.03em;margin:0 0 8px;font-size:1.6rem}.user-dialog-fields{border:0;gap:20px;min-width:0;margin:0;padding:0;display:grid}.user-dialog-fields>label{font-size:.9rem}.user-dialog-hint{color:#6a808e;margin:0;font-size:.85rem;line-height:1.5}.user-dialog .user-organization-options{border-radius:12px;gap:12px;max-height:220px;margin:0;padding:16px;display:grid;overflow-y:auto}.user-dialog .user-organization-options label{justify-content:flex-start;font-size:.88rem}.user-access-note{color:#246570;background:#edf8f7;border-radius:10px;margin:0;padding:14px;font-size:.88rem}.user-dialog .modal-actions{border-top:1px solid var(--line);margin:0;padding-top:16px}@media (width<=600px){.user-dialog{padding:20px}}.user-choice-group{border:1px solid var(--line);border-radius:12px;gap:10px;min-width:0;margin:0;padding:14px;display:grid}.user-choice-group legend{color:#526879;padding:0 5px;font-size:.9rem;font-weight:700}.user-choice-group label{border:1px solid var(--line);cursor:pointer;overflow-wrap:anywhere;border-radius:8px;align-items:center;gap:10px;padding:10px;font-size:.85rem;line-height:1.4;display:flex}.user-choice-group label:has(input:checked){color:#075d68;background:#edf8f7;border-color:#69b5b7}.user-choice-group input[type=radio]{width:17px;height:17px;accent-color:var(--brand);flex:0 0 17px;margin:0;padding:0}.sidebar-organization{overflow-wrap:anywhere;background:#123748;border:1px solid #315365;border-radius:12px;margin:0 8px 18px;padding:14px}.sidebar-organization strong,.sidebar-organization small{display:block}.sidebar-organization strong{color:#eefafa;font-size:.95rem}.sidebar-organization small{color:#a6dcd9;margin-top:8px;font-size:.75rem}.workspace-access{background:#eaf6f5;border:1px solid #c9e4e1;border-radius:14px;grid-column:1/-1;padding:18px 20px}.workspace-access strong,.workspace-access small{display:block}.workspace-access strong{margin:6px 0;font-size:1.15rem}.workspace-access small{color:#526f7c;font-size:.85rem;line-height:1.5}.scoped-selectors{grid-template-columns:repeat(2,minmax(0,1fr))}.organization-access-empty{border:1px solid var(--line);background:#fff;border-radius:20px;max-width:650px;margin:32px auto;padding:32px}.organization-access-empty p{color:var(--muted);line-height:1.6}@media (width<=600px){.scoped-selectors{grid-template-columns:1fr}.sidebar-organization{width:100%;margin:0}}.equipment-group{border-top:1px solid var(--line);padding:18px 0}.equipment-group .org-motor-item{margin-top:12px}.tank-equipment{border-top:1px solid var(--line);grid-column:1/-1;min-width:0;padding-top:16px}.tank-equipment .org-motor-item{box-shadow:none;margin-top:12px}.pump-assignment-conflict{color:#79591f;overflow-wrap:anywhere;background:#fff7e9;border:1px solid #ecd8b3;border-radius:12px;padding:14px;font-size:.8rem;line-height:1.5}.pump-assignment-conflict p{margin:8px 0}.pump-assignment-conflict summary{cursor:pointer}.pump-assignment-conflict ul{margin-bottom:0;padding-left:18px}.pump-assignment-conflict li+li{margin-top:10px}.org-sump-card{background:linear-gradient(145deg,#f3f9fa,#fff);flex-direction:column;align-items:stretch;gap:20px;padding:22px 18px 16px;display:flex}.tank-control-layout{grid-template-columns:minmax(110px,.7fr) minmax(0,1fr);align-items:stretch;gap:20px;min-width:0;display:grid}.tank-control-layout .tank-equipment{border:0;border-left:1px solid var(--line);grid-column:auto;padding:0 0 0 16px}.tank-control-layout .org-motor-item{background:0 0;border:0;border-radius:0;padding:0}.tank-control-layout .org-motor-item+.org-motor-item{border-top:1px solid var(--line);padding-top:16px}.tank-control-layout .org-equipment-heading{margin-bottom:8px}.tank-control-layout .equipment-illustration{background:0 0;padding:0 0 8px}.tank-control-layout .delivery-path{font-size:.75rem}.tank-control-layout .motor-heading strong{font-size:.95rem}.tank-control-layout .equipment-toggle{padding:10px;font-size:.8rem}.org-sump-vessel{background:linear-gradient(90deg,#deebef,#f5fafc 25%,#e5eff3);border:4px solid #8daab6;border-top:8px solid #bdd2d9;border-bottom:8px solid #789ba9;border-radius:8px 8px 28px 28px;align-self:stretch;width:100%;max-width:190px;height:auto;min-height:220px}.roof-tank .org-sump-vessel{border-radius:42% 42% 16px 16px/12% 12% 16px 16px}.roof-tank .tank-control-layout{align-items:stretch}.roof-tank .org-sump-vessel{align-self:stretch;height:auto;min-height:220px;max-height:none}.org-sump-graduations{opacity:.7;inset:8px 6px 8px auto}.org-sump-graduations span:after{width:10px}.org-sump-readout strong{color:#183c4e;font-size:1.1rem}.org-sump-readout .section-kicker{color:#65828e;margin:0;font-size:.6rem}.org-sump-readout .equipment-status{font-size:.7rem}.org-equipment-column>p{color:#69818e;font-size:.85rem}.equipment-card-heading strong{font-size:1rem;display:block}.equipment-card-heading .section-kicker{font-size:.6rem}.valve-schedule{background:#f8fbfc;border:1px solid #dce7eb;border-radius:10px;gap:8px;padding:10px;display:grid}.mode-status-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.mode-status-row .mode-status{font-size:.72rem}.mode-status-row .mode-switch{flex:0 0 42px}.mode-status-row .mode-switch>span{width:17px;height:17px}.mode-status-row .mode-switch.enabled>span{transform:translate(15px)}.valve-setup-button,.valve-manual-button{justify-self:stretch;margin:0}.valve-setup-popup{width:min(540px,100%)}.valve-setup-popup .popup-close{color:#476270;cursor:pointer;background:#edf3f5;border:0;border-radius:50%;width:34px;height:34px;font-size:1.35rem;position:absolute;top:14px;right:16px}.valve-setup-popup .valve-timezone-field,.valve-interval-row label{color:#536c79;gap:5px;font-size:.75rem;font-weight:650;display:grid}.valve-setup-popup input{color:#173b4b;background:#fff;border:1px solid #c8d8df;border-radius:7px;width:100%;min-width:0;padding:8px}.valve-interval-list{gap:8px;display:grid}.valve-interval-row{background:#f8fbfc;border:1px solid #e0e9ed;border-radius:10px;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:8px;padding:10px;display:grid}.valve-interval-row .secondary{margin:0;padding:8px 10px}.valve-add-interval{justify-self:start;margin:0}.equipment-name-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.equipment-name-row .equipment-control{display:contents}.equipment-name-row .equipment-illustration{background:0 0;justify-content:flex-end;align-items:center;gap:5px;min-width:0;padding:2px 0;display:flex}.equipment-name-row .equipment-illustration svg{width:76px;max-width:76px;height:30px}.equipment-name-row .equipment-illustration .equipment-state{white-space:nowrap;font-size:.52rem}.equipment-name-row .equipment-toggle{grid-column:1/-1;margin-top:2px}.tank-equipment .org-motor-item{border-radius:14px;gap:10px;padding:16px}.equipment-control{--equipment-fill:#e7eef2;color:#647d8b}.equipment-control.is-on{--equipment-fill:#d4f1ec;color:#087f72}.equipment-control.is-unknown{color:#8796a0}.motor-mode-control{background:#f8fbfc;border:1px solid #d5e1e6;border-radius:12px;gap:9px;margin-top:4px;padding:12px;display:grid}.motor-mode-control .mode-action-button{justify-content:center;margin-top:0}.mode-status{color:#42616e;align-items:center;gap:8px;font-size:.82rem;font-weight:800;display:inline-flex}.mode-status i{background:#81949f;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #81949f22}.mode-status.automatic-active{color:#087f72}.mode-status.automatic-active i{background:#10a286;box-shadow:0 0 0 3px #10a28624}.mode-status.manual-active{color:#496675}.mode-status.manual-active i{background:#678494}.mode-switch-row{color:#355463;justify-content:center;align-items:center;gap:12px;font-size:.8rem;font-weight:750;display:flex}.mode-switch{cursor:pointer;background:#778d98;border:0;border-radius:20px;align-items:center;width:48px;height:27px;padding:3px;transition:background .2s;display:flex}.mode-switch>span{background:#fff;border-radius:50%;width:21px;height:21px;transition:transform .2s;box-shadow:0 1px 4px #18324730}.mode-switch.enabled{background:#0c897b}.mode-switch.enabled>span{transform:translate(21px)}.mode-switch:disabled{opacity:.5;cursor:not-allowed}.view-automatic-config{color:#08776b;background:#e9f8f4;border:1px solid #b5d8d1;border-radius:8px;justify-self:center;padding:7px 11px;font-size:.77rem;font-weight:750}.view-automatic-config:hover{background:#d8f1ea}.motor-mode-control small,.manual-readonly-note{color:#5c7481;margin:0;font-size:.75rem;line-height:1.4}.automatic-popup-backdrop{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#071c2b9e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.automatic-popup{background:#fff;border:1px solid #d5e1e6;border-radius:18px;width:min(480px,100%);max-height:90vh;padding:26px;position:relative;overflow:auto;box-shadow:0 25px 80px #0000003d}.automatic-popup h3{color:#193b4b;margin:6px 35px 18px 0}.automatic-popup form{gap:13px;display:grid}.automatic-popup p,.automatic-popup small{color:#5c7481;margin:0;font-size:.8rem;line-height:1.5}.automatic-popup .automatic-enable{color:#183b4b;align-items:center;gap:8px;font-weight:700;display:flex}.automatic-level-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.automatic-level-grid label{color:#536c79;gap:4px;font-size:.72rem;font-weight:650;display:grid}.automatic-level-grid input{color:#173b4b;background:#fff;border:1px solid #c8d8df;border-radius:7px;width:100%;min-width:0;padding:7px 8px}.automatic-popup-actions{justify-content:flex-end;gap:9px;margin-top:4px;display:flex}.automatic-popup-actions button{color:#fff;background:#126b83;border:0;border-radius:8px;padding:9px 13px;font-weight:700}.automatic-popup-actions button:disabled{opacity:.5;cursor:not-allowed}.equipment-illustration{background:#f4f7f8;border-radius:10px;justify-items:center;padding:8px 12px 14px;display:grid}.is-on .equipment-illustration{background:#effaf7}.equipment-illustration svg{width:100%;max-width:270px;height:88px;display:block}.equipment-pipe{stroke:#c4d6dc}.equipment-flow{stroke:#f4f7f8}.is-on .equipment-flow{stroke:#209fbe;stroke-dasharray:8 8;animation:1s linear infinite equipment-flow}.equipment-illustration .equipment-state{letter-spacing:.09em;color:inherit;font-size:.65rem;font-weight:800}.valve-handle{transform-origin:120px 16px;transition:transform .25s}.is-off .valve-handle{transform:rotate(-90deg)}.is-on .motor-rotor{transform-origin:102px 49px;animation:3s linear infinite motor-rotate}.equipment-toggle{color:#234a5b;text-align:left;background:#fff;border:1px solid #cfdee3;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:52px;margin-top:12px;padding:10px 14px;display:flex}.mode-action-button{justify-content:center}.equipment-toggle:hover:not(:disabled){background:#edf7f6;border-color:#70b8b0;transform:none}.equipment-toggle:focus-visible{outline-offset:3px;outline:3px solid #087f8c}.equipment-toggle:disabled{cursor:not-allowed}.equipment-toggle .equipment-switch{background:#81949f;border-radius:20px;flex:0 0 46px;align-items:center;height:26px;padding:3px;display:flex}.equipment-switch>span{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;box-shadow:0 1px 4px #18324730}.is-on .equipment-switch{background:#087f72}.is-on .equipment-switch>span{transform:translate(20px)}@keyframes equipment-flow{to{stroke-dashoffset:-16px}}@media (width<=1100px) and (width>=1001px),(width<=400px){.org-sump-card{grid-template-columns:minmax(100px,.8fr) minmax(0,1fr);gap:14px 10px;padding:16px 12px}}@media (prefers-reduced-motion:reduce){.is-on .equipment-flow,.is-on .motor-rotor{animation:none}.valve-handle,.equipment-switch>span{transition:none}}@media (width<=1250px){.org-equipment-columns,.org-sumps-grid{grid-template-columns:1fr}}@media (width<=480px){.tank-control-layout{grid-template-columns:1fr}.tank-control-layout .org-sump-vessel{justify-self:center}.tank-control-layout .tank-equipment{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}}.entity-fields{border:0;gap:18px;min-width:0;margin:0;padding:0;display:grid}.attached-equipment-fields{background:#f3faf9;border:1px solid #c9e4e1;border-radius:12px;gap:14px;min-width:0;margin:0;padding:16px;display:grid}.attached-equipment-fields legend{color:#246570;padding:0 6px;font-size:.85rem;font-weight:750}.equipment-checkbox{align-items:center;gap:10px;line-height:1.5;display:flex}.equipment-checkbox input{width:18px;height:18px;accent-color:var(--brand);flex:0 0 18px}.attached-equipment-note{color:#526f7c;margin:0;font-size:.8rem;line-height:1.5}.creation-id-receipt{flex-wrap:wrap;gap:8px 16px;margin-top:8px;display:flex}.creation-id-receipt code,.global-info-content code{overflow-wrap:anywhere;font-size:.75rem}.equipment-id-info-button{color:#587584;cursor:pointer;background:#eaf3f4;border:0;border-radius:50%;flex:0 0 26px;place-items:center;width:26px;height:26px;margin-top:3px;padding:0;display:grid}.equipment-id-info-button:hover,.equipment-id-info-button:focus-visible{color:#075d68;outline-offset:1px;background:#d8ecea;outline:2px solid #087f8c}.equipment-id-info-button svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:16px;height:16px}.equipment-card-heading{grid-template-columns:1fr auto;align-items:center;display:grid}.equipment-card-heading .section-kicker{grid-column:1/-1}.equipment-card-heading .equipment-id-info-button{grid-area:2/2}.ground-sump-readout{grid-template-columns:minmax(0,1fr);align-items:center;display:grid}.ground-sump-readout>.section-kicker{grid-column:1/-1}.sump-readout-main{align-items:center;gap:12px;min-width:0;display:flex}.sump-readout-main>strong{flex:1;min-width:0}.sump-inline-level{color:#102e3d;font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:1.35rem;font-weight:800}.sump-inline-level.unavailable-label{color:#718494;white-space:normal;font-size:.75rem;font-weight:650}.sump-readout-main .equipment-id-info-button{flex:0 0 26px}.global-info-backdrop{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0819257a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.global-info-dialog{width:min(420px,100%);max-height:min(80vh,600px);color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow-lg);text-align:left;text-shadow:none;background:#fff;border-radius:16px;padding:24px;position:relative;overflow:auto}.global-info-close{color:#587584;cursor:pointer;background:#eef4f5;border:0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;font-size:1.4rem;display:grid;position:absolute;top:10px;right:12px}.global-info-content{padding-right:18px}.global-info-content>strong{padding-bottom:12px;font-size:1rem;display:block}.global-info-content dl{grid-template-columns:1fr;gap:3px;margin:0;display:grid}.global-info-content dt{color:#67808c;font-size:.72rem;font-weight:700}.global-info-content dd{overflow-wrap:anywhere;margin:0 0 10px}.gateway-node-panel{background:linear-gradient(120deg,#f2faf8,#fff);border:1px solid #c9deda;border-radius:16px;margin:18px 0 22px;padding:18px 20px}.gateway-node-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.gateway-node-heading .eyebrow{margin-bottom:4px}.gateway-node-heading h3{color:#173a40;margin:0}.gateway-node-heading p:last-child{color:#67808c;margin:4px 0 0;font-size:.82rem}.gateway-node-list{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.gateway-node-card{background:#fff;border:1px solid #d9e7e4;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;min-width:min(340px,100%);padding:12px 14px;display:flex}.gateway-node-card>div{gap:3px;display:grid}.gateway-node-card code{color:#617983;font-size:.75rem}.node-presence{white-space:nowrap;align-items:center;gap:7px;font-size:.78rem;font-weight:750;display:inline-flex}.node-presence i{background:#99a9ac;border-radius:50%;width:8px;height:8px}.node-presence.online{color:#087c62}.node-presence.online i{background:#19ad83;box-shadow:0 0 0 3px #19ad8320}.node-presence.offline{color:#718494}.gateway-node-empty{color:#718494;margin:12px 0 0;font-size:.84rem}@media (width<=600px){.gateway-node-heading{flex-direction:column;align-items:flex-start}.gateway-node-card{min-width:100%}}