*{box-sizing:border-box}body{margin:0;background:#091d28;color:#e5f0ef;font:15px/1.5 system-ui,sans-serif}header,.dashboard,.workspace,.quick-controls,footer{max-width:1600px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px}h1{font-size:26px;line-height:1.2;margin:4px 0;font-weight:650}p{margin:5px 0;color:#aac8ce}.eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:#8ed2e3}nav{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}button,input{font:inherit}button{color:inherit;background:#123544;border:1px solid #355965;padding:8px 13px;border-radius:24px;cursor:pointer;min-height:40px}button:hover{border-color:#afe0e5}button:focus-visible,input:focus-visible{outline:3px solid #83dfff;outline-offset:3px}button[aria-pressed=true]{background:#b9e5e8;color:#123440}.dashboard{display:flex;align-items:center;gap:25px;flex-wrap:wrap;padding:12px 24px 16px;border-top:1px solid #274553}.dashboard>div{min-width:110px}.dashboard span{display:block;color:#a0bac3;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.dashboard output{font-size:25px;font-weight:650}.dashboard p{margin-left:auto;max-width:380px;font-size:13px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:12px;padding:0 12px}.scene{background:#faf9f3;border-radius:8px;overflow:hidden;min-width:0}.scene svg{width:100%;display:block;max-height:76vh}.scene.close svg{aspect-ratio:630/295;min-height:350px}.scene [role=button]{cursor:pointer;outline:none}.scene [role=button]:focus-visible,.scene .selected{filter:drop-shadow(0 0 3px #1fabc9) drop-shadow(0 0 1px white)}.scene .pipe-hit:hover{stroke:#ffffff45}.scene .label{pointer-events:none}#inspector{position:sticky;top:12px;background:#102e3b;border:1px solid #2d4d59;border-radius:10px;padding:22px 18px 18px;min-width:0;max-height:78vh;overflow:auto}#close-panel{position:absolute;right:7px;top:4px;background:transparent;border:0;font-size:24px;min-height:30px;padding:0 8px}h2{font-size:20px;line-height:1.25;margin:5px 24px 12px 0}h3{font-size:15px;margin:16px 0 8px}.hint{font-size:12px;color:#99bdc7}.panel-reading{font-size:28px;font-weight:700;margin:12px 0 0}.control{border-top:1px solid #315260;padding:12px 0}.control:first-of-type{border-top:0}.control label{display:block;font-size:14px}.setpoint{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.setpoint button{padding:2px 11px;font-size:21px;min-width:38px}.setpoint output{font-size:24px;font-weight:700}.setpoint input{width:100%;accent-color:#80cddd}.control small{color:#a1c6ce}.control .status{display:block;margin:5px 0;font-size:12px;color:#8ee3dd}.fixture-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}.fixture-row span{font-size:13px}.fixture-row button{min-width:57px}.primary{background:#b9e5e8;color:#103140;font-weight:650}.quick-controls{padding:16px 24px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.quick-controls span{margin-left:10px;color:#97b9c3;font-size:13px}footer{padding:0 24px 24px}footer small{display:block;color:#859faa;max-width:1100px;font-size:11px}.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:12px}.legend span:before{content:'';display:inline-block;width:15px;height:4px;background:var(--c);margin-right:7px;vertical-align:middle}.thermostat .thermo-case{fill:#f8f6e9;stroke:#66878c;stroke-width:1}.thermostat .thermo-screen{fill:#d9eeee}.thermostat.calling .thermo-screen{fill:#f9c3a4}.thermostat text{fill:#173942;pointer-events:none}.thermostat.calling .zone-label{fill:#aa3e26}.zone-tag.calling rect{fill:#d84936}.floor-wash,.floor-flow{pointer-events:none}.floor-flow{stroke:#ffcb82;stroke-width:3;stroke-dasharray:7 12;fill:none;opacity:0}.floor-circuit.calling .floor-flow{opacity:.9;animation:flow 1.4s linear infinite}.fixture-target .fixture-hit{fill:transparent;stroke:transparent;stroke-width:2}.fixture-target:hover .fixture-hit,.fixture-target:focus-visible .fixture-hit{stroke:#3cadcb;fill:#5fbdce18}.fixture-target .water-effect{stroke:#66d6ef;stroke-width:3;stroke-linecap:round;stroke-dasharray:3 6;fill:none;opacity:0;pointer-events:none}.fixture-target.on .water-effect{opacity:.95;animation:flow .7s linear infinite}.fixture-target .fixture-badge{fill:#123d51;stroke:#e5f7f6;stroke-width:1.4}.fixture-target.on .fixture-badge{fill:#147c8f}.fixture-target .badge-symbol{fill:white;font-size:12px;font-weight:700;pointer-events:none}.pipe.flowing>.water-motion{opacity:.85;animation:flow 1.1s linear infinite}.pipe .water-fill{transition:stroke .4s}.pump-rotor{transform-origin:0 0}.running .pump-rotor{animation:spin 1.1s linear infinite}.paused *{animation-play-state:paused!important}.floor-wash{transition:fill .5s,opacity .5s} @keyframes spin{to{transform:rotate(360deg)}}@keyframes flow{to{stroke-dashoffset:-40}}@media(prefers-reduced-motion:reduce){.water-motion,.pump-rotor,.floor-flow,.water-effect{animation:none!important}}
@media(max-width:1050px){.workspace{grid-template-columns:minmax(0,1fr) 270px}.dashboard{gap:16px}.dashboard p{max-width:280px}.scene.close svg{min-height:280px}header{display:block}nav{justify-content:flex-start;margin-top:12px}}
@media(max-width:760px){header{padding:15px}h1{font-size:23px}.dashboard{padding:12px 15px;gap:12px}.dashboard>div{min-width:calc(25% - 12px)}.dashboard span{font-size:9px}.dashboard output{font-size:21px}.dashboard p{margin:0;max-width:none;width:100%}.workspace{display:block;padding:0 5px}.scene svg{max-height:none}.scene.close svg{min-height:240px}#inspector{display:none;position:fixed;inset:auto 0 0;z-index:10;max-height:48vh;border-radius:16px 16px 0 0;box-shadow:0 -10px 40px #0006;padding:23px 22px 18px}.panel-open #inspector{display:block}.quick-controls{padding:14px}.quick-controls span{margin:0}footer{padding:0 15px 22px}button{padding:7px 12px}.panel-open{padding-bottom:25vh}}

.global-controls{padding:0 24px 16px;gap:16px}.global-controls form{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.global-controls label{font-size:14px}.global-controls input{width:72px;min-height:40px;border:1px solid #547782;border-radius:8px;background:#102e3b;color:#e5f0ef;padding:7px}.global-controls span{margin-left:0}.global-controls #bulk-status{font-size:12px}.global-controls #taps-off{border-color:#82bdcc}

.room-wash{transition:fill 1s,opacity 1s}.floor-glow{fill:none;stroke:#ff7c21;stroke-width:11;opacity:0;filter:drop-shadow(0 0 4px #ff963c);pointer-events:none}.floor-particles{fill:none;stroke:#fff9d5;stroke-width:5;stroke-linecap:round;stroke-dasharray:2 24;opacity:0;pointer-events:none}.floor-circuit.calling .floor-glow{opacity:.6}.floor-circuit.calling .floor-flow{stroke:#ffe39a;stroke-width:6;stroke-dasharray:15 19;opacity:1;animation:flow 1.4s linear infinite}.floor-circuit.calling .floor-particles{opacity:1;animation:flow .95s linear infinite}@media(prefers-reduced-motion:reduce){.floor-particles{animation:none!important}}