/* Color overrides only. Layout and component styling live in the copied CSS. */
:root{--primary:#0f9c86;--primary-dark:#087f70;--cyan:#14b8a6;--sidebar:#0a2424;--sidebar-2:#102b2a}
html[data-theme="dark"]{--bg:#071817;--panel:#102524;--sidebar:#0a2424;--sidebar-2:#102b2a;--primary:#24b6a2;--primary-dark:#159580}
html[data-theme="dark"] body{background:radial-gradient(ellipse at top right,rgba(20,184,166,.06),transparent 55%),#071817!important}
html[data-theme="dark"] .sidebar{background:linear-gradient(180deg,#102725,#0a201f)!important}
html[data-theme="dark"] .topbar{background:rgba(6,20,20,.96)!important;border-color:#243d38!important}
html[data-theme="dark"] .section{background:linear-gradient(145deg,#102724,#0b1e1d)!important;border-color:#29483f!important}
html[data-theme="dark"] .curtain-panel,html[data-theme="dark"] .chart-card,html[data-theme="dark"] .summary-card,html[data-theme="dark"] .recording-card,html[data-theme="dark"] .user-admin-card{background:linear-gradient(145deg,#132b27,#0e211f)!important;border-color:#2b4a40!important}
html[data-theme="dark"] .single-history-strip{background:linear-gradient(180deg,#102a25,#0c211e)!important;border-color:#2b4a40!important}
.nav-button.active,.curtain-mode-tab.active,.history-day-button,.user-admin-primary{background:linear-gradient(135deg,#0f9c86,#14b8a6)!important}
html[data-theme="dark"] .nav-category[data-nav-category="evap-house"]{--category-rgb:45,212,191}
html[data-theme="dark"] .history-metric-tab.active{background:linear-gradient(135deg,#118774,#199e92)!important;border-color:#5eead4!important}
.sf-simulation-note{padding:8px 14px;margin-bottom:16px;border:1px solid #b8892555;border-radius:12px;background:#b8892514;color:#977025;font-size:12px;font-weight:700}
html[data-theme="dark"] .sf-simulation-note{color:#e7c879}
/* Two control groups, each with two individually acknowledged fan animations. */
.evap-fan-bank.sf-fan-sets{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px}
.sf-fan-set{min-width:0;border:1px solid #7898a044;border-radius:16px;padding:13px 9px;background:#ffffff08;transition:border-color .2s,background .2s}
.sf-fan-set-heading{text-align:center;font-size:12px;font-weight:800;margin-bottom:14px;color:inherit}
.sf-fan-set-units{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}
.sf-fan-set .evap-fan-unit{min-width:0}.sf-fan-set .evap-fan-housing{width:clamp(58px,7vw,104px);height:clamp(58px,7vw,104px)}
.sf-fan-set[data-state="on"]{border-color:#2dd4bf99;background:#14b8a612}.sf-fan-set[data-state="mixed"],.sf-fan-set[data-state="pending"]{border-color:#eabf3a88}
.evap-fan-group-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.evap-fan-blades{background:conic-gradient(from 0deg,transparent 0deg 22deg,#14b8a6 22deg 67deg,transparent 67deg 112deg,#14b8a6 112deg 157deg,transparent 157deg 202deg,#14b8a6 202deg 247deg,transparent 247deg 292deg,#14b8a6 292deg 337deg,transparent 337deg)!important}
.evap-fan-unit[data-state="on"] .evap-fan-housing{border-color:#2dd4bf!important;box-shadow:0 0 0 5px #14b8a626,0 0 30px #14b8a636!important}
.evap-fan-unit[data-state="waiting"]{opacity:.55}
.sf-chart-toolbar{margin-left:auto;display:flex;gap:8px;align-items:center;padding:4px 8px;border:1px solid #64748b55;border-radius:9px;font-size:11px}
.sf-chart-toolbar button{border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;font-weight:900;padding:1px 4px}
.chart-card{overflow:hidden}.chart-title{display:flex;align-items:center;gap:7px}.sf-chart-scroll{overflow-x:auto}.sf-history-heading{padding-top:8px}.sf-empty{padding:24px;color:#94a3b8;text-align:center}
.sf-pump-stage{display:grid;place-items:center;gap:20px;min-height:230px;padding:25px;border:1px solid #14b8a666;border-radius:20px;background:linear-gradient(160deg,#12313a,#084a43);color:white;font-weight:800}.sf-pump-icon{font-size:70px}.sf-pump-pipe{width:75%;height:24px;border:5px solid #7898a0;border-radius:8px;display:flex;justify-content:space-around;overflow:hidden;background:#132e34}.sf-pump-pipe span{width:22%;height:100%;background:#14b8a6;opacity:.2}.sf-pump-stage[data-state="on"] .sf-pump-pipe span{animation:sf-water-flow 1s infinite linear;opacity:1}.sf-pump-stage[data-state="on"] .sf-pump-icon{animation:sf-water-pulse 1.5s infinite ease-in-out}
@keyframes sf-water-flow{from{transform:translateX(-100%)}to{transform:translateX(100%)}}@keyframes sf-water-pulse{50%{transform:scale(1.06)}}
#sf-toast{position:fixed;bottom:22px;right:22px;z-index:1000;background:#123f36;color:#fff;padding:14px 20px;max-width:460px;border:1px solid #3d8f78;border-radius:13px;box-shadow:0 12px 35px #0004;font-size:14px}[hidden]{display:none!important}
.sf-offline .evap-fan-blades{animation-play-state:paused!important}.sf-offline .evap-fan-unit{opacity:.5}
.sf-feedback{margin-top:12px;padding:12px;border:1px solid #14b8a644;border-radius:12px;font-size:12px;color:#0f766e}html[data-theme="dark"] .sf-feedback{color:#99f6e4}
@media(max-width:700px){.evap-fan-bank.sf-fan-sets{grid-template-columns:1fr!important}.sf-fan-set .evap-fan-housing{width:86px;height:86px}.evap-fan-group-grid{grid-template-columns:1fr!important}.sf-simulation-note{font-size:11px}.sf-chart-toolbar{gap:4px;padding:4px}}
@media(prefers-reduced-motion:reduce){.evap-fan-blades,.sf-pump-pipe span,.sf-pump-icon{animation:none!important}}