:root{--bg:#06111c;--panel:#0b1a28;--panel2:#102335;--line:#1e3b50;--text:#eef6fb;--muted:#7f96a7;--blue:#318cff;--cyan:#43d5d8;--green:#35d07f;--yellow:#f4bf4f;--red:#ff6262;--shadow:0 24px 60px rgba(0,0,0,.28)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(160deg,#06111c,#081725 55%,#07131e);color:var(--text)}button,input{font:inherit}.eyebrow{font-size:10px;letter-spacing:.15em;color:#5daeff;font-weight:800}.card,.glass{background:linear-gradient(145deg,rgba(15,35,52,.95),rgba(8,23,35,.96));border:1px solid rgba(83,125,157,.22);box-shadow:var(--shadow);border-radius:20px}.btn{border:0;border-radius:13px;padding:13px 16px;color:white;font-weight:850;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.primary{background:linear-gradient(135deg,var(--blue),#216fd5)}.success{background:linear-gradient(135deg,#18995b,#2bc979)}.danger{background:linear-gradient(135deg,#b83844,#ee5f64)}.secondary{background:#17314a;border:1px solid #2a526e}.good{color:var(--green)}
.login-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 15%,#153552 0,#07121e 44%,#040b12 100%)}.login-card{width:min(420px,94vw);padding:35px}.real-logo{height:60px;margin-bottom:22px;display:flex;align-items:center}.real-logo img{max-width:180px;max-height:58px;object-fit:contain}.logo-fallback{display:none;width:52px;height:52px;border-radius:16px;place-items:center;background:linear-gradient(135deg,var(--blue),var(--cyan));font-weight:900;font-size:25px;color:#06111c}.logo-fallback.small{width:34px;height:34px;font-size:17px}.login-card h1{font-size:38px;letter-spacing:.13em;margin:6px 0 8px}.login-card>p{color:var(--muted);line-height:1.55}.login-form{display:grid;gap:14px;margin-top:25px}.login-form label{font-size:12px;color:#9bb0c0}.login-form input{display:block;width:100%;margin-top:6px;background:#081725;border:1px solid #21425a;border-radius:12px;color:white;padding:13px;outline:none}.login-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(49,140,255,.13)}.login-error{min-height:17px;color:var(--red);font-size:12px}.demo-hint{display:block;text-align:center;color:#60798c;margin-top:10px}.login-footer{position:fixed;bottom:22px;display:flex;align-items:center;gap:10px;color:#6f8799;font-size:10px}.login-footer img{max-width:90px;max-height:24px}.transition-screen{position:fixed;inset:0;display:grid;place-items:center;background:#06111c;z-index:50;opacity:0;visibility:hidden;transition:.4s}.transition-screen.show{opacity:1;visibility:visible}.transition-inner{text-align:center}.logo-spinner{width:94px;height:94px;margin:0 auto 24px;border-radius:50%;display:grid;place-items:center;position:relative}.logo-spinner:before{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #173b51;border-top-color:var(--cyan);animation:spin 1s linear infinite}.logo-spinner img{max-width:62px;max-height:48px}.transition-inner h2{font-weight:400;color:#8ba2b4}.transition-inner strong{font-size:26px}.transition-inner p{color:#647d90}@keyframes spin{to{transform:rotate(360deg)}}
.app-body{padding-bottom:74px}.app-header{height:72px;position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:28px;padding:0 24px;background:rgba(5,14,23,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(79,116,145,.2)}.brand{display:flex;align-items:center;gap:10px}.brand img{max-width:110px;max-height:35px}.brand b{display:block;letter-spacing:.12em}.brand small{display:block;color:#6f8799;font-size:9px}.farm-title,.clock{display:grid;text-align:right}.farm-title small,.clock small{color:#688095;font-size:9px}.clock{border-left:1px solid var(--line);padding-left:20px}.app-shell{max-width:1220px;margin:auto;padding:26px 20px}.view{display:none;animation:fadeUp .3s ease}.view.active{display:block}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero-line{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:18px}.hero-line h1,.page-title h1,.reservoir-header h1{margin:5px 0 4px;font-size:30px}.hero-line p,.page-title p{margin:0;color:var(--muted)}.weather-badge,.detail-weather{display:flex;align-items:center;gap:10px;background:#0d2233;border:1px solid var(--line);border-radius:15px;padding:10px 13px}.weather-badge>span,.detail-weather>span{font-size:26px}.weather-badge div,.detail-weather div{display:grid}.weather-badge small,.detail-weather small{color:#7992a4;font-size:10px}.alerts-panel{display:grid;gap:8px;margin:16px 0}.alerts-title{display:flex;justify-content:space-between;color:#9bb0bf;font-size:12px}.alert-item,.all-good{display:flex;gap:11px;align-items:center;border-radius:14px;padding:12px 14px;background:#0c1e2c;border:1px solid var(--line)}.alert-item.warning{border-color:rgba(244,191,79,.32);background:rgba(81,61,19,.2)}.alert-item.danger{border-color:rgba(255,98,98,.35);background:rgba(86,28,34,.2)}.alert-mark,.all-good>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#15334a;font-weight:900}.alert-item div,.all-good div{display:grid}.alert-item small,.all-good small{color:#8499aa;margin-top:2px}.mobile-menu-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.menu-tile{min-height:150px;border:1px solid rgba(76,119,150,.25);border-radius:22px;background:linear-gradient(145deg,#0e2232,#0a1926);color:white;padding:18px;text-align:left;display:grid;align-content:space-between;cursor:pointer;transition:.2s;box-shadow:var(--shadow)}.menu-tile:hover{transform:translateY(-3px);border-color:#35698a}.tile-icon{font-size:32px;color:#6ecde0}.menu-tile b{font-size:17px}.menu-tile small{color:#70899c}.status-overview{display:grid;grid-template-columns:repeat(4,1fr);padding:16px;margin:16px 0}.status-overview div{padding:5px 16px;border-right:1px solid rgba(80,116,145,.18)}.status-overview div:last-child{border:0}.status-overview span{display:block;color:#7b93a5;font-size:10px}.status-overview b{display:block;font-size:22px;margin-top:4px}.events-card{padding:18px}.section-card-title{display:flex;justify-content:space-between;align-items:flex-start}.section-card-title h2{margin:3px 0;font-size:18px}.live-dot{font-size:9px;color:var(--green)}.events{list-style:none;padding:0;margin:10px 0 0}.events li{display:grid;grid-template-columns:50px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid rgba(79,116,145,.16)}.events li:last-child{border:0}.events time{color:#627c90;font-size:11px}.events li.warning span{color:#f4cc77}.events li.danger span{color:#ff8d8d}.back-btn{border:1px solid var(--line);background:#0b1b29;color:#a9bdca;border-radius:12px;padding:9px 13px;cursor:pointer;margin-bottom:18px}.reservoir-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px}.reservoir-tile{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#0c1f2e,#091824);color:white;padding:18px;display:grid;grid-template-columns:76px 1fr;gap:18px;text-align:left;cursor:pointer;box-shadow:var(--shadow)}.reservoir-tile.ok{border-left:4px solid var(--green)}.reservoir-tile.warn{border-left:4px solid var(--yellow)}.reservoir-tile.bad{border-left:4px solid var(--red)}.reservoir-tile div:last-child{display:grid}.reservoir-tile small{color:#678094}.reservoir-tile b{font-size:18px;margin:4px 0}.reservoir-tile strong{font-size:30px}.reservoir-tile em{font-style:normal;color:#7991a4;font-size:11px}.tank-mini{width:66px;height:100px;border:2px solid #637b8e;border-radius:11px 11px 16px 16px;position:relative;overflow:hidden;align-self:center}.tank-mini span{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(#36b6dc,#1778b8)}.reservoir-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px}.status-pill{display:inline-block;margin-top:7px;border-radius:999px;padding:6px 9px;background:#12334a;color:#a7c4d4;font-size:10px}.status-pill.ok{color:#7ee6ac}.status-pill.bad{color:#ff8e8e}.detail-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.75fr);gap:15px}.scene-card,.detail-side>.card{padding:17px}.detail-side{display:grid;gap:15px;align-content:start}.three-container{height:440px;border-radius:16px;overflow:hidden;position:relative;background:#163149}.three-container canvas{width:100%!important;height:100%!important;display:block}.scene-hud{position:absolute;z-index:3;left:17px;bottom:14px;display:grid;background:rgba(5,17,27,.58);padding:8px 11px;border-radius:12px;backdrop-filter:blur(8px)}.scene-hud b{font-size:30px}.scene-hud span{font-size:9px;color:#8ca4b4}.scene-weather{position:absolute;inset:0;pointer-events:none;z-index:2}.scene-weather.night{background:linear-gradient(rgba(1,7,17,.42),transparent 55%)}.scene-weather.rain:after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(40,80,110,.16),rgba(6,17,28,.12))}.scene-weather.rain i{position:absolute;top:-30px;width:1px;height:32px;background:rgba(190,225,255,.5);animation:rain .9s linear infinite}.scene-weather.rain i:nth-child(1){left:12%;animation-delay:.1s}.scene-weather.rain i:nth-child(2){left:28%;animation-delay:.55s}.scene-weather.rain i:nth-child(3){left:47%;animation-delay:.25s}.scene-weather.rain i:nth-child(4){left:63%;animation-delay:.75s}.scene-weather.rain i:nth-child(5){left:79%;animation-delay:.4s}.scene-weather.rain i:nth-child(6){left:91%;animation-delay:.15s}@keyframes rain{to{transform:translateY(500px)}}.level-track{height:8px;border-radius:99px;background:#17354b;overflow:hidden;margin-top:12px}.level-track span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:.6s}.level-meta{display:flex;justify-content:space-between;color:#7c94a5;font-size:11px;margin-top:9px}.level-meta b{color:white}.scene-help{display:block;color:#607a8d;text-align:center;margin-top:8px}.command-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:14px}.command-note{color:#70899b;font-size:11px;margin-top:10px}.pump-indicator{width:13px;height:13px;border-radius:50%;background:#5e6a72}.pump-indicator.running{background:var(--green);box-shadow:0 0 14px var(--green)}.pump-indicator.stopped{background:#75828b}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.metric-grid div{background:#0b1b29;border:1px solid rgba(74,111,140,.2);border-radius:12px;padding:11px}.metric-grid span{display:block;color:#748c9f;font-size:10px}.metric-grid b{font-size:17px}.fault-box{margin-top:10px;padding:11px;border-radius:11px;background:rgba(114,31,31,.22);border:1px solid rgba(255,98,98,.4);color:#ff9595}.health-list{margin-top:10px}.health-list div{display:flex;justify-content:space-between;border-bottom:1px solid rgba(77,111,138,.17);padding:9px 0;font-size:12px}.health-list span{color:#768ea0}.generic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.generic-grid .card{padding:18px}.generic-grid p,.empty p{color:#7c94a5;line-height:1.55}.big-number{font-size:36px}.empty{text-align:center;padding:45px}.empty>b{display:grid;place-items:center;margin:auto;width:48px;height:48px;border-radius:50%;background:rgba(53,208,127,.13);color:var(--green);font-size:22px}.app-footer{position:fixed;bottom:0;left:0;right:0;height:62px;display:flex;justify-content:center;align-items:center;gap:9px;background:rgba(5,14,23,.9);backdrop-filter:blur(18px);border-top:1px solid rgba(79,116,145,.2);z-index:20}.footer-logo-spinner{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;position:relative}.footer-logo-spinner:before{content:"";position:absolute;inset:0;border:1px solid #193c50;border-top-color:var(--cyan);border-radius:50%;animation:spin 2s linear infinite}.footer-logo-spinner img{max-width:24px;max-height:20px}.app-footer div:nth-child(2){display:grid}.app-footer b{font-size:10px;letter-spacing:.12em}.app-footer small{font-size:8px;color:#637c8f}.app-footer a{position:absolute;right:18px;color:#8ca1b1;text-decoration:none;font-size:10px}.toast{position:fixed;right:18px;bottom:80px;background:#102638;border:1px solid var(--line);padding:12px 15px;border-radius:12px;opacity:0;transform:translateY(10px);transition:.25s;pointer-events:none;z-index:60}.toast.show{opacity:1;transform:none}
@media(max-width:820px){.app-header{grid-template-columns:1fr auto}.farm-title{display:none}.mobile-menu-grid,.status-overview{grid-template-columns:repeat(2,1fr)}.detail-layout{grid-template-columns:1fr}.reservoir-grid{grid-template-columns:1fr}.three-container{height:360px}.generic-grid{grid-template-columns:1fr}.hero-line{align-items:flex-start}.weather-badge{max-width:230px}}
@media(max-width:560px){.app-header{height:64px;padding:0 12px;gap:8px}.brand img{max-width:80px}.brand small{display:none}.clock{padding-left:10px}.clock b{font-size:12px}.clock small{font-size:8px}.app-shell{padding:18px 12px}.hero-line{display:grid}.hero-line h1,.page-title h1,.reservoir-header h1{font-size:24px}.weather-badge{width:100%;max-width:none}.mobile-menu-grid{grid-template-columns:repeat(2,1fr);gap:10px}.menu-tile{min-height:135px;padding:14px}.tile-icon{font-size:28px}.menu-tile b{font-size:15px}.status-overview{gap:0;padding:10px}.status-overview div{padding:8px;border-right:0;border-bottom:1px solid rgba(80,116,145,.16)}.status-overview b{font-size:18px}.reservoir-header{display:grid;gap:12px}.detail-weather{width:max-content}.three-container{height:310px}.command-row{grid-template-columns:1fr 1fr}.command-row .secondary{grid-column:1/3}.level-meta{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.app-footer{justify-content:flex-start;padding-left:12px}.app-footer small{display:none}.app-footer a{right:12px}.login-footer span{display:none}}
/* V0.4 refinements */
.brand-logo-only{min-width:180px}.brand-logo-only img{max-width:155px;max-height:48px}.brand-logo-only .logo-fallback{width:44px;height:44px}
.alert-item{width:100%;color:inherit;text-align:left;cursor:pointer;transition:.18s;position:relative}.alert-item:hover{transform:translateY(-1px);border-color:rgba(82,164,206,.5)}.alert-arrow{margin-left:auto;font-size:28px;color:#6f8da1}.alert-item div{flex:1}
.reservoir-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px}.reservoir-tile{aspect-ratio:1/1;min-height:0;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:3px;border-left-width:1px}.reservoir-tile.ok{border-color:rgba(53,208,127,.28)}.reservoir-tile.warn{border-color:rgba(244,191,79,.35)}.reservoir-tile.bad{border-color:rgba(255,98,98,.38)}.reservoir-tile:hover{transform:translateY(-3px);border-color:#4b87aa}.reservoir-icon{width:92px;height:92px;display:block;margin-bottom:4px}.reservoir-icon svg{width:100%;height:100%;filter:drop-shadow(0 10px 18px rgba(0,0,0,.28))}.reservoir-tile small{font-size:9px;letter-spacing:.08em}.reservoir-tile b{font-size:14px;margin:2px 0}.reservoir-tile strong{font-size:26px}.reservoir-tile em{font-size:10px;min-height:14px}
.scene-alert{position:absolute;z-index:5;left:14px;top:14px;max-width:calc(100% - 28px);display:flex;gap:9px;align-items:center;padding:10px 12px;border-radius:13px;backdrop-filter:blur(10px);box-shadow:0 10px 25px rgba(0,0,0,.2)}.scene-alert[hidden]{display:none}.scene-alert.warning{background:rgba(78,57,15,.86);border:1px solid rgba(244,191,79,.55)}.scene-alert.danger{background:rgba(79,25,31,.9);border:1px solid rgba(255,98,98,.6)}.scene-alert>span{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);font-weight:900}.scene-alert div{display:grid}.scene-alert b{font-size:12px}.scene-alert small{font-size:9px;color:#cbd8df;margin-top:2px}
.command-progress{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px;border-radius:12px;background:#0b1d2b;border:1px solid rgba(78,137,177,.3)}.command-progress[hidden]{display:none}.command-progress div{display:grid}.command-progress small{color:#7890a1;margin-top:2px}.mini-spinner{width:22px;height:22px;border-radius:50%;border:2px solid #23485e;border-top-color:var(--cyan);animation:spin .75s linear infinite}.command-progress.done .mini-spinner{border:0;background:var(--green);position:relative}.command-progress.done .mini-spinner:after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#04140c;font-weight:900}
.action-sheet{position:fixed;inset:0;z-index:80;display:grid;place-items:end center;opacity:0;transition:.18s}.action-sheet[hidden]{display:none}.action-sheet.show{opacity:1}.action-sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(3px)}.action-sheet-card{position:relative;width:min(520px,calc(100% - 24px));margin-bottom:78px;background:#0c1d2b;border:1px solid #27455a;border-radius:20px;padding:20px;box-shadow:0 25px 70px rgba(0,0,0,.45);transform:translateY(20px);transition:.18s}.action-sheet.show .action-sheet-card{transform:none}.action-sheet-card h3{margin:5px 0 8px}.action-sheet-card p{color:#8198a9;line-height:1.5}.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}
@media(max-width:900px){.reservoir-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.brand-logo-only{min-width:105px}.brand-logo-only img{max-width:112px;max-height:42px}.reservoir-grid{grid-template-columns:repeat(2,1fr);gap:10px}.reservoir-tile{padding:11px}.reservoir-icon{width:78px;height:78px}.reservoir-tile strong{font-size:23px}.action-sheet-card{margin-bottom:72px}}


/* V0.5 theme + interaction */
.header-tools{display:flex;align-items:center;gap:10px}.theme-toggle{width:42px;height:42px;border-radius:14px;border:1px solid rgba(86,125,149,.34);background:rgba(9,22,32,.78);color:#fff;cursor:pointer;font-size:18px;box-shadow:0 8px 22px rgba(0,0,0,.18)}.theme-toggle:hover{transform:translateY(-1px)}
.dark-theme{--bg:#06111c;--bg2:#0a1723;--card:#0f2231;--card2:#102638;--line:#28475d;--line2:#2c4d64;--text:#e8f1f5;--muted:#86a0b1;--soft:#bcd2de;--cyan:#47c7ff;--green:#35d07f;--yellow:#f4bf4f;--red:#ff6262}
.light-theme{--bg:#edf4f8;--bg2:#f7fbfd;--card:#ffffff;--card2:#f3f8fb;--line:#d5e3ec;--line2:#c9d9e4;--text:#163042;--muted:#60788b;--soft:#486579;--cyan:#168fcc;--green:#18995f;--yellow:#be8825;--red:#d24c4c;color-scheme:light}
.light-theme body,.light-theme{background:var(--bg);color:var(--text)}
.light-theme .app-header,.light-theme .card,.light-theme .menu-tile,.light-theme .reservoir-tile,.light-theme .weather-badge,.light-theme .action-sheet-card,.light-theme .toast,.light-theme .theme-toggle,.light-theme .app-footer,.light-theme .back-btn{background:rgba(255,255,255,.92)!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:0 10px 30px rgba(59,92,116,.08)}
.light-theme .app-body{background:linear-gradient(180deg,#f2f8fb 0%,#e9f1f5 100%)}
.light-theme .app-shell:before{opacity:.14}.light-theme .eyebrow,.light-theme .login-footer span,.light-theme .clock small,.light-theme .weather-badge small,.light-theme .events time,.light-theme .command-note,.light-theme .health-list span,.light-theme .scene-help{color:var(--muted)!important}.light-theme .weather-badge b,.light-theme .farm-title strong,.light-theme h1,.light-theme h2,.light-theme b,.light-theme strong{color:var(--text)!important}.light-theme .alerts-panel,.light-theme .section-card-title,.light-theme .all-good,.light-theme .level-track{border-color:var(--line)!important}.light-theme .live-dot,.light-theme .status-pill.ok{background:rgba(24,153,95,.12)!important;color:#157549!important}.light-theme .status-pill.bad{background:rgba(210,76,76,.12)!important;color:#a13333!important}.light-theme .scene-alert.warning{background:rgba(255,242,214,.95);border-color:rgba(190,136,37,.45)}.light-theme .scene-alert.danger{background:rgba(255,236,236,.96);border-color:rgba(210,76,76,.45)}.light-theme .scene-alert small{color:#6d7f8d}.light-theme .brand-logo-only img{filter:none}.light-theme .events li{border-color:rgba(109,142,160,.18)}
.brand-logo-only img{max-width:175px;max-height:56px}.app-header{padding-right:16px}.scene-card{overflow:hidden}.three-container{background:linear-gradient(180deg,rgba(18,38,55,.15),rgba(6,17,28,.0));position:relative}.three-container canvas{border-radius:18px}.scene-hud{backdrop-filter:blur(8px)}
@media(max-width:560px){.brand-logo-only img{max-width:132px;max-height:46px}.header-tools{gap:8px}.theme-toggle{width:38px;height:38px;border-radius:12px;font-size:17px}}


/* V0.6 controls + layout */
.compact-header{grid-template-columns:auto auto 1fr auto;gap:10px}.header-back{width:42px;height:42px;border-radius:14px;border:1px solid rgba(86,125,149,.34);background:rgba(9,22,32,.78);color:#fff;cursor:pointer;font-size:28px;line-height:1;display:grid;place-items:center;box-shadow:0 8px 22px rgba(0,0,0,.18)}.header-back.is-hidden{visibility:hidden;pointer-events:none}.header-tools{display:flex;align-items:center;gap:10px}.theme-toggle{width:42px;height:42px;border-radius:14px;border:1px solid rgba(86,125,149,.34);background:rgba(9,22,32,.78);color:#fff;cursor:pointer;font-size:18px;box-shadow:0 8px 22px rgba(0,0,0,.18)}
.scene-climate{position:absolute;z-index:6;top:14px;right:14px;padding:10px 12px;border-radius:13px;background:rgba(7,20,30,.58);border:1px solid rgba(91,123,145,.28);backdrop-filter:blur(10px);font-size:12px;font-weight:700;color:#e9f5fb;letter-spacing:.01em}.light-theme .scene-climate{background:rgba(255,255,255,.8);color:#183042;border-color:rgba(145,167,184,.35)}
.mode-switch-row{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:12px 0 14px;color:#95a9b7;font-size:11px;font-weight:700;letter-spacing:.08em}.switch{position:relative;display:inline-block;width:54px;height:30px}.switch input{opacity:0;width:0;height:0}.switch i{position:absolute;cursor:pointer;inset:0;background:#233949;border:1px solid #35566d;border-radius:999px;transition:.2s}.switch i:before{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;background:#d7e3eb;border-radius:50%;transition:.2s;box-shadow:0 4px 14px rgba(0,0,0,.22)}.switch input:checked + i{background:rgba(53,208,127,.26);border-color:rgba(53,208,127,.45)}.switch input:checked + i:before{transform:translateX(24px);background:#35d07f}.compact-grid{margin-top:0}.compact-grid b{font-size:15px}.control-card .command-row{margin-top:12px}.command-row.split{grid-template-columns:1fr 1fr}.btn.full{width:100%;margin-top:10px}.btn.outline{background:transparent;border:1px solid #37576e;color:#dce9f0}.btn.outline:hover{border-color:#4fc0ff;color:#fff}.sheet-extra{margin-top:12px}.sheet-extra label{display:grid;gap:6px;color:#8aa3b2;font-size:12px}.sheet-extra select{width:100%;padding:12px 13px;border-radius:12px;border:1px solid #2c4a5f;background:#102638;color:#fff}.light-theme .sheet-extra select{background:#fff;color:#173244;border-color:#d6e2ea}
.light-theme .header-back,.light-theme .theme-toggle{background:#fff;color:#173244;border-color:#d6e2ea;box-shadow:0 8px 20px rgba(46,78,100,.08)}
@media(max-width:560px){.compact-header{grid-template-columns:auto auto 1fr auto;padding:0 10px}.header-back,.theme-toggle{width:38px;height:38px;border-radius:12px}.header-back{font-size:24px}.scene-climate{top:12px;right:12px;font-size:11px;padding:8px 10px}.mode-switch-row{justify-content:space-between}.command-row.split{grid-template-columns:1fr}.app-footer{padding-left:12px}}


/* V0.8 layout corrections */
.compact-header{display:grid!important;grid-template-columns:auto auto minmax(0,1fr) auto auto!important;align-items:center!important;gap:10px!important}.brand-logo-only{grid-column:1}.header-back{grid-column:2}.farm-title{grid-column:3;min-width:0}.header-spacer{display:none}.header-tools{grid-column:5;margin-left:auto!important;justify-self:end}.clock{text-align:right!important;min-width:92px}.clock b,.clock small{display:block;text-align:right!important}.hero-no-weather{display:block!important}.hero-no-weather>div{max-width:760px}.scene-climate{display:grid;gap:2px;text-align:right;min-width:120px}.scene-climate b{font-size:12px;color:#edf8fd}.scene-climate small{font-size:8px;font-weight:500;color:#9cb3c1;letter-spacing:.05em}.light-theme .scene-climate b{color:#173244}.light-theme .scene-climate small{color:#667f90}.three-container{min-height:390px}.brand-logo-only img{max-width:165px;max-height:52px}.header-back{margin-left:0!important}.header-back.is-hidden{visibility:hidden;width:0!important;min-width:0!important;padding:0!important;margin:0!important;border:0!important;overflow:hidden}.weather-badge{display:none!important}
@media(max-width:820px){.compact-header{grid-template-columns:auto auto minmax(0,1fr) auto!important}.farm-title{display:none!important}.header-tools{grid-column:4!important}.brand-logo-only img{max-width:125px;max-height:44px}.clock{min-width:82px}.clock b{font-size:12px}.clock small{font-size:7px}.theme-toggle{width:36px;height:36px}.header-back{width:36px;height:36px}}
@media(max-width:430px){.app-header{padding-left:10px!important;padding-right:10px!important;gap:6px!important}.brand-logo-only{min-width:0!important}.brand-logo-only img{max-width:112px;max-height:42px}.header-tools{gap:5px!important}.clock{min-width:76px}.clock b{font-size:11px!important}.clock small{font-size:6.5px!important}.theme-toggle,.header-back{width:34px!important;height:34px!important;border-radius:10px!important}.scene-climate{top:10px;right:10px;padding:7px 9px}.scene-hud{left:10px;bottom:10px}.three-container{height:340px!important;min-height:340px!important}}


/* V0.9 layout refinements */
.clean-header{grid-template-columns:auto 1fr auto!important;align-items:center}.brand-clickable{background:transparent;border:none;padding:0;cursor:pointer}.brand-clickable:focus{outline:none}.farm-title{display:block!important}.farm-title strong{white-space:nowrap}.header-tools{display:flex;align-items:center;gap:12px;margin-left:auto}.sub-header-nav{display:flex;justify-content:flex-end;padding:8px 14px 0;max-width:980px;margin:0 auto}.sub-header-nav.is-hidden{display:none}.text-back-btn{border:1px solid rgba(82,124,150,.28);background:rgba(8,23,35,.84);color:#f4fbff;padding:10px 16px;border-radius:12px;font-size:12px;font-weight:800;letter-spacing:.14em;cursor:pointer}.text-back-btn:hover{transform:translateY(-1px);border-color:rgba(94,188,239,.42)}
.theme-switch{position:relative;display:inline-block;width:50px;height:28px}.theme-switch input{opacity:0;width:0;height:0}.theme-switch i{position:absolute;inset:0;border-radius:999px;background:rgba(18,40,56,.88);border:1px solid rgba(84,126,152,.34);transition:.2s;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.theme-switch i:before{content:"";position:absolute;width:20px;height:20px;left:4px;top:3px;border-radius:50%;background:#d8e6ee;transition:.2s;box-shadow:0 4px 14px rgba(0,0,0,.22)}.theme-switch input:checked + i{background:rgba(81,178,211,.26);border-color:rgba(81,178,211,.42)}.theme-switch input:checked + i:before{transform:translateX(22px);background:#ffffff}
.reservoir-header{margin-bottom:10px}.reservoir-subtitle{margin:6px 0 0;color:#8ea9ba;font-size:14px}.scene-status{position:absolute;top:14px;left:14px;z-index:6;padding:9px 12px;border-radius:12px;font-size:11px;font-weight:800;letter-spacing:.12em;backdrop-filter:blur(10px);border:1px solid rgba(91,123,145,.28)}.scene-status.status-ok{background:rgba(14,58,44,.58);color:#7df0b0}.scene-status.status-bad{background:rgba(78,24,24,.64);color:#ff9e9e}.scene-alert{top:58px!important}.equipment-note{display:block;margin-top:5px;color:#8ca6b7;font-size:12px}.metric-grid .full-span{grid-column:1/-1}.light-theme .text-back-btn{background:#ffffff;color:#163042;border-color:#d6e2ea;box-shadow:0 8px 20px rgba(46,78,100,.08)}.light-theme .theme-switch i{background:#f1f7fa;border-color:#d6e2ea}.light-theme .theme-switch i:before{background:#183042}.light-theme .theme-switch input:checked + i{background:#d7ecf8}.light-theme .theme-switch input:checked + i:before{background:#fff}.light-theme .scene-status.status-ok{background:rgba(218,248,231,.92);color:#147548;border-color:rgba(24,153,95,.2)}.light-theme .scene-status.status-bad{background:rgba(255,236,236,.96);color:#a13333;border-color:rgba(210,76,76,.25)}
@media(max-width:720px){.sub-header-nav{padding:8px 10px 0}.text-back-btn{padding:9px 14px;font-size:11px}}
@media(max-width:560px){.clean-header{grid-template-columns:auto 1fr auto!important;padding:0 10px!important}.farm-title strong{font-size:13px}.brand-logo-only img{max-width:124px;max-height:42px}.header-tools{gap:8px}.theme-switch{width:46px;height:26px}.theme-switch i:before{width:18px;height:18px}.theme-switch input:checked + i:before{transform:translateX(20px)}.scene-status{top:12px;left:12px;font-size:10px;padding:8px 10px}.scene-alert{top:50px!important;max-width:calc(100% - 24px)!important}.scene-climate{top:12px;right:12px}.reservoir-subtitle{font-size:13px}}


/* V1.0 navigation + independent pump controls */
.clean-header{grid-template-columns:auto 1fr!important}.header-tools{grid-column:2;justify-self:end}.context-bar{height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:980px;margin:0 auto;padding:0 14px;border-bottom:1px solid rgba(65,105,132,.16);background:linear-gradient(180deg,rgba(7,20,31,.92),rgba(7,20,31,.68));position:relative;z-index:12}.context-bar strong{font-size:13px;letter-spacing:.01em}.text-back-btn.is-hidden{visibility:hidden;pointer-events:none}.text-back-btn{padding:7px 13px;border-radius:10px;font-size:10px;letter-spacing:.13em}.app-shell{padding-top:14px!important}.reservoir-header{margin-top:0!important}.multi-pump-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.multi-pump-controls[hidden]{display:none}.pump-control-item{border:1px solid rgba(62,102,128,.28);border-radius:14px;padding:12px;background:rgba(7,22,33,.46)}.pump-control-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.pump-control-head div{display:grid}.pump-control-head small{font-size:9px;color:#6ea9cf;letter-spacing:.1em}.pump-control-head b{font-size:13px;margin-top:2px}.pump-control-meta{display:flex;justify-content:space-between;color:#7f9bad;font-size:10px;margin:9px 0}.pump-independent-btn{width:100%;font-size:10px;padding:10px}.mini-fault{margin-top:7px;padding:6px 8px;border-radius:8px;background:rgba(120,31,37,.35);color:#ff9a9a;font-size:9px}.light-theme .context-bar{background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,250,252,.9));border-color:#dce7ed}.light-theme .pump-control-item{background:#f8fbfd;border-color:#dce7ed}.light-theme .pump-control-head small,.light-theme .pump-control-meta{color:#658094}
@media(max-width:560px){.context-bar{height:38px;padding:0 10px}.context-bar strong{font-size:12px}.text-back-btn{padding:7px 12px}.multi-pump-controls{grid-template-columns:1fr 1fr;gap:8px}.pump-control-item{padding:10px}.pump-control-head b{font-size:12px}.pump-independent-btn{font-size:9px;padding:9px 6px}}