@font-face{font-family:Interface;src:local('Segoe UI')}*{box-sizing:border-box}body{margin:0;background:#f5f7f6;color:#25352e;font-family:Interface,Arial,sans-serif;font-size:14px;line-height:1.5}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #78b99b;outline-offset:3px}[hidden]{display:none!important}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.symbols{position:absolute;width:0;height:0;overflow:hidden}.sidebar{width:235px;background:#fff;border-right:1px solid #e5eae7;position:fixed;inset:0 auto 0 0;padding:32px 20px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;color:#204b38;text-decoration:none;font-size:19px;font-weight:800;letter-spacing:1px}.brand small{display:block;font-size:8px;letter-spacing:1.2px;color:#738077;font-weight:600;margin-top:2px}.brand-icon{width:39px;height:43px;background:#1f654a;border-radius:12px;color:white;display:grid;place-items:center}.brand-icon svg{width:26px;height:26px}.nav-label{font-size:10px;font-weight:600;letter-spacing:1.5px;color:#9aa49e;margin:49px 12px 14px}.nav{border:0;background:transparent;width:100%;padding:13px 12px;text-align:left;display:flex;align-items:center;gap:13px;color:#78847b;border-radius:8px;margin:5px 0;font-size:13px}.nav.active{color:#246247;background:#edf5ef;font-weight:650}.nav:hover{background:#f1f5f2}.sidebar-bottom{margin-top:auto;padding:24px 12px 0}.prototype{color:#5e816e;background:#f0f5f1;font-size:9px;letter-spacing:1.5px;padding:6px 9px;border-radius:4px}.sidebar-bottom p{font-size:20px;line-height:1.5;color:#52685a}.local-dot{font-size:10px;color:#88958c}.local-dot:before{content:'';display:inline-block;width:5px;height:5px;background:#71a185;border-radius:50%;margin-right:7px}.workspace{margin-left:235px}.topbar{height:80px;border-bottom:1px solid #e3e9e5;background:#ffffffbd;display:flex;align-items:center;justify-content:space-between;padding:0 36px;font-size:12px;color:#89958c}.topbar strong{font-weight:500;color:#43554a}.slash{margin:0 12px;color:#bdc7c0}.top-actions{display:flex;gap:18px;align-items:center}.badge{font-size:11px;background:#ebefec;border:1px solid #e0e7e2;color:#728277;border-radius:30px;padding:5px 11px;white-space:nowrap}.badge.live{background:#e9f5ed;color:#286b45;border-color:#d6eadc}.badge.demo{background:#fff3df;color:#906323;border-color:#efdfc2}.tiny{font-size:9px;background:#f2f4f2;padding:2px 5px;color:#8c968e}.button{border:1px solid #dce4de;background:#fff;color:#435c4d;border-radius:7px;padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:550;font-size:12px;line-height:1.5;text-decoration:none;transition:background .15s}.button:hover{background:#f0f5f1}.button.small{padding:7px 11px;font-size:11px}.button.primary{background:#28664b;color:white;border-color:#28664b}.button.primary:hover{background:#1b513a}.button svg{width:16px;height:16px}main{padding:32px 36px 0;max-width:1550px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;gap:20px}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:650;color:#80968a}h1{font-size:29px;letter-spacing:-.8px;font-weight:650;margin:6px 0 5px;line-height:1.2}h2{font-size:14px;margin:0;font-weight:650;letter-spacing:-.15px}p{color:#839086;font-size:12px;margin:7px 0;line-height:1.7}.page-heading p{font-size:13px;margin:0;color:#8b988e}.card{background:#fff;border:1px solid #e1e8e2;border-radius:12px;overflow:hidden;box-shadow:0 3px 9px #24462e02}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:600}.card-heading svg{color:#8b9e91}.card-heading p{font-weight:400;margin:3px 0 0}.subtle{font-size:11px;font-weight:400;color:#8e9d92}.overview-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:20px}.fullness-card{padding:23px 26px 0}.mini-dot{display:inline-block;width:7px;height:7px;background:#8ab69b;border-radius:50%;margin-right:7px}.fullness-content{display:flex;align-items:center;justify-content:space-between;min-height:265px;gap:15px}.fullness-copy{flex:1;max-width:265px;padding-top:20px}.big-value{font-size:77px;font-weight:600;letter-spacing:-4px;line-height:1.2;color:var(--status-color,#367558)}.percent{font-size:29px;margin-left:7px;font-weight:400;letter-spacing:0;color:#a0b3a4}.fill-status{display:inline-block;border-radius:30px;padding:4px 10px;font-size:10px;background:var(--status-bg,#edf4ef);color:var(--status-color,#567263);font-weight:600;margin-top:7px}.fullness-copy p{max-width:220px;min-height:36px;font-size:11px;margin-top:12px}.scale{display:flex;justify-content:space-between;flex-wrap:wrap;font-size:8px;color:#a4aea7;gap:5px;margin-top:18px;max-width:220px}.scale-track{flex-basis:100%;height:5px;border-radius:8px;background:#edf1ee;overflow:hidden}.scale-track i{display:block;background:var(--status-color,#5c9c77);height:100%;width:0;transition:width .5s}.bin-scene{position:relative;min-width:190px;width:210px;height:260px;--bin-color:#86b195;--fill:0%}.sensor-cap{position:absolute;left:87px;top:10px;width:40px;height:16px;background:#d1dbd1;border:1px solid #b6c6b9;border-radius:4px;display:flex;justify-content:space-evenly;align-items:center;z-index:5}.sensor-cap span{width:9px;height:9px;border-radius:50%;border:2px solid #9aaea0;background:#f4f8f4}.sensor-ray{position:absolute;left:105px;top:29px;height:100px;border-left:1px dashed #7dac8b;z-index:3}.bin-lid{position:absolute;top:42px;left:25px;width:159px;height:13px;transform:skewX(-8deg);border-radius:4px;background:#bfd2c1;border:1px solid #aac2ad;z-index:3;box-shadow:inset 0 4px 0 #dce7dc}.bin-body{position:absolute;top:55px;left:34px;width:140px;height:172px;border:2px solid #aac1ae;border-top:0;border-radius:1px 1px 15px 15px;background:linear-gradient(100deg,#f6faf5,#e7f0e6);overflow:hidden;transform:perspective(450px) rotateY(-12deg);box-shadow:inset -14px 0 0 #dbe7d940}.bin-fill{position:absolute;bottom:0;left:0;right:0;height:var(--fill);background:linear-gradient(110deg,color-mix(in srgb,var(--bin-color) 70%,white),var(--bin-color));transition:height .7s ease,background .5s;opacity:.9}.fill-surface{height:10px;background:#ffffff38;border-radius:50%;margin-top:-5px}.bin-lines{position:absolute;inset:15px 20px 14px;display:flex;justify-content:space-between}.bin-lines i{width:5px;border-left:1px solid #6b8e7728;border-right:1px solid #ffffff75;border-radius:10px}.bin-mark{position:absolute;left:0;right:0;top:66px;text-align:center;color:#42634b;font-size:11px;font-weight:650}.bin-base{position:absolute;top:224px;left:47px;width:116px;height:7px;border-radius:0 0 10px 10px;background:#afc6b0}.bin-shadow{position:absolute;top:230px;left:20px;width:175px;height:11px;background:#bed0be50;border-radius:50%;filter:blur(4px)}.bin-caption{position:absolute;top:246px;left:0;right:0;text-align:center;font-size:8px;color:#9baa9e}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid #edf1ec;margin-top:18px;padding:17px 0;gap:12px}.hero-bottom span{display:block;font-size:9px;color:#8d9c91}.hero-bottom strong{font-size:13px;display:block;margin-top:4px;font-weight:600}.side-cards{display:flex;flex-direction:column;gap:16px}.side-cards .card{padding:20px 22px}.led-current{display:flex;align-items:center;gap:13px;margin:17px 0}.led-current strong{font-size:15px;font-weight:600}.led-current p{font-size:10px;margin:2px 0 0}.led-orb{width:36px;height:36px;border-radius:50%;flex-shrink:0;background:#dbe4dd;box-shadow:0 0 0 7px #f5f7f5,inset 0 2px 5px #ffffffb0}.led-orb.green{background:#69af82;box-shadow:0 0 0 7px #edf6ef,0 0 15px #6eaa7150,inset 0 2px 5px #ffffffb0}.led-orb.yellow{background:#e6b84a;box-shadow:0 0 0 7px #fcf6e5}.led-orb.red{background:#ce7265;box-shadow:0 0 0 7px #fcf0eb}.threshold-legend{display:flex;gap:15px;font-size:9px;color:#8d998f}.color-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:6px}.green{background:#76ac8a}.yellow{background:#ddb84e}.red{background:#cd786b}.blue{background:#77a2ce}.neutral{background:#88938c}.micro{font-size:10px;line-height:1.6;color:#96a297}.text-button{border:0;background:none;color:#487357;font-size:11px;padding:0;font-weight:550;text-align:left}.text-button:hover{color:#1b5130}.side-cards .text-button{width:100%;display:flex;justify-content:space-between;padding-top:13px;border-top:1px solid #edf1ee;margin-top:9px}.cal-state{display:inline-block;font-size:10px;background:#f2f5f1;color:#6f8374;padding:4px 8px;border-radius:4px;margin-top:14px}.calibration-card p{font-size:11px;margin:8px 0 0}.chart-card{padding:22px 26px;margin-top:20px}.periods{display:flex;gap:4px;background:#f5f7f4;padding:3px;border-radius:6px}.periods button{background:none;border:0;color:#8a998e;font-size:10px;padding:5px 9px;border-radius:4px}.periods button.selected{background:white;box-shadow:0 1px 4px #304c3412;color:#416c50}.chart-host{height:185px;position:relative;margin-top:10px}.chart-host svg{width:100%;height:100%;stroke:none;fill:none;overflow:visible}.chart-empty{height:100%;display:grid;place-content:center;text-align:center;color:#9ca99e;font-size:12px;background:repeating-linear-gradient(0deg,transparent,transparent 43px,#f1f4f0 44px)}.chart-empty small{display:block;margin-top:6px;color:#a7b1a9}.chart-footer{border-top:1px solid #f0f3ee;display:flex;justify-content:space-between;padding-top:12px;margin-top:5px;color:#97a499;font-size:10px}.prototype-note{display:flex;align-items:center;gap:9px;font-size:10px;color:#99a49a;margin-top:19px}.prototype-note>span{border:1px solid #b6c1b6;width:14px;height:14px;border-radius:50%;text-align:center;line-height:12px;font-size:9px;flex-shrink:0}footer{border-top:1px solid #e5ebe4;margin-top:26px;padding:19px 0;display:flex;justify-content:space-between;font-size:9px;color:#99a69c}footer span{color:#a7b2a9}.source-banner{background:#fff5e4;border:1px solid #f0dfbc;color:#8c6b2f;border-radius:8px;padding:10px 15px;font-size:10px;font-weight:700;margin-bottom:20px}.source-banner span{font-weight:400;margin-left:12px}.error-banner{background:#faeeee;color:#a94545;border:1px solid #efd5d5;padding:12px 16px;border-radius:8px;margin-bottom:16px}.settings-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:22px}.form-card,.guide-card{padding:28px}.step{display:flex;gap:15px;align-items:flex-start}.step-number{background:#edf4ed;color:#689375;border-radius:50%;font-size:11px;font-weight:650;width:29px;height:29px;display:grid;place-items:center;flex-shrink:0}.step p{margin-bottom:20px}.step.second{margin-top:30px;padding-top:24px;border-top:1px solid #e9eee7}label{font-size:12px;color:#526858;display:block;font-weight:550}label>span:not(.color-dot){float:right;color:#99a69c;font-weight:400;font-size:10px}.input-unit{display:flex;align-items:center;border:1px solid #d9e3d9;background:#fcfdfb;border-radius:7px;overflow:hidden;margin-top:8px}.input-unit input{width:100%;border:0;background:none;padding:12px;color:#3f624c;font-size:17px;outline-offset:-3px}.input-unit>span{padding:0 15px;color:#9aac9d}.capture{margin-top:10px;font-size:11px}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e9eee7;padding-top:21px;margin-top:28px}.form-footer>span{font-size:11px;color:#7f9584}.form-message{font-size:12px;margin-top:13px;color:#427c53}.form-message.error{color:#b2594b}.guide-card>p{margin:12px 0 16px}.info-box{padding:14px 16px;border-radius:7px;background:#f4f7f2;font-size:11px;line-height:1.7;color:#819280;margin-top:20px}.cal-diagram{position:relative;height:240px;max-width:280px;margin:20px auto}.diagram-sensor{position:absolute;left:70px;top:0;font-size:10px;background:#d6e4d5;border-radius:5px;padding:4px 20px;color:#57775d}.diagram-bin{position:absolute;top:40px;left:36px;border:2px solid #b7cbb6;border-top:0;border-radius:0 0 15px 15px;width:170px;height:175px;background:#f4f8f1}.diagram-top,.diagram-bottom{position:absolute;left:0;right:0;text-align:center;font-size:10px;color:#81a080}.diagram-top{top:24px;border-top:1px dashed #a8c4a3;padding-top:8px}.diagram-bottom{bottom:10px}.dimension-line{position:absolute;right:-24px;top:-39px;bottom:0;border-right:1px solid #9db695}.dimension-line:before,.dimension-line:after{content:'';width:10px;position:absolute;right:-5px;border-top:1px solid #9db695}.dimension-line:after{bottom:0}.diagram-label{position:absolute;right:0;top:115px;writing-mode:vertical-rl;color:#8ea488;font-size:10px}.threshold-preview{height:44px;display:flex;border-radius:7px;overflow:hidden;margin:28px 0}.threshold-preview span{display:flex;align-items:center;justify-content:center;font-size:10px;color:#fff;min-width:0;overflow:hidden}.threshold-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px}.wiring{margin-top:22px}.wiring>div{display:flex;align-items:center;padding:11px 0;border-bottom:1px solid #edf1e9;color:#8a9b8b;font-size:12px}.wiring strong{margin-left:auto;font-size:11px;font-weight:550;color:#506e55}.device-title{display:flex;gap:14px;align-items:center;margin-bottom:27px}.device-icon{background:#edf4e9;padding:12px;border-radius:9px;color:#7f9f7d}.device-icon svg{width:30px;height:30px}.device-title p{margin:4px 0}.port-row{display:flex;gap:10px;margin-top:8px}select{border:1px solid #dce4d9;background:#fff;color:#5a725d;border-radius:6px;padding:9px 12px;font-size:12px}.port-row select{flex:1;min-width:0}.button-row{display:flex;gap:10px;margin:18px 0}.divider{height:1px;background:#e9eee5;margin:27px 0}.details{font-size:12px}.details>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edf1e9;gap:12px}.details dt{color:#97a492}.details dd{margin:0;text-align:right;color:#576d56}.select-label{font-size:10px;display:flex;align-items:center;gap:10px;font-weight:400;color:#93a08d}.table-card{margin-top:20px}.table-card>.card-heading{padding:22px 25px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:11px}th{font-weight:500;color:#91a08c;background:#f8faf6;font-size:10px}th,td{padding:13px 22px;border-bottom:1px solid #edf1e9}td{color:#647a5f}.status-cell{display:inline-block;border-radius:4px;background:#eef5e9;color:#739362;padding:2px 7px}.status-cell.missing{background:#fcf2df;color:#a38b53}.pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 24px}.pagination .button{margin-left:7px}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#254e35;color:white;box-shadow:0 5px 30px #18351d22;border-radius:8px;padding:14px 24px;max-width:90vw;z-index:10;font-size:12px}@media(min-width:1500px){.fullness-content{min-height:300px}.bin-scene{transform:scale(1.1);margin-right:25px}}@media(max-width:1150px){.sidebar{width:205px;padding:28px 14px}.workspace{margin-left:205px}main{padding:25px 24px 0}.topbar{padding:0 24px}.overview-grid{grid-template-columns:minmax(0,1.6fr) minmax(235px,1fr);gap:14px}.fullness-card{padding:20px 18px 0}.bin-scene{min-width:155px;transform:scale(.85);transform-origin:right center;margin-left:-25px;margin-right:-12px}.big-value{font-size:64px}.fullness-copy{min-width:125px}.hero-bottom{gap:8px}.hero-bottom span{font-size:8px}.side-cards .card{padding:17px}.threshold-legend{gap:9px}.settings-grid{grid-template-columns:1.2fr 1fr}.form-card,.guide-card{padding:22px}.top-actions{gap:8px}}@media(max-width:900px){.sidebar{width:74px;padding:24px 10px}.brand>span:last-child,.nav-label,.sidebar-bottom{display:none}.brand{justify-content:center}.nav{font-size:0;justify-content:center;padding:14px 0}.nav svg{width:21px;height:21px;flex-shrink:0}nav{margin-top:30px}.workspace{margin-left:74px}.overview-grid{grid-template-columns:1fr}.side-cards{flex-direction:row}.side-cards>.card{flex:1}.fullness-content{min-height:260px}.bin-scene{transform:none;margin:0 35px}.settings-grid{grid-template-columns:1fr}.topbar{height:70px}.topbar>span{display:none}.top-actions{width:100%;justify-content:space-between}.page-heading>.button{font-size:10px}.page-heading h1{font-size:26px}}@media(max-width:600px){main{padding:22px 14px 0}.topbar{padding:0 14px}.page-heading{align-items:flex-start}.page-heading>.button{display:none}.page-heading h1{font-size:23px}.side-cards{flex-direction:column}.fullness-content{gap:0}.bin-scene{transform:scale(.78);transform-origin:right center;margin:0 -12px 0 -22px;min-width:170px;width:170px}.big-value{font-size:61px}.fullness-copy{min-width:120px}.chart-card{padding:18px 14px}.chart-card .card-heading{flex-wrap:wrap}.periods{margin-top:5px}.hero-bottom{flex-wrap:wrap}.source-banner span{display:block;margin:5px 0 0}.form-footer{align-items:stretch;flex-direction:column}.form-card,.guide-card{padding:20px}.port-row{flex-wrap:wrap}footer{display:block}footer span{display:block;margin-top:6px}.chart-footer{gap:15px}.top-actions>.button{font-size:10px}.top-actions .tiny{display:none}.threshold-inputs{gap:10px}.pagination{padding:12px;gap:10px}.select-label{flex-wrap:wrap}}
.table-scroll{max-height:480px;overflow:auto}thead th{position:sticky;top:0;z-index:1}
@media(max-width:600px){.fullness-content{flex-direction:column;align-items:stretch;gap:8px}.fullness-copy{max-width:none;width:100%}.fullness-copy p{max-width:none;min-height:0}.scale{max-width:none}.bin-scene{align-self:center;transform:none;margin:0;width:210px;min-width:210px;height:260px}.fullness-copy .eyebrow{letter-spacing:1px}.hero-bottom{margin-top:10px}}
/* Theme overrides keep the same layout and semantic green/yellow/red signals. */
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="dark"] body{background:#111917;color:#dde8e1}
html[data-theme="dark"] .sidebar,html[data-theme="dark"] .card{background:#1b2621;border-color:#314238;box-shadow:none}
html[data-theme="dark"] .topbar{background:#17201c;border-color:#314238}
html[data-theme="dark"] .brand{color:#c5e7d1}
html[data-theme="dark"] .brand small,html[data-theme="dark"] .nav-label,html[data-theme="dark"] .subtle,html[data-theme="dark"] .micro,html[data-theme="dark"] p,html[data-theme="dark"] .page-heading p,html[data-theme="dark"] .eyebrow,html[data-theme="dark"] .hero-bottom span,html[data-theme="dark"] .threshold-legend,html[data-theme="dark"] footer,html[data-theme="dark"] footer span,html[data-theme="dark"] .prototype-note{color:#a4b7aa}
html[data-theme="dark"] .nav{color:#b3c4b8}
html[data-theme="dark"] .nav.active,html[data-theme="dark"] .nav:hover{background:#293f32;color:#b5e4c5}
html[data-theme="dark"] .topbar strong,html[data-theme="dark"] .sidebar-bottom p,html[data-theme="dark"] label,html[data-theme="dark"] .details dd,html[data-theme="dark"] .wiring strong{color:#d0e2d5}
html[data-theme="dark"] .button,html[data-theme="dark"] select{background:#26382e;border-color:#405648;color:#d2e5d8}
html[data-theme="dark"] .button:hover{background:#344c3d}
html[data-theme="dark"] .button.primary{background:#3b7d57;border-color:#4b9265;color:#fff}
html[data-theme="dark"] .button.primary:hover{background:#488c63}
html[data-theme="dark"] .tiny,html[data-theme="dark"] .prototype,html[data-theme="dark"] .cal-state,html[data-theme="dark"] .badge{background:#2d3d32;color:#bbd1c2;border-color:#405346}
html[data-theme="dark"] .badge.live{background:#264432;color:#a0dcb4}
html[data-theme="dark"] .badge.demo,html[data-theme="dark"] .source-banner{background:#3d3421;border-color:#5d4d2b;color:#ead49b}
html[data-theme="dark"] .input-unit{background:#15201a;border-color:#415548}
html[data-theme="dark"] .input-unit input{color:#d0e9d7}
html[data-theme="dark"] .info-box,html[data-theme="dark"] .step-number,html[data-theme="dark"] .device-icon{background:#26382b;color:#bdd1bd}
html[data-theme="dark"] .text-button{color:#a7d4b4}
html[data-theme="dark"] .periods{background:#15201a}
html[data-theme="dark"] .periods button{color:#aebfb1}
html[data-theme="dark"] .periods button.selected{background:#38503e;color:#d9eddf;box-shadow:none}
html[data-theme="dark"] .hero-bottom,html[data-theme="dark"] .chart-footer,html[data-theme="dark"] .side-cards .text-button,html[data-theme="dark"] .step.second,html[data-theme="dark"] .form-footer,html[data-theme="dark"] .wiring>div,html[data-theme="dark"] .details>div,html[data-theme="dark"] th,html[data-theme="dark"] td,html[data-theme="dark"] footer{border-color:#344638}
html[data-theme="dark"] .divider,html[data-theme="dark"] .scale-track{background:#344638}
html[data-theme="dark"] th{background:#25342a;color:#bbcdba}
html[data-theme="dark"] td{color:#c0d2c0}
html[data-theme="dark"] .status-cell{background:#324e34;color:#c0dfae}
html[data-theme="dark"] .status-cell.missing{background:#494024;color:#ecd6a0}
html[data-theme="dark"] .chart-empty{color:#b7c8b3;background:repeating-linear-gradient(0deg,transparent,transparent 43px,#324232 44px)}
html[data-theme="dark"] .chart-host svg line{stroke:#354837}
html[data-theme="dark"] .chart-host svg text{fill:#b0c2ab}
html[data-theme="dark"] .form-message{color:#a4d6ac}
html[data-theme="dark"] .form-message.error{color:#edae9e}
html[data-theme="dark"] .error-banner{background:#442b29;border-color:#70423e;color:#f2c6be}
html[data-theme="dark"] .led-orb{box-shadow:0 0 0 7px #2c3b30}
html[data-theme="dark"] .led-orb.green{box-shadow:0 0 0 7px #284330,0 0 16px #729c7340}
html[data-theme="dark"] .led-orb.yellow{box-shadow:0 0 0 7px #463f24}
html[data-theme="dark"] .led-orb.red{box-shadow:0 0 0 7px #4a302b}
html[data-theme="dark"] .diagram-bin{background:#26392b;border-color:#708b6e}
html[data-theme="dark"] .big-value{filter:brightness(1.4)}
@media(max-width:600px){.top-actions{flex-wrap:wrap;gap:5px}.topbar{height:auto;min-height:70px;padding-top:10px;padding-bottom:10px}.top-actions>.button{padding:6px 8px}.top-actions .badge{font-size:10px}}
.fleet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.fleet-value{font-size:44px;font-weight:600;margin:15px 0;color:#72a084}.login{max-width:490px;margin:12vh auto;padding:20px}.login input,dialog input{display:block;width:100%;padding:12px;border:1px solid #b7c6ba;border-radius:6px;margin:10px 0 20px;background:transparent;color:inherit}.login h1{margin-top:15px}.login label{margin-top:25px}dialog{border:1px solid #718777;border-radius:12px;padding:30px;width:min(510px,90vw);color:inherit;background:#fff}dialog::backdrop{background:#07160f90}html[data-theme="dark"] dialog{background:#1b2621;color:#dde8e1}#downloadNode{margin-top:18px}#nodeSelect{max-width:200px}.top-actions{flex-wrap:wrap}.topbar{height:auto;min-height:80px;padding-top:12px;padding-bottom:12px}ol{padding-left:18px;line-height:2;color:#849789}