:root{--bg:#f3f6f4;--panel:#fff;--ink:#182a25;--muted:#7d8d86;--line:#e6ece8;--green:#187d58;--green2:#22a06b;--dark:#123b2d;--mint:#e7f5ed;--orange:#ed9a36;--red:#d95858;--shadow:0 10px 32px rgba(28,58,44,.055)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:246px;background:#102f25;color:#d9e9df;display:flex;flex-direction:column;padding:27px 16px 20px;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;padding:0 12px 35px}.brand-mark{width:39px;height:39px;border-radius:13px;background:#2ba876;display:grid;place-items:center;color:#fff;font-size:25px}.brand strong{display:block;font-size:14px;letter-spacing:1.5px;color:white}.brand small{display:block;color:#86a89a;font-size:9px;letter-spacing:1.4px;margin-top:2px}.nav-label,.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.7px;color:#8da99b}.nav-label{padding:0 14px 12px}.nav-item{border:0;background:transparent;color:#a9c0b5;padding:12px 14px;border-radius:10px;text-align:left;display:flex;align-items:center;gap:13px;margin:3px 0;font-weight:600;font-size:13px;transition:.2s}.nav-item span{font-size:18px;width:20px;text-align:center}.nav-item:hover,.nav-item.active{background:#1d4b39;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #48d49a}.sidebar-bottom{margin-top:auto;border-top:1px solid #28503f;padding:18px 10px 0;display:flex;align-items:center;gap:10px}.sidebar-bottom b{display:block;font-size:11px;color:#d8e8df}.sidebar-bottom small{display:block;color:#83a394;font-size:10px;margin-top:2px}.connection-dot{width:8px;height:8px;background:#e3ad52;border-radius:50%;box-shadow:0 0 0 4px #345443}.connection-dot.online{background:#42d58b}.main{min-width:0;flex:1;padding:0 32px 20px;max-width:1700px;margin:0 auto}.topbar{height:94px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7ede9;margin-bottom:24px}.topbar .eyebrow{color:#8c9a93;font-size:9px}.topbar h1{font-size:24px;letter-spacing:-.7px;margin:2px 0 0}.top-actions{display:flex;align-items:center;gap:15px}.live-pill,.running-pill{font-size:9px;font-weight:800;letter-spacing:1px;border:1px solid #cde9d9;color:#248557;background:#effaf3;border-radius:20px;padding:7px 10px}.live-pill i{display:inline-block;width:6px;height:6px;background:#32b879;border-radius:50%;margin-right:6px}.avatar{height:35px;width:35px;border-radius:12px;background:#d8efe2;color:#24704e;display:grid;place-items:center;font-weight:800}.page{display:none;animation:appear .2s ease}.page.active{display:block}@keyframes appear{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:none}}.welcome-card{background:linear-gradient(112deg,#143f2f,#1d6746 72%,#2d8a5e);color:#fff;border-radius:18px;min-height:225px;padding:28px 34px;display:flex;justify-content:space-between;position:relative;overflow:hidden;margin-bottom:26px}.welcome-card .eyebrow{color:#9dd6b7}.welcome-card h2{font-size:29px;line-height:1.15;letter-spacing:-1px;margin:10px 0}.welcome-card h2 em{font-style:normal;color:#9ce4bc}.welcome-card p{color:#c3ddce;margin:0 0 18px;font-size:12px}.btn{border:0;border-radius:9px;padding:11px 15px;font-size:12px;font-weight:750;transition:.18s;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn:hover{transform:translateY(-1px);filter:brightness(.98)}.btn-light{background:#fff;color:#1b6a47}.btn-primary{background:var(--green);color:#fff}.btn-outline{border:1px solid #dce6df;background:#fff;color:#315c49}.btn-warning{background:#fff3db;color:#9b671a}.btn-danger{background:#fff0ef;color:#b63d3d}.btn-sm{padding:8px 11px}.full{width:100%}.welcome-art{position:relative;width:285px;min-width:240px;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #65b18b;border-radius:50%;opacity:.4}.orbit1{width:190px;height:190px}.orbit2{width:240px;height:240px}.plant{width:105px;height:105px;border-radius:34px;background:#2b895d;display:grid;place-items:center;font-size:60px;box-shadow:0 0 55px #3aa36c;z-index:1}.art-chip{position:absolute;background:#fff;color:#285741;padding:8px 12px;border-radius:10px;font-size:11px;font-weight:700;box-shadow:0 8px 24px #0c332544;z-index:2}.chip1{top:23px;right:4px}.chip2{bottom:23px;left:0}.section-heading,.page-intro{display:flex;justify-content:space-between;align-items:center;margin:0 0 15px}.section-heading h3,.panel h3{margin:0;font-size:15px;letter-spacing:-.2px}.section-heading p,.panel-head p,.page-intro p{margin:3px 0 0;color:var(--muted);font-size:11px}.updated{font-size:10px;color:#95a29b}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.metric-card,.panel{background:var(--panel);border:1px solid #e9efeb;border-radius:14px;box-shadow:var(--shadow)}.metric-card{padding:17px 18px 14px;min-width:0}.metric-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.metric-icon{width:34px;height:34px;border-radius:11px;background:#fff0e1;display:grid;place-items:center;font-size:17px}.metric-icon.motor{background:#e5f4eb;color:#208158}.metric-icon.pump{background:#e5f3ff}.metric-icon.heater{background:#fff0e7}.metric-icon.session-icon{background:#eee9ff}.metric-tag{font-size:8px;letter-spacing:1px;font-weight:800;color:#8a9a91;background:#f4f7f5;padding:5px 7px;border-radius:5px}.metric-label{font-size:11px;color:#718279;font-weight:600}.metric-value{font-size:31px;font-weight:800;letter-spacing:-1.3px;margin:0 0 12px;display:flex;align-items:baseline;gap:4px}.metric-value small{font-size:12px;letter-spacing:0;color:#84938b;font-weight:600}.metric-foot{border-top:1px solid #edf1ee;padding-top:11px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;color:#84938b}.mini-bar{width:48px;height:4px;border-radius:4px;background:#edf1ee;overflow:hidden;flex-shrink:0}.mini-bar i{display:block;height:100%;width:0;background:#e6a04d;border-radius:4px;transition:width .3s}.moisture-card .mini-bar i{background:#4a9dd9}.status-badge{font-size:9px;font-weight:800;border-radius:6px;padding:5px 7px;background:#f2f5f3;color:#8a9990}.status-badge.on{background:#e6f7ed;color:#238253}.status-value{font-size:22px;letter-spacing:-.5px}.mini-control{background:none;border:0;color:#20845a;font-size:10px;font-weight:800;padding:0;white-space:nowrap}.session-time{font-size:24px;letter-spacing:-.5px}.lower-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:14px;margin-top:17px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:20px}.panel-head select{border:1px solid #e0e9e3;border-radius:7px;padding:7px;font-size:10px;color:#60756a;background:#fff}.chart-wrap{height:200px;position:relative}.chart-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#9aa8a0;font-size:11px;pointer-events:none}.chart-legend{display:flex;gap:20px;font-size:10px;color:#7c8b82;margin-top:12px}.chart-legend i{display:inline-block;width:8px;height:8px;border-radius:3px;margin-right:5px}.legend-temp{background:#e9a34a}.legend-moisture{background:#3d9bca}.running-pill{padding:5px 8px}.session-empty{display:flex;align-items:center;flex-direction:column;padding:16px 0 5px;text-align:center}.session-empty>div{width:48px;height:48px;border-radius:16px;background:#f0f5f1;display:grid;place-items:center;font-size:25px;color:#3b8e67;margin-bottom:10px}.session-empty b{font-size:12px}.session-empty span{font-size:10px;color:#89978f;margin:5px 0 14px}.session-summary{font-size:11px}.session-code{font-weight:800;color:#287650;background:#edf8f1;padding:10px;border-radius:8px;margin-bottom:12px}.summary-row{display:flex;justify-content:space-between;gap:8px;padding:9px 0;border-bottom:1px solid #eef2ef;color:#809087}.summary-row b{color:#2b4337;text-align:right}.session-summary .btn{margin-top:14px}.footnote{font-size:10px;color:#89978f;margin:17px 0}.page-intro{margin:3px 0 24px}.page-intro h2{font-size:25px;letter-spacing:-.8px;margin:2px 0}.page-intro .eyebrow{color:#24815a}.session-status-large{border:1px solid #e2eae5;background:#fff;border-radius:10px;padding:10px 13px;font-size:11px;color:#708077}.session-status-large i{display:inline-block;width:7px;height:7px;background:#b3bdb7;border-radius:50%;margin-right:7px}.session-status-large.active i{background:#28ae70}.content-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;margin-bottom:17px}.form-panel form label,.setting-block label{display:block;font-size:11px;font-weight:700;color:#53675b;margin-bottom:15px}.form-panel input,.form-panel select,.form-panel textarea,.setting-block input:not([type=range]){width:100%;display:block;margin-top:7px;border:1px solid #dfe8e2;border-radius:8px;background:#fbfcfb;padding:11px 12px;outline:none;color:#243a2e;font-size:12px}.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus,.setting-block input:focus{border-color:#69b78c;box-shadow:0 0 0 3px #e7f5ec}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-note{display:flex;gap:8px;background:#f0f8f3;border-radius:8px;padding:10px 11px;color:#648071;font-size:10px;margin:4px 0 15px}.form-note span{font-weight:900;color:#2a8a5c}.panel-number{font-size:10px;font-weight:800;color:#b0beb5;background:#f3f6f4;padding:6px 8px;border-radius:6px}.session-active-controls{padding:8px 0}.active-session-banner{display:flex;align-items:center;gap:10px;background:#eff9f3;padding:13px;border-radius:10px}.active-session-banner b,.active-session-banner small{display:block}.active-session-banner b{font-size:12px;color:#27764f}.active-session-banner small{font-size:10px;color:#789184;margin-top:3px}.pulse{width:9px;height:9px;border-radius:50%;background:#28b878;box-shadow:0 0 0 5px #d5f1e1}.big-timer{text-align:center;font-size:40px;letter-spacing:-1.5px;font-weight:800;margin-top:28px}.timer-caption{text-align:center;font-size:9px;letter-spacing:1.5px;color:#92a198;margin:0 0 24px}.button-row{display:flex;gap:10px}.button-row .btn{flex:1}.form-help{font-size:10px;color:#8a9990;line-height:1.6;margin:14px 0 0}.config-list{display:flex;flex-direction:column}.config-item{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid #edf1ee}.config-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-size:17px;flex-shrink:0}.config-icon.warm,.actuator-icon.warm{background:#fff0e7}.config-icon.wet,.actuator-icon.wet{background:#e7f4ff}.config-icon.turn,.actuator-icon.turn{background:#e6f6ed}.config-icon.clock{background:#f0ebff}.config-item div:nth-child(2){flex:1}.config-item span,.config-item b{display:block}.config-item span{font-size:10px;color:#819087}.config-item b{font-size:12px;margin-top:2px}.config-item button{border:0;background:none;color:#24845a;font-size:10px;font-weight:800}.safety-note{background:#fff7e9;border:1px solid #f6e9ce;padding:13px;border-radius:10px;margin-top:18px}.safety-note b{font-size:11px;color:#916b2b}.safety-note p{font-size:10px;line-height:1.6;color:#927d56;margin:5px 0 0}.history-panel{margin-bottom:18px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;font-size:9px;letter-spacing:.7px;color:#92a097;background:#f8faf8;padding:12px;font-weight:800}td{padding:13px 12px;border-bottom:1px solid #edf1ee;font-size:10px;color:#63746a}td:first-child{font-weight:800;color:#2b7651}.table-empty{text-align:center!important;color:#98a59e!important;padding:25px}.status-pill{display:inline-block;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:800;background:#f2f5f3;color:#78877e}.status-pill.RUNNING{background:#e6f7ed;color:#248151}.status-pill.PAUSED{background:#fff4df;color:#9a6b1c}.status-pill.COMPLETED{background:#eaf1ff;color:#496fbb}.status-pill.ABORTED{background:#fff0ef;color:#ba5151}.mode-switch{display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #e2eae5;border-radius:10px;background:#fff}.mode-switch>span{font-size:10px;color:#8b9991;margin:0 8px}.mode-btn{border:0;background:transparent;border-radius:7px;padding:8px 12px;color:#809087;font-size:10px;font-weight:800}.mode-btn.selected{background:#e5f6ec;color:#228254}.control-grid{grid-template-columns:1fr 1fr}.setting-block{padding:0 0 18px;margin-bottom:17px;border-bottom:1px solid #edf1ee}.setting-heading{display:flex;align-items:center;gap:10px;margin-bottom:13px}.setting-heading b,.setting-heading small{display:block}.setting-heading b{font-size:12px}.setting-heading small{font-size:10px;color:#8b9991;margin-top:2px}.input-with-unit{display:flex;align-items:center;gap:10px}.input-with-unit input{font-size:21px!important;font-weight:800!important;letter-spacing:-.5px;padding:9px 12px!important}.input-with-unit span{font-size:12px;color:#87958d;font-weight:700;min-width:25px}.range{width:100%;accent-color:#21865b;margin:15px 0 0}.range-labels{display:flex;justify-content:space-between;font-size:9px;color:#9aa69f}.compact-label{position:relative!important}.compact-label input{padding:10px 12px!important}.inline-unit{position:absolute;right:12px;bottom:11px;color:#8a9990;font-size:10px}.moisture-range{accent-color:#3b99ce}.warning-note{background:#fff6e7;color:#967343}.warning-note span{color:#c4862e}.actuator-panel{grid-column:1/-1}.manual-warning{background:#fff6e7;color:#997443;border-radius:8px;padding:11px;font-size:10px;margin-bottom:10px}.actuator-row{display:flex;align-items:center;gap:12px;padding:14px 2px;border-bottom:1px solid #edf1ee}.actuator-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:18px}.actuator-copy{flex:1}.actuator-copy b,.actuator-copy small{display:block}.actuator-copy b{font-size:12px}.actuator-copy small{font-size:10px;color:#87958d;margin-top:3px}.toggle{width:42px;height:24px;border:0;border-radius:20px;background:#dbe3de;position:relative;transition:.2s}.toggle:before{content:"";position:absolute;width:18px;height:18px;background:white;border-radius:50%;left:3px;top:3px;box-shadow:0 1px 3px #0002;transition:.2s}.toggle.on{background:#259a66}.toggle.on:before{left:21px}.toggle:disabled{opacity:.4;cursor:not-allowed}.history-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.stat-box{background:#fff;border:1px solid #e8efea;border-radius:12px;padding:17px 20px}.stat-box span,.stat-box b{display:block}.stat-box span{font-size:10px;color:#839188}.stat-box b{font-size:27px;letter-spacing:-1px;margin-top:5px}.hidden{display:none!important}footer{padding:18px 0 5px;color:#91a097;font-size:10px;border-top:1px solid #e7ede9;margin-top:18px}footer span{color:#b6c1ba;padding:0 5px}.footer-right{float:right}.toast{position:fixed;right:25px;bottom:25px;background:#173f2f;color:#fff;padding:13px 18px;border-radius:10px;box-shadow:0 12px 35px #173f2f33;font-size:12px;z-index:99;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s;max-width:360px}.toast.show{opacity:1;transform:none}.toast.error{background:#8f3535}
@media(max-width:1100px){.sidebar{width:210px}.main{padding:0 20px 20px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.welcome-art{width:220px}.content-grid,.control-grid{grid-template-columns:1fr}.actuator-panel{grid-column:auto}}
@media(max-width:720px){.app-shell{display:block}.sidebar{width:auto;padding:12px;display:block}.brand{padding:0 8px 12px}.brand-mark{width:33px;height:33px}.nav-label,.sidebar-bottom{display:none}.sidebar .nav-item{display:inline-flex;padding:8px 10px;font-size:11px;margin:2px}.nav-item span{font-size:14px;width:auto}.main{padding:0 13px 15px}.topbar{height:76px;margin-bottom:15px}.topbar h1{font-size:21px}.live-pill{display:none}.welcome-card{padding:23px 20px;min-height:230px}.welcome-card h2{font-size:24px}.welcome-art{min-width:100px;width:120px;opacity:.75}.orbit1{width:110px;height:110px}.orbit2{width:140px;height:140px}.plant{width:65px;height:65px;font-size:40px;border-radius:22px}.art-chip{font-size:8px;padding:6px}.chip1{right:-10px}.chip2{left:-10px}.metric-grid{gap:9px}.metric-card{padding:13px}.metric-value{font-size:26px}.status-value{font-size:20px}.lower-grid{grid-template-columns:1fr}.page-intro{align-items:flex-start;gap:12px;flex-direction:column}.page-intro h2{font-size:23px}.form-row{grid-template-columns:1fr}.history-stats{gap:8px}.stat-box{padding:12px}.stat-box b{font-size:22px}.stat-box span{font-size:9px}.panel{padding:15px}.footer-right{float:none;display:block;margin-top:5px}.button-row{flex-direction:column}.session-time{font-size:20px}.metric-foot{font-size:9px}.mode-switch{width:100%;justify-content:space-between}.mode-switch>span{margin-left:3px}.chart-wrap{height:180px}}

/* DARK GREEN INDUSTRIAL THEME — refreshed to remove the bright white UI */
:root{--bg:#07130f;--panel:#101f19;--ink:#e7f3ec;--muted:#91a99b;--line:#263d31;--green:#22a66b;--green2:#38d995;--dark:#071a12;--mint:#173b2b;--orange:#f3ad4e;--red:#f16d6d;--shadow:0 12px 34px rgba(0,0,0,.22)}
body{background:radial-gradient(ellipse at 80% 0%,#102d20 0%,#07130f 42%,#07130f 100%);color:var(--ink)}
.sidebar{background:#050e0a;border-right:1px solid #1e3529;color:#cce2d4}
.brand-mark{background:linear-gradient(135deg,#1f9f65,#43d991);box-shadow:0 8px 22px #1f9f6533}
.nav-item{color:#9cb8a7}.nav-item:hover,.nav-item.active{background:#173b2b;color:#eafff2}.nav-item.active{box-shadow:inset 3px 0 #42e49a}
.sidebar-bottom{border-color:#203a2b}.sidebar-bottom b{color:#e0f2e7}.sidebar-bottom small{color:#819e8d}
.topbar{border-color:#20372a}.topbar .eyebrow,.eyebrow{color:#80b69a}.topbar h1,.page-intro h2{color:#effaf3}.live-pill,.running-pill{border-color:#275c40;color:#69e6a2;background:#102d1e}.avatar{background:#1d4b35;color:#9df2bf}
.welcome-card{background:radial-gradient(circle at 85% 30%,#2b8b5a 0%,transparent 34%),linear-gradient(112deg,#102d20,#164b32 65%,#17633e);border:1px solid #286644;box-shadow:0 16px 42px #0003}.welcome-card .eyebrow{color:#9ce7ba}.welcome-card p{color:#c1dfcd}.welcome-card h2 em{color:#a5f3c1}.btn-light{background:#c9f8db;color:#0b3a22}.btn-primary{background:linear-gradient(135deg,#168653,#25b879);color:#fff;box-shadow:0 5px 16px #16865330}.btn-outline{border:1px solid #365a46;background:#15291f;color:#c9e7d5}.btn-warning{background:#4a351b;color:#ffd38b}.btn-danger{background:#482222;color:#ffb2b2}
.metric-card,.panel,.stat-box{background:linear-gradient(145deg,#12231b,#0e1b15);border:1px solid #263e31;box-shadow:var(--shadow);color:#e4f2e9}.metric-card{position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#258d5b;opacity:.8}.metric-card:nth-child(2):after{background:#359bd1}.metric-card:nth-child(3):after{background:#e6a04d}.metric-card:nth-child(4):after{background:#3ecb87}.metric-card:nth-child(5):after{background:#e97557}.metric-card:nth-child(6):after{background:#9e83ed}
.metric-icon{background:#382b1d;color:#ffc779}.metric-icon.motor{background:#173d2a;color:#6de5a4}.metric-icon.pump{background:#163449;color:#79caff}.metric-icon.heater{background:#40251c;color:#ffac80}.metric-icon.session-icon{background:#2c2345;color:#c5b0ff}.metric-tag{color:#9bb5a4;background:#1b3024}.metric-label{color:#a7c0b1}.metric-value{color:#f1fff6}.metric-value small,.metric-foot,.updated{color:#8ea99a}.metric-foot{border-color:#263c30}.mini-bar{background:#263d31}.status-badge{background:#203027;color:#a5b9ac}.status-badge.on{background:#143d28;color:#6fe3a0}.mini-control{color:#5ee19a}.chart-legend{color:#a0b6a8}.panel-head p,.section-heading p,.page-intro p{color:#91a99b}.panel-head select{border-color:#2a4435;color:#c7dfd0;background:#13241a}.chart-empty{color:#829b8c}.session-empty>div{background:#1a3325;color:#68d99a}.session-empty b{color:#e2f4e9}.session-empty span{color:#8ea99a}.session-code{color:#8ceab1;background:#173a28}.summary-row{border-color:#263d30;color:#93ac9c}.summary-row b{color:#e1f3e8}.footnote{color:#829b8c}
.page-intro .eyebrow{color:#5ee19a}.session-status-large{border-color:#2b4536;background:#14251b;color:#a8c1b1}.session-status-large i{background:#536a5b}.session-status-large.active i{background:#3bd88a}.form-panel form label,.setting-block label{color:#b9d1c2}.form-panel input,.form-panel select,.form-panel textarea,.setting-block input:not([type=range]){border-color:#2b4535;background:#0b1711;color:#e5f4ea}.form-panel input::placeholder,.form-panel textarea::placeholder{color:#6f8b7a}.form-panel input:focus,.form-panel select:focus,.form-panel textarea:focus,.setting-block input:focus{border-color:#37bd7a;box-shadow:0 0 0 3px #1d5b3b66}.form-note{background:#173324;color:#a4c6b1}.form-note span{color:#69e5a1}.panel-number{color:#9db6a7;background:#203329}.active-session-banner{background:#173625}.active-session-banner b{color:#78e5a5}.active-session-banner small{color:#9db9a8}.pulse{background:#37d58a;box-shadow:0 0 0 5px #1e5136}.timer-caption{color:#8ba595}.form-help{color:#8ca595}.config-item{border-color:#273e31}.config-item span{color:#8ea99a}.config-item b{color:#e1f3e8}.config-item button{color:#63dfa0}.safety-note,.warning-note,.manual-warning{background:#352a17;border-color:#594321;color:#eac77f}.safety-note b{color:#ffd78b}.safety-note p{color:#c9ad75}.warning-note span{color:#f2b74e}
th{color:#9ab4a4;background:#17291e}td{border-color:#263c30;color:#afc5b7}td:first-child{color:#79e3a4}.table-empty{color:#8ca596!important}.status-pill{background:#23342a;color:#a6baad}.status-pill.RUNNING{background:#16442b;color:#70e4a0}.status-pill.PAUSED{background:#44351c;color:#ffd184}.status-pill.COMPLETED{background:#202f4a;color:#a9c6ff}.status-pill.ABORTED{background:#482323;color:#ffaaaa}
.mode-switch{border-color:#2a4435;background:#13241a}.mode-switch>span{color:#93ad9d}.mode-btn{color:#8da797}.mode-btn.selected{background:#1c4a30;color:#79e8a7}.setting-block{border-color:#263d30}.setting-heading small{color:#8da898}.input-with-unit span,.inline-unit{color:#91a99a}.range{accent-color:#35d38a}.moisture-range{accent-color:#45b7ed}.actuator-row{border-color:#263d30}.actuator-copy b{color:#e2f4e9}.actuator-copy small{color:#8ea99a}.actuator-icon.warm{background:#40251c;color:#ffac80}.actuator-icon.wet{background:#163449;color:#79caff}.actuator-icon.turn{background:#173d2a;color:#6de5a4}.toggle{background:#35493c}.toggle.on{background:#2dbb78}.history-stats .stat-box{background:linear-gradient(145deg,#12231b,#0e1b15)}.stat-box span{color:#91aa9b}.stat-box b{color:#e8f7ed}
footer{border-color:#20372a;color:#829b8c}footer span{color:#456452}.toast{background:#164a30;box-shadow:0 12px 35px #0005}.toast.error{background:#7b2d2d}
@media(max-width:720px){.sidebar{background:#050e0a;border-bottom:1px solid #20372a}.topbar{border-color:#20372a}.welcome-card{border-radius:15px}.metric-card,.panel,.stat-box{box-shadow:0 8px 24px #0003}}

.legend-current{background:#56c58a}.current-card .mini-bar i{background:#56c58a}

/* CLEAN COMPACT UI: fewer descriptions, tighter cards, numeric inputs only */
.welcome-card{min-height:175px;padding:24px 28px;margin-bottom:20px}
.welcome-card h2{font-size:27px;margin:8px 0 14px}
.welcome-art{opacity:.72}
.metric-card{padding:14px 16px 12px}
.metric-top{margin-bottom:10px}
.metric-value{margin-bottom:8px}
.metric-foot{padding-top:8px}
.section-heading,.page-intro{margin-bottom:12px}
.lower-grid{margin-top:14px}
.panel{padding:17px}
.panel-head{margin-bottom:14px}
.setting-block{padding-bottom:12px;margin-bottom:12px}
.setting-heading{margin-bottom:9px}
.setting-heading small{display:none}
.setting-block label{margin-bottom:10px}
.compact-label input{margin-top:5px!important}
.input-with-unit input{font-size:18px!important}
.form-panel form label{margin-bottom:12px}
.history-stats{gap:10px}
.chart-wrap{height:175px}
@media(max-width:720px){.welcome-card{min-height:155px;padding:20px 16px}.welcome-art{display:none}.welcome-card h2{font-size:23px}.panel{padding:14px}.metric-top{margin-bottom:8px}.metric-value{margin-bottom:6px}}

/* KOMPOSTER SUZUKI: account, filters, and confirmation dialog */
.user-chip{display:flex;align-items:center;gap:9px}.user-meta b,.user-meta small{display:block}.user-meta b{font-size:11px;color:var(--ink)}.user-meta small{font-size:9px;color:var(--muted);margin-top:1px}.logout-trigger{border:1px solid #315440;background:#173426;color:#dff5e7;border-radius:9px;padding:9px 12px;font-size:11px;font-weight:750}.logout-trigger:hover{background:#214c36;border-color:#4e966e}.history-filter-panel{padding:15px 17px;margin-bottom:16px}.history-filters{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(125px,1fr)) auto;gap:11px;align-items:end}.history-filters label{display:block;font-size:10px;font-weight:750;color:#a5bcae}.history-filters input,.history-filters select{width:100%;margin-top:6px;border:1px solid #2b4636;border-radius:8px;background:#102219;color:#e0f1e6;padding:10px 11px;outline:none;font-size:11px;min-height:38px}.history-filters input:focus,.history-filters select:focus{border-color:#4dc98a;box-shadow:0 0 0 3px #2b89512a}.history-filters .btn{min-height:38px;white-space:nowrap}.modal-backdrop{position:fixed;inset:0;background:rgba(3,14,9,.72);backdrop-filter:blur(7px);z-index:200;display:grid;place-items:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.modal-backdrop.show{opacity:1;visibility:visible}.logout-modal{width:min(420px,100%);background:linear-gradient(145deg,#172b20,#0d1b13);border:1px solid #355542;border-radius:20px;padding:28px;box-shadow:0 24px 90px #0008;transform:translateY(10px) scale(.98);transition:transform .2s}.modal-backdrop.show .logout-modal{transform:translateY(0) scale(1)}.logout-symbol{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#3b211d;color:#ff9c83;font-size:24px;font-weight:800;margin-bottom:18px}.logout-modal h2{font-size:20px;letter-spacing:-.4px;margin:0 0 8px;color:#eef8f1}.logout-modal p{font-size:12px;line-height:1.65;color:#9db7a5;margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.modal-actions form{margin:0}.modal-actions .btn{min-width:105px}.btn-danger-strong{background:#d65b4f;color:#fff}.btn-danger-strong:hover{background:#e16b5f}.auth-body{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 15% 10%,#1b4b33 0,transparent 36%),radial-gradient(ellipse at 90% 90%,#143c2b 0,transparent 34%),#08140d}.auth-card{width:min(440px,100%);background:linear-gradient(145deg,#14291d,#0d1b13);border:1px solid #2a4935;border-radius:22px;padding:32px;box-shadow:0 28px 90px #0006}.auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:38px}.auth-brand .brand-mark{flex-shrink:0}.auth-brand strong,.auth-brand small{display:block}.auth-brand strong{font-size:13px;letter-spacing:1.1px;color:#eff9f2}.auth-brand small{font-size:9px;letter-spacing:1.5px;color:#89aa95;margin-top:3px}.auth-kicker{font-size:9px;font-weight:850;letter-spacing:2px;color:#58d391}.auth-card h1{font-size:25px;letter-spacing:-.7px;color:#eff9f2;margin:8px 0}.auth-subtitle{font-size:12px;color:#91ab9a;margin:0 0 23px}.auth-card label{display:block;color:#c3d9ca;font-size:11px;font-weight:750;margin:15px 0}.auth-card label small{color:#8eaa98;font-weight:500}.auth-card input{display:block;width:100%;margin-top:7px;border:1px solid #2c4936;border-radius:9px;background:#0a1810;color:#edf8f0;padding:12px 13px;outline:none;font-size:12px}.auth-card input:focus{border-color:#4bc989;box-shadow:0 0 0 3px #2b89512a}.auth-card .btn{margin-top:8px;min-height:42px}.auth-error{border:1px solid #6e3d37;background:#3b211d;color:#ffb8aa;border-radius:9px;padding:11px 12px;font-size:11px;margin:15px 0}.auth-foot{border-top:1px solid #263e2e;margin-top:25px;padding-top:15px;color:#6f907b;font-size:9px;text-align:center}
@media(max-width:900px){.history-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-search{grid-column:1/-1}.user-meta{display:none}}
@media(max-width:520px){.top-actions{gap:8px}.user-chip{display:none}.logout-trigger{padding:8px 9px}.history-filters{grid-template-columns:1fr}.filter-search{grid-column:auto}.auth-card{padding:25px 21px}.logout-modal{padding:23px}.modal-actions .btn{min-width:0}}

/* Device connection indicator moved to the top bar */
.device-connection{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid #275c40;background:#102d1e;border-radius:11px;min-width:175px}
.device-connection .connection-dot{flex:0 0 8px;box-shadow:0 0 0 4px #234a35}
.device-connection-copy b,.device-connection-copy small{display:block}
.device-connection-copy b{font-size:10px;color:#ccebd9;line-height:1.3}
.device-connection-copy small{font-size:9px;color:#80a994;margin-top:3px}
@media(max-width:720px){.device-connection{min-width:0;padding:7px 8px;gap:8px}.device-connection-copy b{font-size:9px}.device-connection-copy small{font-size:8px}.top-actions{gap:8px}.user-meta{display:none}}