/* Equipment cutaway: quiet material shading, water movement and a shared plinth. */
.treatment__panel{--flow-color:#176fb0;background:linear-gradient(135deg,#f7fbfd,#eaf3f8);color:#163d59;border:1px solid #d8e5ed;box-shadow:0 20px 50px #163d590c}
.treatment__panel[data-flow-mode=wastewater]{--flow-color:#327f68}
.flow-modes{background:#e0ebf2;border-color:#d2e0ea}.flow-modes button{color:#53748b}.flow-modes button[aria-pressed=true]{background:#fff;color:#0b4875;box-shadow:0 2px 6px #315d7512}
.flow-pause{color:#42657b;border-color:#bdd1df}.flow-pause:hover{background:#fff}.flow-pause:disabled{cursor:default;opacity:.7}
.treatment__status{color:#396781;margin-bottom:0}.treatment__status small{color:#6c8799}.treatment__status>span{box-shadow:none;background:#3298ad}
.plant-viewport{overflow-x:auto;overflow-y:hidden;margin:0 -12px;scrollbar-width:thin;scrollbar-color:#9cbdcf transparent;overscroll-behavior-x:contain}
.plant-svg{display:block;width:100%;min-width:820px;height:auto;isolation:isolate}
.plant-svg,.plant-svg svg{fill:none;stroke:none;stroke-width:1;stroke-linecap:round;stroke-linejoin:round}
.plant-equipment{opacity:.86;transition:opacity .5s}.plant-equipment.plant-is-active{opacity:1}
.plant-stage-markers text{fill:#7593a5;font-size:11px;letter-spacing:2px;font-family:var(--font)}
.plant-flowing-water{animation:plant-pipe-flow 2s linear infinite}
.plant-filter-traces{animation:plant-filter-flow 2.4s linear infinite}
.plant-wave{animation:plant-water-surface 5s linear infinite}
.plant-bubble{fill:#d6f7ff;stroke:#e6fbff;stroke-width:.6;opacity:0;animation:plant-aeration var(--bubble-time,3s) var(--bubble-delay,0s) linear infinite}
.plant-uv-glow{animation:plant-uv-light 3s ease-in-out infinite;filter:drop-shadow(0 0 5px #a5a0ff)}
.flow-is-paused .plant-svg *{animation-play-state:paused}
.plant-mobile-hint{display:none}
.flow-stages{gap:10px;margin:0 0 23px}
.flow-stages li{padding:0}.flow-stages li::after,.flow-stages li::before{display:none!important}
.flow-stages button{display:flex;flex-direction:column;gap:5px;align-items:flex-start;text-align:left;padding:12px 10px;border-radius:9px;border:1px solid transparent;color:#668092;height:100%;transition:background .2s,border-color .2s}
.flow-stages button[aria-pressed=true]{color:#104f7a;background:#fff;border-color:#b7d5e7;box-shadow:0 3px 10px #315d7509}
.flow-node-number{font-size:10px;color:#7193a7;margin:0}.flow-node-label{font-size:12px;max-width:none;min-height:31px;line-height:1.4}
.flow-detail{background:#fff;border-color:#d1e1eb;box-shadow:0 3px 12px #244b6405}.flow-detail h3{color:#16476a}.flow-detail p{color:#59778d}.flow-detail a{color:#1468a5}.flow-disclaimer{color:#6d8798}
@keyframes plant-pipe-flow{to{stroke-dashoffset:-48}}
@keyframes plant-filter-flow{to{stroke-dashoffset:24}}
@keyframes plant-water-surface{to{transform:translateX(60px)}}
@keyframes plant-aeration{0%{opacity:0;transform:translateY(0)}15%{opacity:.65}85%{opacity:.45}100%{opacity:0;transform:translateY(-76px)}}
@keyframes plant-uv-light{0%,100%{opacity:.7}50%{opacity:1}}
@media(max-width:1000px){.plant-mobile-hint{display:block;font-size:10px;color:#6d899b;margin:7px 0 15px}.plant-mobile-hint span{margin-left:7px}.flow-stages{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-node-label{min-height:0}}
@media(max-width:700px){.flow-stages button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px 8px}.flow-stages li{padding:0}.flow-node-label{font-size:11px}.flow-stages{gap:6px}.treatment__status{margin-bottom:10px}.plant-svg{min-width:850px}.plant-viewport{margin:0 -10px}.flow-detail{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.plant-svg *{animation:none!important}.plant-equipment{transition:none}.plant-bubble{opacity:.4}}