:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#303b35;background:#f5f4f0;font-synthesis:none;--ink:#303b35;--muted:#858c84;--accent:#c45b3b;--line:#e7e7e0;--green:#456553;--paper:#fffefa}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{cursor:pointer}button{color:inherit}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #d39071;outline-offset:4px}h1,h2,h3,p{margin:0}h2{font-weight:550;font-size:19px;letter-spacing:-.5px}input,select{border:1px solid #dcded5;border-radius:9px;background:#fffefa;color:var(--ink);padding:12px 14px;min-width:0}select{cursor:pointer;max-width:100%}label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:550}small{font-weight:400}.icon{width:20px;height:20px;flex-shrink:0;vertical-align:middle}.subtle{color:var(--muted);font-size:14px;line-height:1.7}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:650;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;min-height:44px;border-radius:9px;border:1px solid transparent;font-weight:550;font-size:13px;transition:background .15s,transform .15s;white-space:nowrap}.button:not(:disabled):active{transform:translateY(1px)}.primary{background:var(--accent);color:#fffdf8}.primary:hover:not(:disabled){background:#b24f32}.secondary{background:#fffefa;border-color:#dedfd7}.secondary:hover:not(:disabled){background:#f3f1e9}.text-button{padding:7px 0;display:inline-flex;align-items:center;gap:10px;background:none;border:0;color:var(--green);font-size:13px;font-weight:600}.text-button .icon{width:15px}.brand{display:flex;align-items:center;gap:13px;font-size:36px;font-weight:600;letter-spacing:-1.8px}.brand>.icon{width:35px;height:35px;background:var(--accent);color:#fff7eb;padding:8px;border-radius:10px;stroke-width:2.5}.brand-dot{color:var(--accent)}.app-layout{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh}.sidebar{background:#f9f9f5;border-right:1px solid var(--line);padding:37px 25px 24px;display:flex;flex-direction:column;height:100vh;position:sticky;top:0}.home-label{display:flex;align-items:center;gap:10px;padding:37px 0 33px}.home-icon{display:flex;padding:9px;background:#eeefe7;border-radius:8px;color:#737e6f}.home-label strong{display:block;font-size:12px;font-weight:600}.home-label div>span{display:block;font-size:10px;color:var(--muted);margin-top:5px}.sidebar nav{display:flex;flex-direction:column;gap:8px}.nav-item{border:0;background:none;padding:13px 12px;border-radius:9px;display:flex;align-items:center;gap:12px;text-align:left;color:#838b80;font-size:12px}.nav-item:hover{background:#eff0e8}.nav-item.active{background:#e9eee4;color:#385440;font-weight:600}.nav-item .icon{width:18px;height:18px}.nav-item b{margin-left:auto;width:5px;height:5px;border-radius:50%;background:#55745a}.sidebar-bottom{margin-top:auto}.machine-label{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line);padding-top:22px;margin-bottom:25px}.machine-mark{font-family:Georgia,serif;font-weight:bold;font-size:26px;color:#a8ada2}.machine-label strong{display:block;font-size:11px;font-weight:600}.machine-label div>span{display:block;font-size:10px;color:var(--muted);margin-top:4px}.logout{display:flex;align-items:center;gap:10px;background:none;border:0;color:#91988d;font-size:11px}.logout .icon{width:16px}.workspace{width:100%;max-width:1560px;margin:auto;padding:0 44px 0}.topbar{height:94px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.topbar>span:first-letter{text-transform:uppercase}.topbar>div{display:flex;gap:22px;align-items:center}.avatar{display:grid;place-items:center;width:32px;height:32px;background:#e8e8dd;color:#747e6d;border-radius:50%;font-size:12px}.status-pill{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#627b61;white-space:nowrap}.status-pill i,.tiny-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#7e9a71}.status-pill.muted{color:#a58354}.status-pill.muted i{background:#bc975e}.page-heading{display:flex;align-items:center;justify-content:space-between;padding:35px 0 30px;gap:20px}.page-heading h1{font-size:32px;line-height:1.25;font-weight:500;letter-spacing:-1.3px;margin-top:10px}.page-heading p{font-size:12px;color:var(--muted);margin-top:11px}.refresh-button{font-size:11px;min-height:40px;padding:10px 13px}.refresh-button .icon{width:15px}.overview-grid{display:grid;grid-template-columns:minmax(0,2.05fr) minmax(240px,1fr);gap:22px}.card{background:var(--paper);border:1px solid #e8e8e1;border-radius:14px;padding:25px}.comfort-card{background:#edece2;border:1px solid #e5e5d8;border-radius:15px;padding:24px 27px 17px;overflow:hidden;min-height:314px}.comfort-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.comfort-header .eyebrow{font-size:9px;letter-spacing:1.6px}.mode-chip{background:#ffffff80;border:1px solid #ffffff9e;padding:6px 9px;font-size:10px;border-radius:7px;display:flex;gap:6px;align-items:center;color:#758269}.mode-chip .icon{width:12px;height:12px}.comfort-main{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:19px 1px 18px}.comfort-copy h2{font-size:31px;line-height:1.14;font-weight:450;letter-spacing:-1px}.comfort-copy p{font-size:11px;line-height:1.8;color:#8d9283;margin-top:14px}.comfort-copy .text-button{margin-top:12px;font-size:10px}.thermostat{position:relative;flex-shrink:0;width:203px;height:203px;border-radius:50%;background:#f8f7f0;box-shadow:0 7px 20px #686b5210,0 0 0 1px #fff9,inset 0 0 0 9px #fff5}.thermostat-ring{position:absolute;inset:11px;border:4px solid #dfdfce;border-radius:50%}.thermostat-ring:after{content:"";position:absolute;inset:-4px;border:4px solid transparent;border-top-color:#b77b52;border-right-color:#b77b52;border-radius:50%;transform:rotate(-35deg)}.thermostat-center{position:absolute;inset:35px;display:flex;flex-direction:column;align-items:center;justify-content:center}.thermostat-center>.icon{width:16px;height:16px;color:#929987;margin-bottom:7px}.thermostat-center>div{font-size:54px;font-weight:350;letter-spacing:-3px;line-height:1.1;color:#485443}.thermostat-center>div>span{font-size:29px;font-weight:300;vertical-align:top;position:relative;top:4px;letter-spacing:0}.thermostat-center>span{color:#929987;font-size:9px;margin-top:9px}.comfort-bottom{border-top:1px solid #dcded1;display:flex;justify-content:space-between;padding-top:15px;font-size:9px;color:#8b927f;gap:12px}.comfort-bottom>span:first-child{display:flex;gap:7px;align-items:center;color:#6e7b62}.metric-stack{display:grid;gap:17px}.metric-card{background:#fffefa;border:1px solid #e8e8e1;border-radius:14px;padding:21px 25px}.metric-title{display:flex;gap:9px;align-items:center;font-size:11px;color:#889080}.metric-title>.icon{width:17px;height:17px;color:#b39a75}.metric-value{font-size:40px;letter-spacing:-1.5px;font-weight:350;margin-top:13px;line-height:1.1}.metric-value>span{font-size:19px;font-weight:300;color:#a3a89a;margin-left:5px}.metric-note{display:block;font-size:9px;color:#a3a89b;margin-top:9px}.chart-card{padding:25px 25px 20px;min-width:0}.chart-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.chart-heading h2{font-size:16px}.chart-heading p{font-size:10px;color:var(--muted);margin-top:6px}.chart-heading select{font-size:10px;padding:7px 8px;border-radius:6px;background:#fafaf5}.chart-svg{width:100%;display:block;overflow:visible}.chart-svg text{font-family:inherit;font-size:10px;fill:#a5ab9d}.grid-line{stroke:#eeeee7;stroke-dasharray:3 5}.chart-legend{display:flex;justify-content:center;gap:20px;font-size:9px;color:#909886;margin-top:17px}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:6px;height:6px;border-radius:50%}.chart-empty{min-height:162px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#a0a894;gap:10px;padding:15px}.chart-empty .icon{width:28px;height:28px;color:#b6bdaa}.chart-empty strong{font-size:12px;font-weight:550}.chart-empty span{font-size:10px;line-height:1.7;max-width:270px}.daily-card{background:#eef0e7;display:flex;flex-direction:column;border-color:#e2e6d9;padding:25px}.card-icon{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:10px;background:#e2e6d8;color:#819171;margin-bottom:19px}.daily-card h2{font-size:20px;font-weight:450;line-height:1.3;letter-spacing:-.5px}.daily-card p{font-size:11px;color:#939b86;line-height:1.8;margin-top:10px}.daily-card>.button{font-size:10px;margin-top:18px;align-self:flex-start;padding:9px 11px;min-height:34px;border-color:#d9dfce;background:#f5f6ee}.daily-card>.button .icon{width:13px;height:13px}.power-detail{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #dde2d3;margin-top:22px;padding-top:16px;font-size:9px;color:#8c967e}.power-detail strong{font-size:18px;color:#67765a;font-weight:450}.power-detail small{font-size:9px}.section-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:29px 0 16px}.section-row h2{font-size:16px}.section-row .text-button{font-size:10px}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.reference-card{background:#fffefa;border:1px solid #e8e8e1;border-radius:12px;padding:19px;display:flex;align-items:center;text-align:left;gap:11px}.reference-card:hover{border-color:#c7cdbb}.reference-icon{width:34px;height:34px;display:grid;place-items:center;background:#f4f2e9;border-radius:9px;color:#b8a072;flex-shrink:0}.reference-icon .icon{width:17px;height:17px}.reference-card strong{display:block;font-size:11px;font-weight:550}.reference-card div>span{display:block;font-size:8px;margin-top:5px;color:#9fa592}.reference-card b{margin-left:auto;font-size:24px;font-weight:400;white-space:nowrap;letter-spacing:-.8px}.reference-card small{font-size:11px;color:#a4aa99;letter-spacing:0}.page-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px 0 25px;font-size:9px;color:#a8ae9f}.page-footer>span:first-child{display:flex;align-items:center;gap:6px}.page-footer .icon{width:12px;height:12px}.notice{display:flex;gap:10px;align-items:center;padding:15px 18px;background:#eeefe7;border:1px solid #dfe2d6;color:#738164;border-radius:10px;font-size:12px;line-height:1.7;margin-bottom:20px}.notice.warning{color:#9f7140;background:#faf0df;border-color:#eddfc6}.notice.quiet{margin-top:24px;color:#909883;background:transparent;border-color:#e1e4d8}.notice>.icon{width:17px;height:17px}.loading-card{text-align:center;min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;color:#7b8771}.loading-card p{color:#939c89;font-size:13px;max-width:450px;line-height:1.8}.spinning{animation:spin 1.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.setpoint-heading{display:flex;align-items:center;gap:12px}.setpoint-card p{font-size:11px;margin-top:14px;min-height:37px}.stepper{display:flex;align-items:center;justify-content:space-between;margin:26px 0 10px;gap:7px}.stepper>button{border:1px solid #e2e4d8;background:#f6f7ef;width:34px;height:34px;border-radius:50%;font-size:20px;flex-shrink:0}.stepper>label{display:flex;flex-direction:row;align-items:center;gap:0}.stepper input{appearance:textfield;-moz-appearance:textfield;border:0;background:transparent;text-align:center;font-size:38px;font-weight:350;width:95px;padding:0}.stepper input::-webkit-inner-spin-button{appearance:none}.stepper label>span:last-child{font-size:18px;color:#a5ac98}.range-note{display:block;text-align:center;color:#99a38c;font-size:10px}.setpoint-card>.button{width:100%;margin-top:25px}.mode-grid{display:flex;flex-direction:column;gap:16px}.mode-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,240px) auto;gap:20px;align-items:center}.mode-card h2{font-size:16px}.mode-card p{font-size:11px;color:#969f8a;line-height:1.7;margin-top:7px}.mode-card select{font-size:12px;width:100%}.weekly-card{padding:12px 25px}.legacy-day{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);font-size:12px}.legacy-day:last-child{border-bottom:0}.legacy-day>strong{min-width:100px;font-weight:550}.legacy-periods{display:flex;gap:12px;flex-wrap:wrap}.legacy-periods>span:not(.subtle){padding:9px 18px;border-radius:7px;background:#f2e6d4;color:#a77d4e}.schedule-day{border-bottom:1px solid var(--line);padding:20px 0}.schedule-day summary{display:flex;align-items:center;gap:20px;list-style:none;font-size:12px}.schedule-day summary::-webkit-details-marker{display:none}.schedule-day summary>strong{width:90px;font-weight:550;flex-shrink:0}.schedule-day summary>.icon{width:15px;color:#9ba78b}.day-track{display:flex;height:27px;border-radius:5px;overflow:hidden;flex:1;background:#edf0e6}.schedule-segment{background:#ead2b3}.schedule-segment.mode-1{background:#e1e5da}.schedule-segment.mode-2{background:#cfad80}.schedule-segment.mode-3{background:#c98258}.schedule-scale{display:flex;justify-content:space-between;font-size:10px;color:#a5ad9b;margin:15px 35px 8px 110px}.day-editor{padding:24px 0 0 110px;display:flex;flex-direction:column;gap:10px}.schedule-entry{display:flex;gap:12px;align-items:end}.schedule-entry label{font-size:10px;color:#8a967e}.schedule-entry input{width:105px}.schedule-entry select{min-width:150px}.schedule-entry input,.schedule-entry select{font-size:12px;padding:9px}.icon-button{width:34px;height:34px;border:0;border-radius:7px;background:#f3eee8;font-size:22px;color:#ad8b72}.installation-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.installation-card h2{font-size:23px;margin:12px 0}.installation-card>p{font-size:12px;color:#97a08b;margin-bottom:15px}.installation-card .status-pill{margin:5px 0 10px}.installation-card dl{margin-bottom:0}.installation-card dl>div{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:13px 0;font-size:11px}.installation-card dt{color:#97a08b}.installation-card dd{margin:0;text-align:right}.all-good{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;padding:35px 0 40px;color:#798d67}.all-good>.icon{width:42px;height:42px;padding:9px;background:#eef2e7;border-radius:50%}.all-good strong{font-weight:500;font-size:15px}.all-good>span{font-size:11px;color:#a4ac9a}.table-wrap{padding:7px 25px;overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{font-size:10px;color:#a1a996;font-weight:500;padding:17px 0}td{padding:16px 15px 16px 0;border-top:1px solid var(--line)}td:last-child{color:#a0a994;font-size:10px}.old-value{color:#b18c5e}.audit-card{padding:5px 25px}.audit-entry{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:18px 0}.audit-entry:last-child{border:0}.audit-dot{width:7px;height:7px;border-radius:50%;background:#d0bc8d}.audit-dot.confirmed{background:#91a77f}.audit-dot.failed{background:#bc7d68}.audit-entry strong{display:block;font-size:12px;font-weight:550}.audit-entry div>span{display:block;font-size:10px;color:#a3ab98;margin-top:5px}.audit-status{font-size:10px;color:#929f83;margin-left:auto}.empty-small{text-align:center;padding:35px;font-size:12px;color:#a1aa95}.confirm-dialog{width:min(460px,calc(100vw - 32px));padding:30px;border:1px solid #e4e5da;border-radius:18px;color:var(--ink);background:#fffefa;box-shadow:0 25px 100px #29352530}.confirm-dialog::backdrop{background:#29352565;backdrop-filter:blur(4px)}.confirm-dialog h2{font-size:23px;margin-bottom:15px}.confirm-dialog p{font-size:13px;line-height:1.7}.change-preview{padding:19px;background:#f2f0e6;border-radius:9px;margin:18px 0;font-weight:550}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.command-progress{margin-top:15px;color:#ad794b}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fcfbf7}.login-story{background:#e9ecdf;padding:50px 65px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-story>div{margin:50px 0}.login-story h1{font-size:62px;line-height:1.1;letter-spacing:-3px;font-weight:400;margin-top:24px}.login-story p{font-size:15px;color:#8e997f;line-height:1.9;margin-top:25px}.login-story>.subtle{font-size:10px;letter-spacing:2px}.login-orbit{width:190px;height:190px;display:grid;place-items:center;border-radius:50%;border:1px solid #cbd3bf;margin:45px 0 10px;position:relative;box-shadow:0 0 0 20px #e4e8da,0 0 0 21px #d6ddca}.login-orbit>.icon{width:60px;height:60px;color:#a1b08e;stroke-width:1}.orbit-dot{position:absolute;width:12px;height:12px;border:3px solid #ebeee3;border-radius:50%;background:#b58862;left:7px;top:40px}.login-form-wrap{display:flex;align-items:center;justify-content:center;padding:50px}.login-form{max-width:370px;width:100%}.login-form h2{font-size:28px;line-height:1.25;letter-spacing:-1px;margin:15px 0}.login-form>.subtle{font-size:13px;margin-bottom:32px}.login-form label{margin-bottom:20px;color:#6f7c63;font-size:12px}.login-form input{height:47px}.login-form>.button{width:100%;margin-top:5px}.login-note{text-align:center;font-size:10px;color:#a1a995;margin-top:20px}.form-error{font-size:12px;color:#b4694d;margin-bottom:12px;line-height:1.7}.initial-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;font-size:48px;font-weight:350;color:#67785b}.initial-loading>span{font-size:12px;color:#9ba78f}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:15px 22px;background:#425e49;color:#fffefa;z-index:100;border-radius:10px;box-shadow:0 10px 30px #273d2725;font-size:12px;max-width:calc(100vw - 30px);transition:.2s;line-height:1.6}#toast.visible{opacity:1;transform:translate(-50%,0)}#toast.failure{background:#996349}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.device-selector{margin-bottom:20px;max-width:300px}
@media(min-width:1500px){.workspace{padding-left:65px;padding-right:65px}.comfort-card{min-height:342px}.comfort-main{padding:25px 5px}.thermostat{width:220px;height:220px}.comfort-copy h2{font-size:36px}.metric-card{padding:25px}.metric-value{font-size:44px}.chart-card{padding:28px}.chart-empty{min-height:195px}}
@media(max-width:1180px){.app-layout{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding:30px 18px}.workspace{padding:0 28px}.comfort-card{padding:22px}.thermostat{width:165px;height:165px}.thermostat-center{inset:25px}.thermostat-center>div{font-size:44px}.comfort-copy h2{font-size:25px}.comfort-main{padding:26px 0}.overview-grid{grid-template-columns:minmax(0,1.7fr) minmax(220px,1fr);gap:17px}.reference-card{padding:15px;gap:8px}.reference-card div>span{display:none}.reference-card b{font-size:22px}.reference-icon{width:29px;height:29px}.metric-value{font-size:36px}.chart-legend{gap:12px}.mode-card{grid-template-columns:1fr auto}.mode-card>div{grid-column:1/-1}.setpoint-card{padding:20px}.stepper input{width:75px;font-size:32px}}
@media(max-width:960px){.app-layout{grid-template-columns:75px minmax(0,1fr)}.sidebar{padding:28px 13px;align-items:center}.sidebar>.brand>span,.home-label,.nav-item>span,.nav-item>b,.machine-label,.logout{display:none}.sidebar>.brand{margin-bottom:45px}.sidebar nav{width:100%;gap:18px}.nav-item{justify-content:center;padding:13px}.sidebar>.brand>.icon{width:38px;height:38px}.workspace{padding:0 25px}.comfort-copy h2{font-size:28px}.topbar{height:78px}.page-heading{padding-top:29px}.login-story{padding:45px}.login-story h1{font-size:48px}.login-form-wrap{padding:35px}.login-form h2{font-size:25px}}
@media(max-width:760px){.overview-grid{grid-template-columns:1fr}.metric-stack{grid-template-columns:1fr 1fr}.comfort-card{min-height:auto}.comfort-main{padding:25px 15px}.thermostat{width:195px;height:195px}.thermostat-center>div{font-size:53px}.comfort-copy h2{font-size:32px}.metric-card{padding:20px}.daily-card{display:none}.reference-grid{gap:10px}.reference-card{flex-direction:column;align-items:flex-start;gap:10px}.reference-card b{margin-left:0}.control-grid{grid-template-columns:1fr}.setpoint-card p{min-height:auto}.setpoint-card{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setpoint-card .subtle{grid-row:2;grid-column:1;font-size:10px}.setpoint-card .stepper{grid-column:2;grid-row:1/3;margin:0}.setpoint-card .range-note{grid-column:2}.setpoint-card>.button{grid-column:1/-1;margin-top:10px}.installation-grid{grid-template-columns:1fr}.section-row{align-items:flex-start}.schedule-day summary>strong{width:65px;font-size:11px}.day-editor{padding-left:0}.schedule-scale{margin-left:85px}.table-wrap{padding:5px 15px}table{font-size:10px}td{padding-right:10px}.login-layout{grid-template-columns:1fr}.login-story{padding:28px 30px}.login-story>div{margin:28px 0 0}.login-story h1{font-size:40px}.login-story p,.login-story>.subtle,.login-orbit{display:none}.login-story .eyebrow{font-size:9px}.login-form-wrap{padding:40px 25px 55px}.login-form{max-width:400px}.login-form>.eyebrow{display:none}.login-form h2{font-size:25px}}
@media(max-width:520px){.app-layout{display:block}.sidebar{position:fixed;top:auto;bottom:0;left:0;right:0;height:65px;padding:5px 10px;z-index:50;border:0;border-top:1px solid #e0e4d5;background:#f9f9f5f5;backdrop-filter:blur(12px)}.sidebar>.brand,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;justify-content:space-around;gap:0}.nav-item{display:flex;flex-direction:column;gap:4px;padding:8px 10px}.nav-item>span{display:block;font-size:8px}.nav-item .icon{width:19px;height:19px}.workspace{padding:0 18px 70px}.topbar{height:68px;font-size:10px}.topbar>div{gap:10px}.avatar{display:none}.status-pill{font-size:8px}.page-heading{padding:27px 0 23px;align-items:flex-end;gap:10px}.page-heading h1{font-size:27px;margin-top:8px}.page-heading p{font-size:10px;line-height:1.5;max-width:230px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.1px}.refresh-button{font-size:0;width:36px;height:36px;padding:9px;min-height:0}.refresh-button .icon{width:16px;height:16px}.comfort-card{padding:20px 19px 15px}.comfort-main{padding:23px 0;gap:5px}.comfort-copy h2{font-size:26px}.comfort-copy p{font-size:10px}.comfort-copy .text-button{font-size:9px}.thermostat{width:155px;height:155px}.thermostat-center{inset:25px}.thermostat-center>div{font-size:42px}.thermostat-center>span{font-size:8px}.thermostat-ring{border-width:3px;inset:10px}.thermostat-ring:after{border-width:3px;inset:-3px}.comfort-header .eyebrow{font-size:7px;letter-spacing:1.2px}.mode-chip{font-size:8px}.comfort-bottom{font-size:8px}.comfort-bottom>span:last-child{max-width:160px;text-align:right}.metric-stack{gap:12px}.metric-card{padding:18px}.metric-title{font-size:9px;gap:7px}.metric-value{font-size:34px;margin-top:15px}.metric-value>span{font-size:15px}.metric-note{font-size:8px}.chart-card{padding:20px 15px}.chart-heading h2{font-size:14px}.chart-heading p{font-size:9px}.chart-empty{min-height:170px}.chart-legend{font-size:8px;gap:10px}.section-row h2{font-size:14px}.section-row>.text-button{font-size:9px}.reference-card{padding:13px}.reference-card b{font-size:25px}.reference-card strong{font-size:10px}.page-footer{font-size:8px;align-items:flex-start;line-height:1.7;gap:15px;padding:22px 0}.page-footer>span:last-child{text-align:right;max-width:150px}.notice{font-size:10px;padding:12px}.weekly-card{padding:10px 15px}.legacy-day{gap:10px;font-size:11px}.legacy-day>strong{min-width:75px}.legacy-periods>span:not(.subtle){padding:8px 12px}.section-row>.button{font-size:10px;padding:10px;white-space:normal}.schedule-day summary{gap:10px}.schedule-scale{margin-left:75px;margin-right:25px;font-size:8px}.schedule-entry{gap:7px}.schedule-entry select{min-width:105px;max-width:150px}.schedule-entry input{width:85px}.setpoint-card{padding:20px}.stepper>button{width:30px;height:30px}.stepper input{width:70px;font-size:30px}.stepper label>span:last-child{font-size:13px}.setpoint-heading h2{font-size:16px}.setpoint-card p{margin-top:5px}.mode-card{padding:20px;gap:15px}.mode-card .button{font-size:12px;padding:11px}.dialog-actions{gap:10px}.dialog-actions .button{font-size:12px;padding:10px 13px}.confirm-dialog{padding:25px}.confirm-dialog h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Readability and compact navigation. */
.subtle,.metric-note,.range-note,.page-footer,.chart-heading p,.mode-card p,.installation-card>p,.installation-card dt,.reference-card div>span,.notice.quiet,.chart-empty span,.login-note,.login-story p,.schedule-scale,.audit-entry div>span,.audit-status,td:last-child,th{color:#66715d}
.eyebrow,.metric-title,.comfort-copy p,.thermostat-center>span,.comfort-bottom,.chart-legend{color:#626e57}
.page-footer,.metric-note,.reference-card div>span,.chart-legend,.range-note,.schedule-scale{font-size:11px}
.mobile-logout{display:none;border:0;background:transparent;padding:8px;color:#66715d}
@media(max-width:960px){.mobile-logout{display:inline-flex}}
@media(max-width:520px){.page-heading p,.metric-title,.metric-note,.comfort-copy p,.comfort-copy .text-button,.comfort-bottom,.status-pill,.nav-item>span,.chart-heading p{font-size:10px}.comfort-header .eyebrow{font-size:9px;letter-spacing:.5px}.page-footer{font-size:10px}.schedule-entry input,.schedule-entry select{font-size:16px}}

.schedule-actions{display:flex;gap:10px}.schedule-key{display:flex;gap:20px;flex-wrap:wrap;margin:0 0 16px;font-size:12px;color:#66715d}.schedule-key>span{display:flex;align-items:center;gap:7px}.schedule-key i{width:12px;height:12px;border-radius:3px}.schedule-key>span:last-child{margin-left:auto}@media(max-width:520px){.schedule-actions{flex-wrap:wrap;justify-content:flex-end}.schedule-actions .button{font-size:11px;padding:10px}.schedule-key{gap:12px;font-size:11px}}

/* Presence controls share the compact dashboard palette. */
.smart-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px}.smart-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.smart-top h2{margin:0}.smart-top>.subtle{font-size:11px}.presence-card{background:#e9ecdf}.presence-status{font-size:28px;font-weight:450;letter-spacing:-.8px;margin:23px 0 8px}.presence-time{font-size:12px;color:var(--muted)}.source-tag{display:flex;align-items:center;gap:6px;font-size:10px;white-space:nowrap;color:var(--muted)}.source-tag i,.camera-dot{width:6px;height:6px;border-radius:50%;background:#b4b9af;flex-shrink:0}.source-tag.online i,.camera-dot.online{background:#6d8955}.quiet-track{height:5px;border-radius:9px;background:#d7decc;overflow:hidden;margin-top:30px}.quiet-track span{height:100%;display:block;background:#6b8352;border-radius:9px;transition:width .3s}.quiet-label{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#718064;margin-top:9px}.quiet-label strong{font-weight:500}.smart-actions{display:flex;gap:16px;align-items:center;margin-top:24px}.smart-note{font-size:11px;line-height:1.6;color:var(--muted);margin:13px 0 0}.smart-note.warning{color:#9d641f}.smart-toggle{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:11px}.smart-toggle input{accent-color:#65834e;width:16px;height:16px;margin:0}.absence-setpoint{font-size:60px;font-weight:350;letter-spacing:-2.8px;margin:10px 0 12px}.absence-setpoint>span{font-size:23px;margin-left:5px;color:var(--muted);letter-spacing:-1px}.absence-setpoint>small{font-size:11px;letter-spacing:0;background:#eef0e7;border-radius:5px;margin-left:16px;padding:5px 9px;vertical-align:middle;color:#67795c}.smart-rule-line{font-size:13px}.smart-rule-line>span{font-size:11px;color:var(--muted)}.smart-settings{margin-top:20px;border-top:1px solid var(--line);padding-top:13px}.smart-settings summary{display:flex;align-items:center;justify-content:space-between;font-size:11px;cursor:pointer;color:var(--muted);list-style:none}.smart-settings summary .icon{width:15px;height:15px}.smart-settings form{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:15px}.smart-settings label{font-size:11px}.smart-settings input{width:100%;padding:9px;margin-top:6px}.smart-settings .button{grid-column:1/-1;justify-self:end}.camera-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.camera-row:last-of-type{border-bottom:0}.camera-row>div{display:flex;flex-direction:column;gap:6px;flex:1}.camera-row strong{font-size:12px;font-weight:500}.camera-row span{font-size:10px;color:var(--muted)}.camera-row button{width:34px;height:34px;color:var(--muted)}.smart-cameras .smart-top,.smart-events .smart-top{margin-bottom:8px}.event-list{max-height:286px;overflow:auto}.presence-event{display:flex;align-items:center;gap:10px;min-height:46px;border-bottom:1px solid var(--line)}.presence-event:last-child{border:0}.presence-event strong{font-weight:400;font-size:11px;flex:1}.presence-event time{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.event-icon{display:flex;color:#8b9485}.event-icon.person{color:#63804d}.event-icon .icon{width:15px;height:15px}.smart-footnote{margin-top:14px}.snapshot-dialog{width:min(760px,calc(100vw - 32px));border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--paper);color:var(--ink)}.snapshot-dialog::backdrop{background:#17231780}.snapshot-dialog .smart-top{margin-bottom:0}.snapshot-image{margin-top:13px;font-size:12px;color:var(--muted)}.snapshot-image img{display:block;width:100%;border-radius:8px}.snapshot-dialog .icon-button{font-size:23px}
@media(max-width:800px){.smart-grid{grid-template-columns:1fr}.smart-actions .button{min-height:44px}}
@media(max-width:520px){.smart-grid{gap:11px}.smart-grid>.card{padding:18px}.presence-status{font-size:25px}.absence-setpoint{font-size:51px}.smart-settings input{font-size:16px}.source-tag{font-size:9px}.nav-item{min-width:0!important;padding-left:4px!important;padding-right:4px!important}.nav-item>span{font-size:8px!important}}

/* Compact dashboard: measurements first, controls nearby. */
:root{--muted:#6f796d;--line:#e3e5dc}h2{font-size:15px;font-weight:600;letter-spacing:-.3px}.button{font-size:12px;min-height:40px;padding:10px 14px;border-radius:8px}.text-button{font-size:12px;gap:6px}.brand{font-size:30px;gap:10px}.brand>.icon{width:31px;height:31px;padding:7px;border-radius:8px}.app-layout{grid-template-columns:208px minmax(0,1fr)}.sidebar{padding:27px 18px 22px}.home-label{gap:9px;padding:28px 7px 22px}.home-label strong{font-size:12px;overflow-wrap:anywhere}.home-icon{padding:0;background:none}.home-icon .icon{width:17px;height:17px}.sidebar nav{gap:5px}.nav-item{padding:12px 10px;gap:10px;min-height:42px;color:#6c7769}.nav-item.active{background:#e7ecdf}.machine-label{padding-top:16px;margin-bottom:17px}.machine-label strong{color:var(--muted)}.machine-mark{font-size:23px}.logout{min-height:36px;color:var(--muted)}.workspace{max-width:1440px;margin:0 auto;padding:0 32px}.page-heading{padding:26px 0 22px;min-height:88px;gap:16px;align-items:center}.page-heading h1{font-size:26px;font-weight:550;letter-spacing:-1px;margin:0}.page-actions{display:flex;align-items:center;gap:9px}.refresh-button{min-height:36px;padding:8px 11px;font-size:11px}.status-pill{font-size:11px}.page-footer{padding:17px 0 23px;font-size:11px}.page-footer>span:last-child{max-width:none}.page-footer .status-pill{display:inline-flex;gap:6px}.overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card,.metric-card,.comfort-card{padding:19px;border-radius:12px;min-width:0}.comfort-card{min-height:0;background:#e9ecdf;border-color:#dce2cf}.metric-title{font-size:12px;color:#68745f;gap:7px}.metric-title>.icon{width:17px;height:17px}.comfort-card .metric-title>.icon{color:var(--green)}.metric-value{font-size:44px;font-variant-numeric:tabular-nums;letter-spacing:-1.8px;font-weight:400;margin-top:15px}.metric-value>span{font-size:18px;color:#788370;margin-left:4px;letter-spacing:-.5px}.metric-note{font-size:11px;color:var(--muted);margin-top:13px}.comfort-bottom{border:0;padding:0;align-items:center;gap:5px;margin-top:8px}.comfort-bottom .text-button{font-size:11px}.mode-chip{padding:4px 7px;font-size:10px;border-radius:5px;color:#55664a;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-card{padding:21px}.overview-grid>.chart-card{grid-column:span 3}.chart-heading{margin-bottom:15px}.chart-heading h2{font-size:15px}.chart-heading select{font-size:11px}.chart-svg text{font-size:11px;fill:#788370}.chart-legend{flex-wrap:wrap;gap:16px;font-size:11px;margin-top:12px}.chart-empty{min-height:175px}.reference-panel{display:flex;flex-direction:column}.reference-list{margin:12px 0 15px}.reference-card{width:100%;padding:12px 0;flex-direction:row;align-items:center;gap:9px;background:none;border:0;border-radius:0;border-bottom:1px solid var(--line)}.reference-card:hover{color:var(--accent)}.reference-card:last-child{border:0}.reference-card strong{font-size:12px;font-weight:500}.reference-card b{margin-left:auto;font-size:20px;font-weight:500;letter-spacing:-.6px;font-variant-numeric:tabular-nums}.reference-card small{font-size:11px;color:var(--muted)}.reference-icon{width:30px;height:30px}.reference-icon .icon{width:16px;height:16px}.reference-panel>.button{width:100%;padding:10px 8px;margin-top:auto;font-size:11px;gap:6px}.reference-panel>.button .icon{width:15px;height:15px}.reference-panel>.button .icon:last-child{margin-left:auto}.indoor-note{margin-top:12px;font-size:11px;color:var(--muted);text-align:center}.history-note{font-size:11px;color:var(--muted);margin-top:12px}.section-row{margin:23px 0 13px}.section-row:first-child{margin-top:0}.reference-grid{gap:14px}.setpoint-heading{gap:9px}.stepper{margin:22px 0 9px}.stepper>button{width:36px;height:36px}.stepper input{font-size:36px;width:85px;font-weight:400;font-variant-numeric:tabular-nums}.range-note{font-size:11px}.setpoint-card>.button{margin-top:19px}.mode-grid{gap:12px}.mode-card{gap:16px}.mode-card h2{font-size:14px}.notice{padding:12px 15px;font-size:12px;margin-bottom:16px}.loading-card{min-height:210px;gap:14px}.weekly-card{padding:4px 20px}.schedule-day,.legacy-day{padding:16px 0}.day-editor{padding-top:18px}.installation-grid{gap:14px}.installation-card h2{font-size:17px;margin:0}.installation-card>p{margin:8px 0 12px}.installation-card dl>div{padding:11px 0;font-size:12px}.all-good{flex-direction:row;padding:40px 0}.all-good>.icon{width:34px;height:34px;padding:8px}.all-good strong{font-size:14px}.table-wrap{padding:3px 20px}th{padding:14px 0;font-size:11px}td{padding:13px 15px 13px 0}.audit-card{padding:3px 20px}.audit-entry{padding:14px 0}.empty-small{padding:25px}.confirm-dialog{width:min(430px,calc(100vw - 32px));padding:25px;border-radius:14px}.confirm-dialog h2{font-size:21px;margin-bottom:13px}.confirm-dialog p{font-size:12px}.change-preview{padding:17px;margin:15px 0;font-size:20px;font-variant-numeric:tabular-nums}.command-progress:empty{display:none}.login-layout{grid-template-columns:1fr;place-items:center;padding:24px;background:#f5f4f0}.login-form-wrap{width:min(100%,410px);padding:34px;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 60px #42523a07}.login-form .brand{margin-bottom:32px}.login-form h1{font-size:24px;font-weight:550;letter-spacing:-.7px}.login-form>.subtle{margin:7px 0 26px}.login-form label{margin-bottom:18px}.login-form input{height:44px}.form-error:empty{display:none}
@media(min-width:1500px){.workspace{padding:0 44px}.metric-card,.comfort-card{padding:22px}.metric-value{font-size:48px}.chart-card{padding:24px}}
@media(max-width:1100px){.app-layout{grid-template-columns:184px minmax(0,1fr)}.sidebar{padding:25px 13px 20px}.workspace{padding:0 24px}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid>.chart-card{grid-column:1/-1}.reference-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 20px}.reference-panel h2{grid-column:1}.reference-list{grid-column:1;grid-row:2;display:flex;gap:16px;margin:8px 0 0}.reference-card{border:0;gap:8px;padding:8px 0}.reference-card b{margin-left:0;font-size:19px}.reference-panel>.button{grid-column:2;grid-row:1/3;margin:0}.reference-panel>.button .icon:last-child{margin-left:0}.indoor-note{grid-column:1/-1;text-align:left;margin-top:10px}.stepper input{width:68px;font-size:32px}.stepper>button{width:32px;height:32px}.mode-card{grid-template-columns:minmax(0,1fr) minmax(130px,190px) auto}.mode-card>div{grid-column:auto}.mode-card h2{font-size:13px}.home-label{display:flex}.sidebar>.brand>span,.nav-item>span,.machine-label,.logout{display:flex}.sidebar>.brand{margin:0}.sidebar nav{gap:5px}.nav-item{justify-content:flex-start}.mobile-logout{display:none}}
@media(max-width:800px){.app-layout{grid-template-columns:68px minmax(0,1fr)}.sidebar{padding:25px 10px;align-items:center}.sidebar>.brand>span,.home-label,.nav-item>span,.machine-label,.logout{display:none}.sidebar>.brand{margin-bottom:30px}.sidebar nav{width:100%;gap:10px}.nav-item{justify-content:center;padding:12px}.mobile-logout{display:inline-flex}.workspace{padding:0 22px}.reference-panel{display:flex;gap:0}.reference-panel h2{align-self:flex-start}.reference-list{width:100%;gap:15px;margin-bottom:12px}.reference-panel>.button{width:auto;align-self:flex-start}.indoor-note{align-self:flex-start}.control-grid{grid-template-columns:1fr}.setpoint-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9px 18px}.setpoint-card .stepper{grid-column:2;grid-row:1/3;margin:0}.setpoint-card .range-note{grid-column:2;grid-row:3}.setpoint-card>.button{grid-column:1;grid-row:2/4;margin:0;align-self:end;max-width:150px}.installation-grid{grid-template-columns:1fr}.mode-card{grid-template-columns:1fr auto}.mode-card>div{grid-column:1/-1}.day-editor{padding-left:0}}
@media(max-width:520px){.app-layout{display:block}.sidebar{height:66px;padding:5px 8px}.sidebar>.brand{display:none}.sidebar nav{gap:0}.nav-item{padding:7px 8px;min-width:54px}.nav-item>span{display:block;font-size:9px}.nav-item .icon{width:18px;height:18px}.workspace{padding:0 16px 66px}.page-heading{padding:20px 0 17px;min-height:76px;gap:8px}.page-heading h1{font-size:23px;letter-spacing:-.7px;margin:0}.page-actions{gap:3px}.refresh-button{font-size:0;width:36px;height:36px;padding:9px;min-height:36px}.mobile-logout{padding:9px}.overview-grid{gap:10px}.metric-card,.comfort-card{padding:16px}.metric-title{font-size:11px;gap:6px}.metric-title .icon{width:15px;height:15px}.metric-value{font-size:38px;margin-top:13px}.metric-value>span{font-size:16px}.metric-note{font-size:10px;margin-top:11px}.comfort-bottom{margin-top:5px}.comfort-bottom>span:last-child{max-width:none;text-align:left}.comfort-bottom .text-button{font-size:10px;gap:1px}.mode-chip{font-size:9px;padding:4px 5px}.chart-card{padding:17px 13px}.chart-heading{margin-bottom:11px}.chart-heading h2{font-size:14px}.chart-heading select{font-size:10px}.chart-legend{font-size:10px;gap:11px}.reference-panel{padding:17px}.reference-list{gap:12px;flex-direction:row;margin:12px 0 17px}.reference-card{padding:0;flex-direction:column;align-items:flex-start;gap:7px}.reference-card .reference-icon{display:none}.reference-card b{margin-left:0;font-size:25px}.reference-panel>.button{width:100%;min-height:40px}.reference-panel>.button .icon:last-child{margin-left:auto}.indoor-note{font-size:10px}.page-footer{font-size:10px;padding:16px 0 20px;gap:8px;align-items:center}.status-pill{font-size:10px}.notice{font-size:11px;padding:12px}.section-row h2{font-size:14px}.setpoint-card{padding:17px;gap:10px}.setpoint-heading h2{font-size:15px}.stepper input{width:66px;font-size:30px}.range-note{font-size:10px}.mode-card{padding:17px;gap:12px}.mode-card select{font-size:16px}.weekly-card{padding:4px 13px}.schedule-day{padding:14px 0}.schedule-entry input{width:89px}.schedule-entry input,.schedule-entry select{font-size:16px;padding:8px}.table-wrap{padding:3px 13px}.login-form-wrap{padding:28px}.login-form input{font-size:16px}#toast{bottom:80px}}

.smart-toggle{flex-direction:row}.smart-toggle input{flex-shrink:0}