:root{--ink:#1d3028;--muted:#647268;--bg:#f4f6f2;--line:#e5eae2;--green:#c7ed95;--green-dark:#366943;--card:#fff;--radius:18px;--amber:#87621b}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.55}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #639247;outline-offset:3px}[hidden]{display:none!important}.sidebar{width:224px;position:fixed;inset:0 auto 0 0;background:#182b22;color:#f3f8ef;padding:31px 23px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;font-size:25px;font-weight:740;letter-spacing:-1px;gap:10px}.brand-mark{display:flex;align-items:center;justify-content:center;background:var(--green);color:#1c3a27;width:37px;height:37px;border-radius:11px;font-size:27px;letter-spacing:-4px;padding-right:4px}.brand-mark span{font-size:18px;margin-bottom:10px}.brand-dot{color:var(--green);margin-left:-10px}.workspace{display:flex;align-items:center;gap:11px;background:#24392e;border:1px solid #33473a;border-radius:12px;margin:35px 0 27px;padding:13px 10px;font-weight:550;font-size:13px}.workspace div span{display:block;font-size:11px;color:#a7b5a9;font-weight:400}.house-icon{font-size:24px;color:#c7ed95}.workspace-dot{width:6px;height:6px;background:var(--green);border-radius:100%;margin-left:auto}.nav-label{font-size:10px;letter-spacing:1.8px;color:#869c8a;margin:0 12px 12px}nav{display:grid;gap:6px}nav a{display:flex;align-items:center;gap:13px;padding:12px 14px;border-radius:9px;color:#b8c5ba;font-size:13px}nav a>span:first-child{font-size:21px;width:22px;line-height:1}nav a.active{background:var(--green);color:#193521;font-weight:650}nav a:hover:not(.active){background:#263c2f;color:white}.nav-count{margin-left:auto;font-size:10px;background:#33493a;border-radius:5px;padding:1px 6px}.active .nav-count{background:#aacf80}.sidebar-bottom{margin-top:auto;padding:38px 12px 0}.small-leaf{font-size:31px;color:var(--green)}.sidebar-bottom h3{font-size:17px;letter-spacing:-.4px;font-weight:500;line-height:1.5;margin:6px 0 10px}.sidebar-bottom p{color:#a3b2a5;font-size:11px;line-height:1.8}.sidebar-rule{height:1px;background:#334539;margin:22px 0}.sidebar-bottom>span{font-size:11px;color:#b7c8b8}.server-dot,.status-dot{display:inline-block;background:#a3d888;border-radius:100%;width:6px;height:6px;margin-right:7px}.sidebar-bottom small{display:block;color:#7e9583;font-size:10px;margin-top:5px}.app-shell{margin-left:224px}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;background:#fbfcf9}.breadcrumbs{font-size:12px;color:#7b897e}.breadcrumbs span{padding:0 13px;color:#c1cabe}.breadcrumbs strong{color:var(--ink);font-weight:500}.header-right{display:flex;align-items:center;gap:20px;font-size:11px;color:var(--muted)}.avatar{display:grid;place-items:center;background:#e7ecdf;border:3px solid white;width:35px;height:35px;border-radius:100%;color:#40513f;font-weight:700;font-size:12px}.environment,.pill,.dark-pill,.tiny-label,.connection-status{font-size:10px;letter-spacing:.3px;border:1px solid var(--line);padding:5px 10px;border-radius:25px;white-space:nowrap}.environment{background:#edf4e3;border-color:#dbe8cc;color:#4e6c34}.mode-banner{padding:9px 38px;background:#edf2e7;color:#62734e;font-size:11px;border-bottom:1px solid #e1e9d6}.mode-banner strong{color:#3d572d}.mode-banner a{text-decoration:underline;margin-left:8px}main{max-width:1540px;margin:auto;padding:34px 38px 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:27px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:650;color:#7b8975;margin:0 0 9px}h1{font-size:34px;font-weight:560;letter-spacing:-1.35px;line-height:1.2;margin:0 0 10px}h2{font-size:17px;font-weight:600;letter-spacing:-.35px;margin:0}p{margin:0 0 15px}.page-heading p:last-child{color:var(--muted);font-size:12px;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;min-height:42px;padding:10px 17px;border-radius:9px;font-weight:600;font-size:12px;transition:background .15s,transform .15s}.button:hover{transform:translateY(-1px)}.primary{background:var(--green);color:#24412b}.primary:hover{background:#bce37d}.secondary{background:#fff;border-color:#dce3d8;color:#354d3a}.secondary:hover{background:#f2f6eb}.button.full,.full{width:100%}.text-button{border:0;background:none;color:#607953;font-size:11px;padding:12px 0;cursor:pointer}.text-link{font-size:11px;color:#4e713d;font-weight:600;white-space:nowrap}.overview-top{display:grid;grid-template-columns:1.25fr 1fr;gap:21px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.vehicle-card{background:linear-gradient(115deg,#263e31,#193329 68%,#1b3025);border-radius:var(--radius);color:#f5f9ef;padding:22px 25px 17px;position:relative;overflow:hidden}.card-top,.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.vehicle-label{font-size:10px;letter-spacing:1.5px;font-weight:600}.vehicle-label>span{font-size:10px;margin-left:8px;color:#a8bbab;letter-spacing:.6px}.dark-pill{background:#ffffff09;border-color:#65836a66;color:#d7e5d3;font-size:10px}.vehicle-main{position:relative;min-height:166px;display:flex;align-items:center}.battery-number{z-index:2}.battery-number>span:first-child{font-size:74px;font-weight:500;letter-spacing:-5px;line-height:1.1}.battery-number .percent{font-size:24px;color:#c1d1bf;font-weight:400;margin-left:8px}.battery-number p{color:#bdcdbb;font-size:11px;margin:5px 0}.battery-quality{font-size:10px;color:#bedcaa}.car-art{width:73%;position:absolute;right:-47px;bottom:4px}.car-art svg{position:relative;width:100%;filter:drop-shadow(0 12px 7px #10241977)}.car-glow{position:absolute;background:radial-gradient(ellipse,#c8f7a52e,transparent 65%);width:450px;height:180px;top:-5px;left:-40px}.battery-track{height:5px;border-radius:8px;background:#53664e70;margin:10px 0 13px;overflow:hidden}.battery-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,#98be73,#d0f19b);border-radius:8px;transition:width 1s}.vehicle-footer{display:flex;justify-content:space-between;gap:10px;color:#c0d0bc;font-size:10px}.vehicle-footer .status-dot{background:#c7ed95}.energy-card{padding:22px 24px 17px}.tiny-label{border:0;background:#f3f5ef;font-size:10px;letter-spacing:1px;color:#7b8771}.energy-flow{display:flex;justify-content:space-between;align-items:center;padding:6px 0 15px}.flow-node{display:flex;align-items:center;flex-direction:column;min-width:74px}.flow-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:100%;border:1px solid #dde9ce;background:#f0f7e6;font-size:27px;color:#679348;margin-bottom:8px}.flow-icon.sun{color:#b99431;background:#fcf7e8;border-color:#ede3c5}.flow-icon.grid{color:#89978b;background:#f3f6f2;border-color:#e3e8dd}.flow-node strong{font-size:14px;font-weight:600}.flow-node small{font-size:10px;color:var(--muted);margin-top:4px}.flow-arrow{color:#9aaf91;margin-top:-25px;font-size:17px}.home-battery{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:13px;font-size:10px}.home-battery>span{font-size:22px;color:#81a361}.home-battery small{display:block;font-size:10px;color:#68775f}.home-battery strong{margin-left:auto;font-size:17px;font-weight:600}.micro{font-size:10px;line-height:1.65}.muted{color:var(--muted)}.energy-card>.micro{font-size:10px;margin:10px 0 0}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:20px}.stat{padding:18px 20px}.stat>div{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#74816f;font-size:10px}.stat-icon{font-size:18px;color:#759160}.stat>strong{display:block;font-size:26px;font-weight:560;letter-spacing:-1px;margin:8px 0}.stat strong small{font-size:12px;font-weight:400;color:#89947f;letter-spacing:0}.stat p{font-size:10px;color:#68775f;margin:0}.overview-bottom{display:grid;grid-template-columns:1.8fr 1fr;gap:21px;margin-top:22px}.price-card .section-title{margin-bottom:18px}.price-card h2{font-size:16px}.chart-legend{display:flex;gap:18px;font-size:10px;color:#7e8875;margin-bottom:12px}.chart-legend>span{display:flex;align-items:center;gap:6px}.legend-square{width:7px;height:7px;border-radius:2px;background:#dfe7d3}.legend-square.selected{background:#a3c878}.chart{min-height:145px}.chart svg{width:100%;height:164px;overflow:visible}.chart-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #eef1ea;padding-top:12px;color:#68775f;font-size:10px}.control-card .section-title{margin-bottom:12px}.control-card>p:first-of-type{font-size:11px;color:var(--muted);max-width:235px}.control-state{font-size:10px;padding:10px 12px;border-radius:8px;background:#f5f7f0;color:#65755b;margin:14px 0}.button-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.control-card>.micro{text-align:center;font-size:10px;margin:0}.small-icon{color:#879777;font-size:19px}.next-step{display:flex;align-items:center;gap:17px;background:#ecf1e5;border:1px solid #e0e8d6;border-radius:12px;margin-top:22px;padding:18px 23px}.next-step-icon{font-size:25px;color:#6f9350}.next-step strong{font-size:12px;font-weight:600}.next-step p{font-size:10px;color:#68775f;margin:4px 0 0}.next-step .button{margin-left:auto;font-size:10px;min-height:35px;background:transparent}.plan-layout{display:grid;grid-template-columns: .85fr 1.15fr;gap:22px}.form-stack{display:flex;flex-direction:column;gap:17px}.form-stack>p,.form-stack>small{margin:-8px 0 0}label{display:flex;flex-direction:column;gap:7px;color:#586a4e;font-size:11px;font-weight:550}label small{font-weight:400;color:var(--muted)}input:not([type=checkbox]):not([type=range]):not([type=hidden]),select{width:100%;height:43px;border:1px solid #dfe6d8;border-radius:8px;background:#fcfdf9;padding:9px 11px;font-size:12px;color:#243d2b;min-width:0}input::placeholder{color:#a0aa97;font-size:11px}input[type=file]{height:auto!important;font-size:11px!important}input[type=range]{accent-color:#82ab56;width:100%}.range-heading{display:flex;align-items:center;justify-content:space-between}.range-heading strong{font-size:44px;font-weight:500;letter-spacing:-2px}.range-heading strong span{font-size:20px;margin-left:4px}.range-heading>span{font-size:10px;color:#68775f;font-weight:400}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.checkbox{flex-direction:row;align-items:flex-start;gap:10px;font-size:11px;font-weight:400;line-height:1.6}.checkbox input{accent-color:#6d914b;margin-top:3px;flex:none}.plan-result{min-height:360px}.empty-illustration{color:#82a45f;background:#eff5e7;border-radius:20px;font-size:55px;width:90px;text-align:center;margin:15px 0 25px}.plan-result>p{max-width:350px;font-size:12px;color:var(--muted);margin-top:15px}.callout{display:flex;align-items:flex-start;gap:13px;background:#edf2e6;border:1px solid #e0e9d6;border-radius:12px;padding:20px;margin-top:20px}.callout>span{font-size:21px;color:#779259}.callout strong{font-size:12px}.callout p{font-size:11px;color:#68775f;margin:8px 0 0}.plan-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0;padding:17px 0;border-block:1px solid var(--line)}.plan-metrics strong{display:block;font-size:25px;font-weight:500;letter-spacing:-.8px}.plan-metrics span{font-size:10px;color:#839076}.window-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid #edf1e7;font-size:11px}.window-row small{display:block;color:#68775f;font-size:10px}.plan-warnings{margin-top:18px;padding-left:17px;color:#68775f;font-size:10px;line-height:1.9}.import-card{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:22px}.import-card p{font-size:12px;color:var(--muted);margin-top:13px}.import-card details{font-size:10px;color:#7c8b70;margin-top:20px}.import-card code{display:block;white-space:normal;overflow-wrap:anywhere;padding:12px;background:#f1f5e9;margin-top:10px;font-size:10px}.activity-summary{display:flex;align-items:center;gap:15px;margin-bottom:22px}.activity-summary p{font-size:11px;color:#68775f;margin:4px 0 0}.activity-summary .button{margin-left:auto}.activity-summary strong{font-size:12px}.event{display:flex;align-items:flex-start;gap:16px;padding:20px 0;border-bottom:1px solid #edf1e7}.event:last-child{border:0}.event-icon{width:30px;height:30px;border-radius:100%;background:#edf4e5;display:grid;place-items:center;color:#7a995a;flex:none}.event strong{font-size:12px;font-weight:550}.event p{font-size:11px;color:#68775f;margin:4px 0 0}.event time{margin-left:auto;white-space:nowrap;color:#68775f;font-size:10px}.event.failed .event-icon{color:#aa5f38;background:#f9eee5}.job{margin:0 0 10px;padding:12px 17px;border-radius:9px;background:#e8eee0;font-size:11px;display:flex;justify-content:space-between;gap:15px}.connection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.connection-card{position:relative}.connection-logo{width:43px;height:43px;display:grid;place-items:center;background:#edf0e8;font-size:24px;letter-spacing:-2px;border-radius:12px;font-weight:600;margin-bottom:22px}.loxone-logo{background:#e4f6cf;color:#71a72b}.control-logo{background:#233f2e;color:#c7ed95}.connection-status{position:absolute;right:20px;top:30px;background:#f5f7f0;font-size:10px;padding:4px 7px}.connection-card>p{font-size:11px;color:var(--muted);margin:10px 0 25px;min-height:35px}.connection-card>.micro{font-size:10px;margin:15px 0 0;min-height:0}.connection-card .form-stack{gap:14px}.connection-card .button{font-size:10px;padding:10px}.connection-card label{font-size:10px}.connection-card .text-link{font-size:10px}.vehicle-list{display:grid;gap:8px}.vehicle-option{border:1px solid #d7e1cc;background:#f4f8ed;color:#46613a;padding:9px;border-radius:7px;text-align:left;font-size:10px}.mapping-card{margin-top:22px}.mapping-form{display:grid;grid-template-columns:1fr 1fr;gap:17px}.mapping-form .wide{grid-column:1/-1}.mapping-form button{align-self:end}.mapping-card>.micro{margin-top:16px}.mapping-list{display:flex;gap:8px;flex-wrap:wrap}.mapping-chip{background:#eef4e5;border-radius:5px;padding:6px 9px;font-size:10px;color:#6d815a}.settings-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.setting-row{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-bottom:1px solid #edf1e6;font-size:11px}.setting-row:last-child{border:0;padding-bottom:0}.setting-row span{color:#68775f}.setting-row strong{font-weight:550}footer{display:flex;align-items:center;gap:0;margin-top:34px;padding:20px 0 7px;font-weight:650;color:#86927c;font-size:13px;border-top:1px solid #e7ecdf}footer>span{color:#8aac68}footer>p{font-size:10px;font-weight:400;color:#68775f;margin:0 0 0 13px}footer small{margin-left:auto;font-size:10px;font-weight:400;color:#68775f}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:60;background:#1d3427;color:#eff8e9;border:1px solid #496344;padding:15px 23px;border-radius:12px;box-shadow:0 10px 40px #0002;font-size:12px;max-width:min(650px,90vw)}dialog{border:1px solid #dce6d3;border-radius:20px;padding:28px;max-width:460px;width:calc(100% - 32px);color:var(--ink)}dialog::backdrop{background:#12221bcc;backdrop-filter:blur(4px)}dialog p{color:#7d8b71;font-size:12px}dialog label{margin:17px 0}dialog .field-grid label{margin:0}.close-button{font-size:24px;border:0;background:none;color:#7c8c70}.login-body{min-height:100vh;background:radial-gradient(ellipse at 70% 10%,#e2edcf,transparent 70%),#f2f5ed;display:grid;place-items:center}.login-panel{padding:50px;background:#fff;border:1px solid #dee6d6;border-radius:22px;max-width:430px;margin:24px}.login-panel .brand{margin-bottom:45px}.login-panel>p:not(.eyebrow){color:#7c8b72;font-size:12px}.login-panel .form-stack{margin:25px 0}.form-error{color:#a05f34!important}.skip{position:fixed;left:20px;top:-70px;background:white;padding:10px;z-index:100}.skip:focus{top:10px}.empty-chart{height:155px;display:grid;place-content:center;text-align:center;color:#68775f;font-size:11px;background:repeating-linear-gradient(to top,transparent 0,transparent 37px,#eef2e9 38px);border-radius:8px}.empty-chart a{color:#637f4d;margin-top:8px}.badge-warning{color:#93733c;background:#faf3df;padding:5px 10px;border-radius:20px;font-size:10px}.badge-ok{color:#57743d;background:#edf5e2;padding:5px 10px;border-radius:20px;font-size:10px}
@media(min-width:1600px){main{padding-top:44px}.vehicle-main{min-height:190px}.car-art{right:-10px}.overview-top{grid-template-columns:1.3fr 1fr}}@media(max-width:1200px){.sidebar{width:190px;padding:25px 17px}.brand{font-size:22px}.app-shell{margin-left:190px}main{padding:26px 25px}.topbar{padding:0 25px}.mode-banner{padding:9px 25px}.car-art{right:-40px;bottom:16px}.card{padding:20px}.stats-row{gap:12px}.stat{padding:16px}.stat>strong{font-size:23px}.connection-grid{gap:13px}.connection-card{padding:18px}.connection-status{right:12px}h1{font-size:30px}.chart-legend{font-size:10px}.vehicle-main{min-height:160px}.overview-top{gap:16px}.flow-node{min-width:58px}.flow-node small{font-size:10px}.flow-icon{width:42px;height:42px}.flow-node strong{font-size:12px}.vehicle-footer{font-size:10px}.battery-number>span:first-child{font-size:65px}.car-art{width:75%}}@media(max-width:1000px){.sidebar{width:76px;padding:25px 12px;align-items:center}.brand{font-size:0;gap:0}.brand-mark{font-size:27px}.brand-dot,.workspace,.nav-label,.sidebar-bottom{display:none}nav{margin-top:50px;width:100%}nav a{font-size:0;padding:12px;gap:0;justify-content:center}nav a>span:first-child{font-size:24px}nav .nav-count{display:none}.app-shell{margin-left:76px}.connection-grid{grid-template-columns:1fr}.connection-card{display:block;padding:24px}.connection-card .form-stack{display:grid;grid-template-columns:1fr 1fr}.connection-card .button{align-self:end}.connection-card>p{min-height:0}.connection-status{right:24px}.overview-top{grid-template-columns:1.1fr 1fr}.stats-row{grid-template-columns:repeat(2,1fr)}.plan-layout{grid-template-columns:1fr 1.1fr}.header-right{gap:12px}}@media(max-width:760px){main{padding:26px 18px}.topbar{height:62px;padding:0 18px}.mode-banner{padding:10px 18px;font-size:10px}.header-right #clock{display:none}.overview-top,.overview-bottom,.plan-layout,.settings-layout{grid-template-columns:1fr}.vehicle-card{padding:22px}.vehicle-main{min-height:178px}.battery-number>span:first-child{font-size:78px}.car-art{width:70%;right:-5px;bottom:0}.energy-flow{justify-content:space-around}.flow-node small{font-size:10px}.flow-node strong{font-size:15px}.flow-icon{width:48px;height:48px}.page-heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:23px}.page-heading .button{min-height:36px;font-size:10px;padding:8px 12px}h1{font-size:29px}.next-step{align-items:flex-start;flex-wrap:wrap;padding:18px}.next-step .button{margin-left:40px}.next-step p{max-width:250px}.import-card{grid-template-columns:1fr;gap:20px}.activity-summary{flex-wrap:wrap}.activity-summary .button{margin-left:18px}.event{gap:10px}.event time{font-size:10px;white-space:normal;min-width:65px;max-width:65px}.connection-card .form-stack{display:flex}.mapping-form{grid-template-columns:1fr}.mapping-form .wide{grid-column:auto}.car-glow{width:100%}.stat{padding:16px}.stat>div{font-size:10px}.stat p{font-size:10px}footer small{max-width:110px;text-align:right}.settings-layout{gap:20px}}@media(max-width:500px){.sidebar{inset:auto 0 0 0;height:66px;width:auto;padding:0 8px;background:#182b22f7;backdrop-filter:blur(12px)}.sidebar>.brand{display:none}nav{display:flex;margin:0;justify-content:space-around;width:100%;height:100%;gap:0}nav a{flex-direction:column;gap:4px;font-size:10px;padding:9px 7px;border-radius:0;flex:1}nav a.active{background:#334a35;color:#d0eea9}nav a>span:first-child{font-size:21px}.app-shell{margin:0;padding-bottom:66px}.topbar{height:58px}.header-right .environment{font-size:10px}.breadcrumbs{font-size:10px}.breadcrumbs span{padding:0 8px}.avatar{width:29px;height:29px;font-size:10px}main{padding:25px 16px 10px}h1{font-size:29px}.page-heading .eyebrow{font-size:10px}.card{padding:20px}.vehicle-card{padding:20px}.car-art{right:-15px;width:75%}.battery-number>span:first-child{font-size:69px}.vehicle-main{min-height:157px}.vehicle-footer{font-size:10px}.vehicle-label{font-size:10px}.dark-pill{font-size:10px}.stats-row{gap:12px}.stat{padding:14px}.stat>strong{font-size:24px}.stat>div{font-size:10px}.stat-icon{font-size:15px}.chart-legend{gap:13px}.chart-footer{font-size:9px}.price-card h2{font-size:14px}.price-card .text-link{font-size:10px}.next-step-icon{display:none}.next-step .button{margin-left:0}.plan-metrics strong{font-size:22px}.field-grid{gap:10px}.connection-card .connection-status{top:28px}.event time{font-size:10px}.login-panel{padding:30px}.toast{bottom:83px}footer>p{font-size:10px;margin-left:10px}footer small{font-size:10px}.header-right{gap:7px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Workspace refinement: legible controls, stronger hierarchy and persistent settings actions. */
:root{--ink:#20382f;--muted:#64736d;--bg:#f3f5f1;--line:#dfe6df;--green:#c8ee9b;--radius:20px}
body{font-size:14px;letter-spacing:-.12px}.sidebar{background:#142e25;padding-top:27px}.brand{letter-spacing:-1.3px}.brand-mark{border-radius:12px}.workspace{background:#203a30;border:1px solid #3d564746;border-radius:12px;padding:14px 12px;margin:31px 0}.workspace strong{font-size:12px;font-weight:600}.sidebar-bottom h3{font-size:19px}.sidebar-bottom p{font-size:12px}.sidebar-bottom{padding-bottom:6px}nav a{min-height:46px;font-size:13px;border-radius:10px}nav a.active{box-shadow:0 4px 16px #08181019}.topbar{height:72px;background:var(--card)}.breadcrumbs{font-size:13px}.breadcrumbs #breadcrumb-home{padding:0;color:var(--muted)}.environment{font-size:11px}.avatar{border-color:var(--bg)}.mode-banner{font-size:11px;padding-block:7px}.demo-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 38px;border-bottom:1px solid var(--line);background:var(--card);font-size:12px}.demo-toolbar>div{display:flex;align-items:center;gap:9px}.demo-toolbar strong{font-weight:650}.demo-caption{color:var(--muted);margin-left:6px}.demo-dot{width:7px;height:7px;background:#799767;border-radius:50%;box-shadow:0 0 0 4px #8cad6320}.scenario-label{flex-direction:row;align-items:center;gap:10px;font-size:12px;white-space:nowrap}.scenario-label select{height:36px;width:190px;background:var(--bg);font-size:12px}.page-heading{margin-bottom:24px}.page-heading p:last-child{font-size:14px;line-height:1.6}h1{font-size:36px;font-weight:550;letter-spacing:-1.6px}h2{font-size:19px;font-weight:600;letter-spacing:-.5px}.eyebrow{font-size:10px;letter-spacing:1.8px;margin-bottom:10px;color:#718679}.card{box-shadow:0 3px 10px #20352b03;border-color:var(--line)}.button{min-height:44px;font-size:13px;border-radius:10px;padding:11px 17px}.primary{background:var(--green);border-color:#adc985;color:#253f2a}.primary:hover{background:#bde885}.secondary{background:var(--card);border-color:var(--line);color:var(--ink)}.text-link,.text-button{font-size:12px}.text-link{white-space:normal}.micro{font-size:12px;line-height:1.7}.connection-strip{display:flex;gap:24px;margin:0 0 23px;font-size:11px}.connection-strip a{display:flex;align-items:center;gap:5px}.connection-strip strong{font-weight:500;color:#718273;margin-left:5px}.connection-strip .status-dot{background:#6c9b78;margin-right:4px}.connection-strip .offline{background:#b2945d}.vehicle-card{background:radial-gradient(ellipse at 95% 85%,#47694c70,transparent 70%),linear-gradient(115deg,#254837,#152f26);border:1px solid #2e4f3b;padding:25px 27px 21px}.vehicle-label,.vehicle-label>span{font-size:11px;letter-spacing:1px;margin-left:0}.vehicle-label>span+span{margin-left:12px}.vehicle-main{min-height:190px}.battery-number>span:first-child{font-size:88px;font-weight:400;letter-spacing:-6px}.battery-number p{font-size:13px}.battery-quality{font-size:11px}.dark-pill{font-size:11px}.vehicle-footer{font-size:11px}.battery-track{height:7px;margin-bottom:16px}.car-art{right:-18px;width:73%;bottom:13px;opacity:.94}.energy-card{padding:25px}.energy-flow{padding:10px 0 24px}.flow-icon{width:54px;height:54px;border-radius:16px;margin-bottom:12px}.flow-node strong{font-size:19px}.flow-node small{font-size:11px}.home-battery{font-size:12px;padding-top:16px}.home-battery small,.energy-card>.micro{font-size:11px}.home-battery strong{font-size:21px}.stat{padding:20px}.stat>div{font-size:12px}.stat>strong{font-size:30px;margin:12px 0 7px}.stat p{font-size:11px;line-height:1.65}.stat strong small{font-size:13px}.price-card h2{font-size:19px}.price-insights{display:flex;gap:28px;margin:10px 0 20px}.price-insights>div{display:grid;gap:5px}.price-insights span{font-size:11px;color:var(--muted)}.price-insights strong{font-size:21px;font-weight:550;letter-spacing:-.5px}.price-insights small{font-size:11px;font-weight:400;letter-spacing:0}.chart svg{height:180px}.chart-legend,.chart-footer{font-size:11px}.control-card>p:first-of-type{font-size:13px}.control-state{font-size:12px;line-height:1.6;padding:13px;margin:12px 0 18px;border:1px solid var(--line);background:var(--bg);color:var(--ink)}.limit-summary{font-size:11px;color:var(--muted)}.control-card>.micro{font-size:11px}.next-step{padding:22px;background:#e8eedf}.next-step strong{font-size:14px}.next-step p{font-size:12px}.next-step .button{font-size:12px}.settings-layout{grid-template-columns:minmax(0,1fr) 290px;align-items:start}.settings-sections{display:grid;gap:20px;min-width:0}.settings-section{padding:28px}.settings-heading{display:flex;align-items:flex-start;gap:15px;margin-bottom:25px}.section-number{display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:var(--bg);width:38px;height:38px;flex:none;font-size:12px;color:#6a8669}.settings-heading p{font-size:12px;color:var(--muted);margin:6px 0 0}.settings-aside{display:grid;gap:20px;position:sticky;top:22px;min-width:0}.setting-help{font-size:12px;line-height:1.75;color:var(--muted);margin:18px 0 0}.settings-section .field-grid{gap:20px 18px}label,.connection-card label{font-size:12px;font-weight:550;color:var(--ink)}input:not([type=checkbox]):not([type=range]):not([type=hidden]),select{height:46px;background:var(--bg);border-color:var(--line);font-size:14px;color:var(--ink);border-radius:9px}input::placeholder{font-size:12px;color:#7c8980}input[type=checkbox]{width:17px;height:17px}.setting-check{margin-top:21px;font-size:12px}.setting-check strong{display:block;font-weight:600;margin-bottom:3px;color:var(--ink)}.setting-check span{color:var(--muted)}.setting-row{font-size:12px;padding-block:14px}.settings-savebar{position:sticky;bottom:16px;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid var(--line);background:var(--card);border-radius:15px;box-shadow:0 10px 35px #20382f12}.settings-savebar>span{font-size:11px;color:var(--muted)}.settings-savebar>div{display:flex;gap:8px}.settings-savebar .button{font-size:12px}.unsaved{background:#fff4d5;color:#886322;border-color:#e6d5a4}.launch-checklist{margin-top:20px}.launch-checklist p{display:flex;align-items:center;gap:10px;font-size:12px;margin-bottom:14px;color:var(--muted)}.launch-checklist p>span{font-size:10px;display:grid;place-items:center;background:var(--bg);border:1px solid var(--line);border-radius:50%;height:24px;width:24px;color:var(--ink)}.demo-settings>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.7;margin-top:14px}.demo-settings .button{margin-top:7px}.demo-connection{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:17px;margin-bottom:15px}.demo-connection p{font-size:12px;color:var(--muted);margin:15px 0}.connection-card>p{font-size:13px;line-height:1.7;min-height:44px}.connection-card .button,.connection-card .text-link{font-size:12px}.connection-card>.micro{font-size:11px}.vehicle-option{font-size:12px;padding:12px;line-height:1.6}.connection-status{font-size:11px}.mapping-chip{font-size:11px;padding:7px 10px}.event strong{font-size:14px}.event p{font-size:12px;line-height:1.7}.event time,.event .micro{font-size:11px}.event-icon{height:34px;width:34px}.activity-summary strong{font-size:14px}.activity-summary p{font-size:12px}.filter-label select{font-size:12px;height:37px}.job{font-size:12px;padding:15px}.plan-actions{display:flex;gap:18px;margin-top:20px;align-items:center}.plan-result>p{max-width:none;font-size:13px}.window-row{font-size:12px;padding-block:18px}.window-row small,.plan-metrics span,.plan-warnings{font-size:12px}.plan-metrics strong{font-size:29px}.form-stack>small,.form-stack>.micro,.checkbox{font-size:12px}.callout p{font-size:12px}.callout strong{font-size:13px}.import-card details{font-size:12px}.import-card code{font-size:11px}footer>p,footer small{font-size:11px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{background:var(--card);color:var(--ink)}dialog p{font-size:13px;color:var(--muted)}.toast{font-size:13px}.section-title{flex-wrap:wrap}
:root[data-theme=dark]{color-scheme:dark;--ink:#e2eae4;--muted:#a5b6aa;--bg:#14251e;--card:#1d3027;--line:#35483c;--green:#bfe68d;--green-dark:#acda82}
[data-theme=dark] .mode-banner,[data-theme=dark] .callout,[data-theme=dark] .next-step{background:#273c2c;border-color:var(--line);color:var(--muted)}[data-theme=dark] .mode-banner strong,[data-theme=dark] .text-link,[data-theme=dark] .text-button{color:#bddb9f}[data-theme=dark] .primary{color:#21391e}[data-theme=dark] .secondary:hover{background:#304537}[data-theme=dark] .breadcrumbs strong{color:var(--ink)}[data-theme=dark] .tiny-label,[data-theme=dark] .connection-status,[data-theme=dark] .mapping-chip,[data-theme=dark] .vehicle-option,[data-theme=dark] .job,[data-theme=dark] .avatar,[data-theme=dark] .badge-ok,[data-theme=dark] .environment,[data-theme=dark] .demo-connection .pill{background:#2a4131;color:#c5dcae;border-color:var(--line)}[data-theme=dark] .flow-icon,[data-theme=dark] .event-icon,[data-theme=dark] .empty-illustration,[data-theme=dark] .connection-logo{background:#2a4330;border-color:#42583b;color:#bcd994}[data-theme=dark] .flow-icon.sun{background:#3c3928;color:#e0ca85}[data-theme=dark] .stat p,[data-theme=dark] .stat>div,[data-theme=dark] .setting-row span,[data-theme=dark] .event p,[data-theme=dark] .event time,[data-theme=dark] .callout p,[data-theme=dark] .next-step p,[data-theme=dark] .plan-warnings,[data-theme=dark] .window-row small,[data-theme=dark] .chart-footer,[data-theme=dark] .chart-legend,[data-theme=dark] .home-battery small,[data-theme=dark] footer small,[data-theme=dark] footer>p{color:var(--muted)}[data-theme=dark] .event,[data-theme=dark] .setting-row,[data-theme=dark] .window-row,[data-theme=dark] .chart-footer,[data-theme=dark] footer{border-color:var(--line)}[data-theme=dark] .chart svg line{stroke:#344939}[data-theme=dark] .chart svg text{fill:#a4b59c}[data-theme=dark] .chart svg rect{opacity:.85}[data-theme=dark] .unsaved,[data-theme=dark] .badge-warning{background:#493e26;color:#e6cf94}[data-theme=dark] .launch-checklist p>span{color:var(--ink)}
@media(min-width:1600px){.vehicle-main{min-height:215px}.overview-top{grid-template-columns:1.2fr 1fr}}
@media(max-width:1200px){.settings-layout{grid-template-columns:minmax(0,1fr) 250px}.demo-toolbar{padding-inline:25px}.demo-caption{display:none}.vehicle-main{min-height:190px}.battery-number>span:first-child{font-size:80px}.car-art{right:-35px}.flow-node strong{font-size:16px}.flow-node small{font-size:10px}.settings-savebar{flex-wrap:wrap}.connection-strip{gap:18px}.connection-strip strong{display:none}.settings-section{padding:24px}}
@media(max-width:1000px){nav a{font-size:0}.settings-layout{grid-template-columns:minmax(0,1fr) 235px}.settings-section .field-grid{grid-template-columns:1fr}.settings-section{padding:22px}.settings-heading{gap:10px}.settings-aside>.card{padding:19px}.vehicle-footer{flex-wrap:wrap}.vehicle-card{padding:22px}.battery-number>span:first-child{font-size:74px}.demo-toolbar{padding-inline:25px}}
@media(max-width:760px){.settings-layout{grid-template-columns:1fr}.settings-aside{position:static;grid-template-columns:1fr 1fr}.settings-aside .demo-settings{grid-column:1/-1}.settings-section .field-grid{grid-template-columns:1fr 1fr}.settings-savebar{flex-wrap:nowrap}.settings-savebar>span{max-width:115px}.demo-toolbar{padding-inline:18px}.demo-toolbar>div{font-size:11px}.scenario-label{font-size:0}.scenario-label select{width:165px;font-size:11px;height:34px}.page-heading .button{font-size:12px;min-height:42px}h1{font-size:32px}.vehicle-main{min-height:180px}.car-art{right:0;width:70%}.battery-number>span:first-child{font-size:82px}.flow-node strong{font-size:19px}.flow-node small{font-size:12px}.price-card h2{font-size:18px}.stat>strong{font-size:29px}.connection-strip{font-size:11px;justify-content:space-between;gap:8px}.demo-toolbar{gap:8px}.sidebar{padding-top:25px}.price-insights{gap:25px}.chart-legend{font-size:10px}}
@media(max-width:500px){.sidebar{padding:0 5px}nav a{font-size:9px;min-height:66px;padding:10px 6px}.settings-aside{grid-template-columns:1fr}.settings-aside .demo-settings{grid-column:auto}.settings-section .field-grid{grid-template-columns:1fr}.settings-savebar{bottom:77px;gap:6px;padding:12px}.settings-savebar>span{display:none}.settings-savebar>div{width:100%;justify-content:space-between}.settings-savebar .button{padding-inline:14px}.settings-heading h2{font-size:18px}.settings-heading p{font-size:12px}.demo-toolbar{padding:11px 16px}.demo-toolbar>div{gap:8px}.scenario-label select{width:153px}.demo-toolbar strong{font-size:10px}.connection-strip{flex-wrap:wrap;font-size:10px;gap:10px}.connection-strip .status-dot{width:5px;height:5px;margin:0}.connection-strip a{gap:5px}.page-heading p:last-child{font-size:13px}h1{font-size:31px}.stat{padding:16px}.stat>div{font-size:11px}.stat>strong{font-size:27px}.stat p{font-size:11px}.car-art{width:75%;right:-20px;bottom:20px}.vehicle-main{min-height:172px}.battery-number>span:first-child{font-size:76px}.battery-quality{font-size:10px}.dark-pill{font-size:10px}.vehicle-footer{font-size:10px}.energy-card{padding:22px}.flow-node small{font-size:10px}.flow-node strong{font-size:18px}.price-insights{gap:20px}.price-insights strong{font-size:19px}.price-insights span{font-size:10px}.price-card .text-link{font-size:11px}.chart-footer{font-size:10px;align-items:flex-start}.plan-actions{flex-wrap:wrap}.next-step p{max-width:none}.settings-layout{gap:20px}.event time{font-size:10px}.event strong{font-size:13px}.event p{font-size:12px}}
/* Focused charging workspace: one goal, one plan, three destinations. */
.charge-layout{display:grid;grid-template-columns:minmax(320px,.86fr) minmax(390px,1.14fr);gap:24px;margin-bottom:24px;align-items:start}.charge-left,.charge-right{display:grid;gap:22px;min-width:0}.page-heading h1{max-width:760px;font-size:clamp(29px,2.5vw,40px);line-height:1.16}.vehicle-picker{color:#b9ceb8;max-width:65%;font-size:11px}.vehicle-picker select{background:#ffffff0d;color:#f5f9ef;border-color:#59705b;font-size:17px;font-weight:550;height:45px}.vehicle-picker option{background:#24392e;color:#fff}.compact-vehicle .vehicle-main{min-height:135px;justify-content:space-between}.compact-vehicle .battery-number>span:first-child{font-size:76px}.charging-orbit{width:108px;height:108px;border:1px solid #adc89933;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#afd58718,transparent 70%);margin-right:15px}.charging-orbit:before{content:'';position:absolute;inset:12px;border:1px solid #adc89930;border-radius:50%}.charging-orbit span{font-size:66px;line-height:1;color:#c7ed95;font-weight:300}.goal-card .range-heading strong{font-size:42px}.goal-card .field-grid{grid-template-columns:1fr}.goal-card .form-stack{gap:18px}.goal-card .advanced{margin:0}.advanced>summary{font-size:12px;color:var(--muted);cursor:pointer;padding:9px 0;font-weight:550}.advanced[open]>summary{margin-bottom:12px}.automation-card{padding:29px;min-height:460px;transition:border-color .2s}.automation-card.automation-on{border-color:#9dbe7b;box-shadow:0 3px 24px #6e934410}.automation-card>p{color:var(--muted);font-size:13px}.automation-card .section-title{margin-bottom:13px}.automation-card h2{font-size:23px;line-height:1.25}.automation-card .status-dot{width:9px;height:9px;background:#c2cabe}.automation-on .status-dot{background:#74a245;box-shadow:0 0 0 5px #92bc6520}.automation-card .plan-result{min-height:0;border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.plan-result h3{font-size:15px;font-weight:550;margin:0}.plan-result>p{font-size:12px;margin:8px 0 20px}.estimate-total{border-radius:13px;background:#edf4e5;padding:19px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.estimate-total>span{font-size:12px;color:#526e42;max-width:120px}.estimate-total strong{font-size:36px;font-weight:550;letter-spacing:-1.1px;white-space:nowrap}.estimate-total small{font-size:16px;letter-spacing:0}.plan-metrics{grid-template-columns:1fr 1fr;margin:16px 0;padding:12px 0}.plan-metrics strong{font-size:23px}.plan-metrics strong small{font-size:13px;font-weight:400}.windows-list{max-height:238px;overflow:auto}.window-row{gap:15px;padding:13px 0}.window-row>strong{white-space:nowrap}.plan-actions{margin:10px 0;justify-content:space-between}.plan-actions .text-button{font-size:11px}#arm-area{border-top:1px solid var(--line);padding-top:17px;margin-top:8px}#arm-area>.button{margin-top:18px}.automation-card>.micro{font-size:11px;margin-top:17px;margin-bottom:0}#automation-summary{font-size:12px;color:var(--green-dark)}.compact-energy .energy-flow{padding-bottom:0}.manual-card summary{cursor:pointer;font-weight:600;font-size:14px}.manual-card .control-state{font-size:12px;line-height:1.6}.price-card .chart svg{height:180px}.price-insights{margin:16px 0 23px}.price-insights strong small{font-size:12px;letter-spacing:0}.price-insights>div{min-width:0}.history-card{margin-top:22px}.history-card .section-title select{width:auto;max-width:220px}#jobs-list:not(:empty){margin-top:20px}#quota-summary{display:flex;flex-wrap:wrap;gap:35px;margin-top:20px}.quota-stat strong{display:block;font-size:31px;font-weight:500;letter-spacing:-.7px}.quota-stat small{font-size:16px;font-weight:400;color:var(--muted)}.quota-stat>span{font-size:12px;color:var(--muted)}.cars-card{margin-bottom:24px}.car-row{display:flex;align-items:center;gap:20px;padding:20px 0;border-top:1px solid var(--line)}.car-avatar{background:#edf4e5;width:53px;height:53px;flex:none;border-radius:13px;display:grid;place-items:center;font-size:37px;color:#618942}.car-name-field{flex:1;max-width:470px}.car-name-field small{display:block;color:var(--muted);font-size:11px;margin-top:7px}.car-actions{display:flex;gap:20px;align-items:center;margin-left:auto}.car-actions .text-button{white-space:nowrap}.settings-v2{display:grid;gap:22px;max-width:none}.settings-v2 .card{padding:27px}.settings-v2 .field-grid{gap:19px 25px;grid-template-columns:1fr 1fr}.settings-v2 .settings-heading{margin-bottom:25px}.setting-check{margin-top:20px}.refresh-setting{max-width:230px;margin-top:20px}.settings-v2 .settings-savebar{margin-top:0}.connections-details{margin-top:25px}.connections-details>summary{font-size:17px;font-weight:600;cursor:pointer}.connections-details .connection-grid{margin-top:25px}.connections-details .connection-card{padding:10px 5px}.connection-card .pill{display:inline-block;margin-bottom:18px}.connection-card .form-stack{margin-bottom:10px}.connections-details .advanced{border-top:1px solid var(--line);margin-top:25px;padding-top:13px}.mapping-list{margin-top:17px}.ote-settings,.demo-settings{margin-top:22px}.demo-settings p{font-size:13px;color:var(--muted);margin-top:12px}.setting-help{font-size:12px;line-height:1.75;color:var(--muted);margin:13px 0}.plan-result .empty-illustration{width:67px;height:67px;font-size:40px;border-radius:16px;margin:8px 0 20px}.vehicle-card .card-top{align-items:center}.home-quality{font-size:10px}.price-card .chart-footer{flex-wrap:wrap}.car-row input{font-size:15px!important}.form-stack input[type=range]{height:24px;margin:0}.refresh-setting select{width:100%}.history-card{overflow:hidden}.sidebar nav a>span:last-child{font-size:14px}input[type=checkbox]{width:17px;height:17px}.checkbox{gap:12px}
[data-theme=dark] .estimate-total,[data-theme=dark] .car-avatar{background:#2b4230;color:#d4e7bc}[data-theme=dark] .estimate-total>span{color:#b9cea5}[data-theme=dark] .charging-orbit{background:radial-gradient(circle,#afd58718,transparent 70%)}
@media(max-width:1200px){.charge-layout{grid-template-columns:minmax(285px,.9fr) minmax(330px,1.1fr);gap:19px}.automation-card{padding:23px}.estimate-total strong{font-size:31px}.car-actions{gap:12px}}
@media(max-width:1000px){.sidebar nav a>span:last-child{font-size:0}.charge-layout{grid-template-columns:minmax(270px,.85fr) minmax(315px,1.15fr)}.compact-vehicle{padding:20px}.charging-orbit{width:85px;height:85px;margin-right:0}.compact-vehicle .battery-number>span:first-child{font-size:67px}.vehicle-picker select{font-size:15px}.dark-pill{padding:5px 7px}.car-actions{flex-direction:column;gap:0}.car-row{gap:15px}}
@media(max-width:820px){.charge-layout{grid-template-columns:1fr}.charge-left{grid-template-columns:1fr}.goal-card .field-grid{grid-template-columns:1fr 1fr}.compact-vehicle .vehicle-main{min-height:125px}.vehicle-picker{max-width:65%}.compact-vehicle .battery-number>span:first-child{font-size:75px}.charging-orbit{width:104px;height:104px;margin-right:20px}.automation-card{min-height:0}.settings-v2 .field-grid{grid-template-columns:1fr 1fr}.car-name-field{max-width:none}.settings-v2 .card{padding:23px}.price-card{margin-top:0}.price-insights{gap:26px}.page-heading h1{max-width:600px}}
@media(max-width:500px){.sidebar nav a>span:last-child{font-size:11px}.sidebar nav{grid-template-columns:repeat(3,1fr);width:100%}.sidebar nav a{gap:3px}.charge-layout{gap:18px}.charge-left,.charge-right{gap:18px}.page-heading h1{font-size:30px;letter-spacing:-.85px}.goal-card .field-grid,.settings-v2 .field-grid{grid-template-columns:1fr}.goal-card,.automation-card,.compact-energy{padding:21px}.compact-vehicle .vehicle-main{min-height:123px}.charging-orbit{margin-right:7px;width:94px;height:94px}.vehicle-picker{max-width:60%}.vehicle-picker select{font-size:15px}.vehicle-picker>span{font-size:10px}.automation-card h2{font-size:22px}.estimate-total{padding:17px}.estimate-total strong{font-size:31px}.plan-metrics{gap:14px}.plan-metrics strong{font-size:22px}.plan-metrics span{font-size:11px}.car-avatar{display:none}.car-row{flex-wrap:wrap;gap:8px}.car-name-field{flex-basis:100%}.car-actions{width:100%;flex-direction:row;justify-content:space-between}.car-actions .button{min-height:37px}.settings-v2 .card{padding:21px}.settings-v2 .settings-savebar{bottom:78px}.price-insights{gap:20px;justify-content:space-between}.price-insights strong{font-size:23px}.price-insights strong small{font-size:10px}.price-insights span{font-size:10px}.demo-toolbar{flex-wrap:wrap}.demo-toolbar strong{font-size:11px}.scenario-label select{font-size:11px}.button-pair{gap:8px}.button-pair .button{font-size:11px;padding:10px}.window-row{font-size:11px}.plan-actions{gap:8px}.quota-stat strong{font-size:29px}.history-card .section-title select{max-width:190px}.event{flex-wrap:wrap}.event>div:nth-child(2){flex:1;min-width:0}.event time{margin-left:44px;max-width:none;min-width:0}.connections-details .connection-card{padding:0}.settings-savebar .button{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.mini-energy{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:3px 0 5px}.mini-energy>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.mini-energy>div>span{background:#eff5e8;border:1px solid #e3ebdc;color:#69884e;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:22px}.mini-energy strong{font-size:20px;font-weight:550;white-space:nowrap}.mini-energy small{font-size:11px;color:var(--muted)}[data-theme=dark] .mini-energy>div>span{background:#2a4330;border-color:#42583b;color:#bcd994}@media(max-width:500px){.mini-energy{gap:8px}.mini-energy strong{font-size:18px}.mini-energy small{font-size:10px}}
/* Phone is the primary surface. Desktop adds columns, never extra workflows. */
.mobile-brand,.mobile-title,.mobile-control{display:none}.install-card{margin-top:22px}
@media(max-width:820px){
.sidebar{width:100%;height:auto;min-height:72px;position:fixed;inset:auto 0 0;background:var(--card);color:var(--ink);padding:6px 12px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);box-shadow:0 -6px 24px #14291e08;z-index:40;display:block}.sidebar>.brand,.sidebar .workspace,.sidebar-bottom{display:none}.sidebar nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;width:100%}.sidebar nav a{display:flex;flex-direction:column;gap:4px;min-height:58px;justify-content:center;align-items:center;padding:7px 8px;color:var(--muted);border-radius:12px;line-height:1.1}.sidebar nav a>span:first-child{font-size:24px;width:auto}.sidebar nav a>span:last-child{font-size:12px;font-weight:550}.sidebar nav a.active{background:#edf5e3;color:#355d2e}.sidebar nav a:hover:not(.active){background:var(--bg);color:var(--ink)}.app-shell{margin-left:0}.mobile-brand{display:flex;align-items:center;gap:6px;font-size:21px;font-weight:750;letter-spacing:-.8px}.mobile-brand>span{display:grid;place-items:center;background:var(--green);width:28px;height:31px;border-radius:8px;font-size:25px;color:#213b2a}.topbar{height:62px;padding:0 18px;gap:12px;padding-top:env(safe-area-inset-top);box-sizing:content-box}.breadcrumbs{display:none}.header-right{gap:10px}.header-right #clock{display:none}.header-right .environment{font-size:10px;padding:5px 8px}.topbar .text-button{font-size:11px;min-height:44px}.mode-banner{padding:8px 18px;font-size:10px;line-height:1.5}.demo-toolbar{padding:10px 18px;min-height:50px;flex-wrap:nowrap;gap:9px}.demo-toolbar>div{display:none}.demo-toolbar .scenario-label{font-size:11px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:12px}.scenario-label select{height:36px;font-size:13px;width:180px}.scenario-label>span{font-size:11px}.demo-caption{display:none}main{padding:23px 18px calc(100px + env(safe-area-inset-bottom));max-width:650px}.page-heading{margin:0 0 22px;gap:12px;align-items:flex-start}.desktop-title{display:none}.mobile-title{display:inline}.page-heading h1{font-size:31px;letter-spacing:-1px;line-height:1.15;margin-bottom:8px}.page-heading .eyebrow{font-size:9px;letter-spacing:1.2px;margin-bottom:8px}.page-heading p:last-child{font-size:13px;line-height:1.6;max-width:380px}.page-heading .button{font-size:12px;min-height:44px}.button{min-height:46px;font-size:13px;padding:12px 16px}.text-button{font-size:12px;min-height:44px}input:not([type=checkbox]):not([type=range]):not([type=hidden]),select{height:48px;font-size:16px!important}label{font-size:12px}input[type=checkbox]{width:21px;height:21px;margin-top:1px}.checkbox{font-size:13px;line-height:1.65;gap:12px}input[type=range]{min-height:32px}.form-stack{gap:20px}.card{padding:22px;border-radius:18px}.page{min-width:0}#page-overview{display:flex;flex-direction:column;gap:18px}#page-overview>.page-heading{order:0;margin-bottom:0}.charge-layout,.charge-left,.charge-right{display:contents}.compact-vehicle{order:1;padding:18px 20px 15px}.compact-vehicle .card-top{margin-bottom:8px;align-items:center}.vehicle-picker{max-width:65%;gap:2px}.vehicle-picker>span{font-size:10px}.vehicle-picker select{height:38px;font-size:16px!important;padding:6px 9px}.compact-vehicle .vehicle-main{min-height:92px;padding-top:3px}.compact-vehicle .battery-number>span:first-child{font-size:61px;letter-spacing:-3px}.compact-vehicle .battery-number .percent{font-size:21px}.compact-vehicle .battery-number p{display:none}.compact-vehicle .battery-quality{display:block;font-size:10px;margin-top:6px}.charging-orbit{width:73px;height:73px;margin-right:5px}.charging-orbit:before{inset:9px}.charging-orbit span{font-size:46px}.battery-track{margin:12px 0;height:5px}.vehicle-footer{font-size:10px;line-height:1.4;flex-wrap:nowrap}.dark-pill{font-size:10px;max-width:40%;white-space:normal;text-align:center;padding:5px 8px}.goal-card{order:2}.automation-card{order:3}.price-card{order:4;margin:0}.home-inline{order:5}.manual-card{order:6}.goal-card .field-grid{grid-template-columns:1fr}.goal-card .range-heading strong{font-size:39px;line-height:1.1}.goal-card .form-stack{gap:18px}.goal-card .section-title{margin-bottom:20px}.goal-card .form-stack>.micro{font-size:11px;line-height:1.6;margin-top:-4px}.automation-card h2{font-size:23px}.automation-card>p{font-size:13px}.automation-card .plan-result{margin-top:18px;padding-top:18px}.automation-card .plan-result>h2{font-size:21px}.automation-card .plan-result>.empty-illustration{display:none}.automation-card .plan-result>p{margin:10px 0 18px}.plan-result .section-title{margin-bottom:8px}.estimate-total strong{font-size:35px}.estimate-total>span{font-size:12px}.window-row{font-size:12px;line-height:1.6}.window-row small{font-size:11px}.plan-metrics span{font-size:11px}.plan-warnings{font-size:12px}.advanced>summary{min-height:44px;padding:12px 0}.plan-actions .text-button{font-size:12px}.home-inline .section-title{margin-bottom:18px}.mini-energy strong{font-size:21px}.mini-energy small{font-size:11px}.price-card .text-button{font-size:12px}.price-insights{gap:20px}.price-insights strong{font-size:25px}.price-insights span{font-size:11px}.chart-footer{font-size:10px;line-height:1.7}.setting-help{font-size:13px;line-height:1.7}.settings-v2 .field-grid{grid-template-columns:1fr}.settings-v2 .card{padding:22px}.settings-v2 .settings-savebar{position:sticky;bottom:calc(80px + env(safe-area-inset-bottom));gap:8px;padding:12px;border-radius:13px;z-index:15}.settings-savebar>span{display:none}.settings-savebar>div{width:100%;justify-content:space-between;gap:10px}.settings-savebar .button{min-height:46px;font-size:12px}.car-avatar{display:none}.car-row{flex-wrap:wrap;gap:8px}.car-name-field{flex-basis:100%;max-width:none}.car-actions{width:100%;flex-direction:row;justify-content:space-between}.car-row input{font-size:16px!important}.car-actions .button{min-height:44px}.cars-card{margin-bottom:20px}.settings-heading h2{font-size:19px}.settings-heading p{font-size:13px}.connections-details{padding:22px}.connections-details>summary{font-size:16px;min-height:36px}.connection-card .form-stack{display:flex}.connection-card label{font-size:12px}.connection-card .button{font-size:13px;min-height:46px}.connection-card .text-button{display:block;font-size:12px}.connection-grid{gap:30px}.connection-card>p{font-size:13px}.mapping-form{grid-template-columns:1fr}.mapping-form .wide{grid-column:auto}.history-card .section-title select{height:44px;font-size:12px!important;max-width:180px}.history-card .event{gap:12px}.event strong{font-size:13px}.event p{font-size:12px}.event time{font-size:10px}.event>div:nth-child(2){min-width:0;flex:1}.event p,.job span{overflow-wrap:anywhere}#quota-summary{gap:30px}.quota-stat>span{font-size:11px}.manual-card .button-pair .button{font-size:13px}.manual-card .text-button{font-size:12px}.plan-running .goal-card{display:none}.plan-running main{padding-bottom:calc(180px + env(safe-area-inset-bottom))}.mobile-control{position:fixed;bottom:calc(72px + env(safe-area-inset-bottom));left:0;right:0;z-index:35;padding:10px 18px;background:var(--card);border-top:1px solid var(--line);display:flex;align-items:center;gap:15px;box-shadow:0 -4px 20px #14291e0a}.mobile-control>span{font-size:11px;line-height:1.4;flex:1;color:var(--muted);max-width:150px}.mobile-control .button{font-size:12px;min-height:44px;flex:1;white-space:nowrap}.plan-running .settings-v2 .settings-savebar{bottom:calc(150px + env(safe-area-inset-bottom))}.toast{bottom:calc(90px + env(safe-area-inset-bottom));max-width:calc(100% - 32px);width:max-content;padding:13px 17px;font-size:12px}.plan-running .toast{bottom:calc(160px + env(safe-area-inset-bottom))}footer{margin-top:25px;font-size:12px}footer p{font-size:10px}footer small{font-size:10px}.settings-v2 .card,.cars-card,.install-card,.ote-settings{min-width:0}.demo-settings .button-pair{grid-template-columns:1fr}.button-pair{gap:10px}.checkbox input{flex-shrink:0}.form-stack label small{font-size:10px}.settings-sections .section-number{flex-shrink:0}.micro{font-size:11px}
[data-theme=dark] .sidebar nav a.active{background:#304831;color:#d1e6bd}[data-theme=dark] .mobile-brand{color:#eef5e9}
}
.vehicle-refresh{display:none}@media(max-width:820px){#page-overview>.page-heading>button{display:none}.vehicle-refresh{display:flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;background:#ffffff0b;border:1px solid #58705c;color:#e4efd8;border-radius:11px;font-size:23px;line-height:1}.compact-vehicle .card-top{gap:9px}.compact-vehicle .vehicle-picker{max-width:calc(100% - 130px);min-width:0}.compact-vehicle .dark-pill{margin-left:auto}.compact-vehicle .vehicle-picker select{width:100%}}