:root{font-family:DM Sans,system-ui,sans-serif;color-scheme:light;--bg: #f5f7fb;--panel: #fff;--text: #253448;--muted: #62776d;--line: #dce7e1;--green: #126b5d;--on-green: #fff;--mint: #e2f4ec;--red: #b63840;--rose: #fff0f0;--yellow: #756000;--pale-yellow: #fff6c7;--amber: #fff0d9;--orange: #986019;--lavender: #eeebfa;--purple: #6b589c;--money: #dbf3b2;--money-text: #29421d;--shadow: #18362b0d;background:var(--bg);color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{color-scheme:dark;--bg: #111b26;--panel: #1c2936;--text: #e8f2e9;--muted: #a6bcb0;--line: #344452;--green: #92dabc;--on-green: #153b2a;--mint: #233f32;--red: #ff9ba1;--rose: #482b34;--yellow: #f3dc70;--pale-yellow: #443d1e;--amber: #49361e;--orange: #efbd77;--lavender: #322c48;--purple: #c9b5ed;--money: #c7e99e;--money-text: #29421d;--shadow: #00000026}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:transparent;min-height:44px;padding:9px 12px;border-radius:10px}button:disabled{cursor:default;opacity:.55}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--green);outline-offset:3px}input,textarea,select{font-size:16px}svg{flex-shrink:0}button{touch-action:manipulation}button:not(:disabled):hover{filter:brightness(.97)}p{font-size:14px;line-height:1.65}h1,h2,h3{font-weight:600;margin:0}h1{font-size:26px;letter-spacing:-.8px;line-height:1.2}h2{font-size:19px;letter-spacing:-.4px}h3{font-size:15px}strong{font-weight:500}a{color:var(--green);overflow-wrap:anywhere}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--muted)}.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}.app-shell{position:fixed;top:var(--app-top, 0);left:50%;transform:translate(-50%);width:100%;max-width:480px;height:var(--app-height, 100dvh);display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.app-header{display:flex;align-items:center;gap:8px;padding:calc(10px + env(safe-area-inset-top)) 15px 9px;flex-shrink:0}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:9px}.icon-button svg{width:20px;height:20px}.brand{display:flex;gap:8px;align-items:center;margin-right:auto;padding:0;font-weight:500;font-size:18px;letter-spacing:2.5px;opacity:1!important}.gaia-logo{width:36px;height:38px;object-fit:contain;flex-shrink:0}.gaia-logo.large{width:72px;height:76px}.plant-context{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:0 18px 12px;flex-shrink:0}.plant-context>span{color:var(--muted);font-size:10px;text-align:right;max-width:135px}.main-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;padding:0 18px 20px}.savings-card{padding:12px 14px 5px;border-radius:16px;background:var(--panel);border:1px solid var(--line);color:var(--text)}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px}.soon{display:inline-block;white-space:nowrap;padding:5px 7px;border-radius:7px;font-size:9px;font-weight:600;background:var(--lavender);color:var(--purple)}.savings-card .soon{color:#435930;background:#f3ffe4}.savings-value{font-size:39px;font-weight:500;line-height:1.1;margin:8px 0}.savings-footer{display:flex;justify-content:space-between;align-items:center;font-size:10px}.savings-card .icon-button{min-height:35px;width:35px;min-width:35px}.savings-card .icon-button svg{width:17px;height:17px}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:11px 0}.kpi-card{position:relative;border:1px solid var(--line);background:var(--panel);border-radius:17px;padding:13px;text-align:left;min-width:0}.metric-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;flex-shrink:0}.kpi-card>.metric-icon{position:absolute;right:11px;top:11px}.mint{background:var(--mint);color:var(--green)}.amber{background:var(--amber);color:var(--orange);font-size:13px}.lavender{background:var(--lavender);color:var(--purple)}.metric-label{display:block;padding-right:27px;color:var(--muted);font-size:14px;line-height:1.4}.kpi-card>strong{display:block;font-size:23px;letter-spacing:-.7px;margin:6px 0;line-height:1.1;overflow-wrap:anywhere}.kpi-card small{font-size:12px;color:var(--muted)}.metric-note{font-size:12px;color:var(--green)}.issues-card .metric-note{color:var(--red)}.issues-card:hover{border-color:var(--red)}.performance-card{border:1px solid var(--line);background:var(--panel);border-radius:17px;margin-bottom:11px;padding:12px}.performance-card .card-heading{margin-bottom:10px}.performance-card strong{font-size:23px;letter-spacing:-.7px;color:var(--green)}.report-button{display:flex;align-items:center;gap:9px;width:100%;padding:10px 12px;text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:15px;opacity:1!important}.report-button>span:nth-child(2){flex:1;font-size:11px}.inline-warning{font-size:11px;color:var(--muted);margin:0 2px 11px}.inline-warning button{font-size:11px;color:var(--green);padding:4px}.composer-area{flex-shrink:0;background:var(--bg);padding:11px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.composer{display:flex;align-items:flex-end;gap:6px;padding:7px;border:1px solid var(--line);background:var(--panel);border-radius:17px;box-shadow:0 5px 15px var(--shadow)}.composer textarea{resize:none;flex:1;min-width:0;max-height:112px;min-height:43px;line-height:1.5;border:0;background:transparent;padding:9px 5px;overflow:auto}.composer>button{display:grid;place-items:center;width:40px;flex-shrink:0;padding:11px;border-radius:12px;background:var(--green);color:var(--on-green)}.text-button{font-size:12px;color:var(--green);padding:10px 0}.back{margin:0 0 8px}.no-issues{padding:17px;background:var(--mint);border-radius:14px;font-size:13px}.message{width:fit-content;max-width:100%;font-size:14px;line-height:1.65;margin:14px 0 23px;overflow-wrap:anywhere}.message p{font-size:14px;line-height:1.65;margin:10px 0}.message.user{max-width:calc(100% - 24px);margin-left:auto;padding:11px 14px;border-radius:16px 16px 4px;background:var(--mint)}.message.user p{margin:0;white-space:pre-wrap}.message.assistant{padding:14px;border:1px solid var(--line);border-radius:16px 16px 16px 4px;background:var(--panel)}.response-recovery{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--lavender)}.response-recovery p{font-size:12px;margin:0}.response-recovery .primary{margin-top:12px}.message pre{max-width:100%;overflow:auto;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);font-size:12px}.message code{overflow-wrap:anywhere}.message table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;font-size:12px}.message th,.message td{padding:8px;border-bottom:1px solid var(--line);text-align:left}.message img{max-width:100%}.message h1,.message h2,.message h3{font-size:18px;margin:16px 0 10px}.message ul,.message ol{padding-left:22px}.stream-status{font-size:12px;color:var(--muted)}.notice{font-size:12px;padding:13px;background:var(--lavender);border-radius:12px}.error{margin:10px 0;padding:12px 13px;font-size:12px;line-height:1.6;border:1px solid var(--orange);border-radius:12px;background:var(--amber);color:var(--text);overflow-wrap:anywhere}.error>button{display:block;color:var(--green);padding:8px 0}.primary{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;border-radius:12px;padding:13px 15px;background:var(--green);color:var(--on-green);font-size:13px;margin-top:16px}.center-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px}.empty-state{padding:24px 5px}.login-page{flex:1;min-height:0;overflow-y:auto;padding:8px 23px 28px}.login-form{margin-top:18px}.login-form label{display:block;font-size:12px;margin-top:18px}.login-form input{display:block;width:100%;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:8px}.password-field{position:relative}.password-field input{padding-right:62px}.password-field button{position:absolute;right:4px;top:4px;font-size:11px;min-width:52px}.login-form .primary{margin-top:24px}dialog{color:var(--text);background:var(--panel);border:1px solid var(--line);padding:0}dialog::backdrop{background:#11281f88}.drawer{height:var(--app-height, 100dvh);max-height:100%;width:min(360px,88vw);max-width:88vw;margin:0 auto 0 max(0px,calc((100vw - 480px)/2));border:0;border-right:1px solid var(--line);border-radius:0 22px 22px 0;overflow:hidden}.drawer-inner{height:100%;min-height:0;display:flex;flex-direction:column;padding:calc(15px + env(safe-area-inset-top)) 19px 22px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:9px}.panel-heading h2{font-size:17px}.drawer .primary{justify-content:flex-start;margin:15px 0 20px}.history-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.history-item{display:flex;align-items:baseline;gap:10px;width:100%;padding:14px 0;text-align:left;border-bottom:1px solid var(--line);border-radius:0;font-size:13px;overflow-wrap:anywhere}.drawer-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-shrink:0;margin-top:12px;padding-top:15px;border-top:1px solid var(--line);font-size:11px}.drawer-footer>button{display:flex;align-items:center;gap:7px;font-size:11px}.info-dialog{max-width:calc(100vw - 32px);width:360px;padding:22px;border-radius:20px}.info-dialog p{font-size:13px}@media(min-width:600px){.app-shell{border-left:1px solid var(--line);border-right:1px solid var(--line);box-shadow:0 0 50px var(--shadow)}body{background:linear-gradient(135deg,var(--mint),var(--bg) 50%,var(--lavender))}}@media(max-width:360px){.app-header{padding-left:11px;padding-right:11px}.main-content{padding-left:13px;padding-right:13px}.plant-context{padding-left:14px;padding-right:14px}.report-button{gap:6px;padding:9px}.report-button>span:nth-child(2){font-size:10px}.soon{font-size:8px;padding:5px}.savings-card{padding:13px 15px 5px}.kpi-card{padding:11px}.performance-card{padding:13px}}@media(prefers-reduced-motion:no-preference){button{transition:border-color .15s}}.app-header{border-bottom:1px solid var(--line);margin-bottom:12px;background:var(--panel)}.main-content{background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--lavender) 65%,transparent),transparent 55%),radial-gradient(ellipse at 0 55%,color-mix(in srgb,var(--mint) 30%,transparent),transparent 60%)}.kpi-card,.performance-card{box-shadow:0 4px 16px var(--shadow)}.production-card{border-top:3px solid var(--line)}.production-icon{background:var(--line);color:var(--muted)}.production-card[data-available=true]{border-top-color:var(--orange);background:radial-gradient(ellipse at 100% 0,color-mix(in srgb,var(--amber) 85%,transparent),transparent 85%),var(--panel);box-shadow:0 4px 16px var(--shadow),inset 0 1px color-mix(in srgb,var(--orange) 12%,transparent)}.production-card[data-available=true] .production-icon{background:var(--amber);color:var(--orange);box-shadow:0 0 0 4px color-mix(in srgb,var(--amber) 40%,transparent)}.production-card[data-available=true]>strong{color:var(--orange)}.issues-card{--issue-accent: var(--muted);--issue-fill: var(--line);border-top:3px solid var(--issue-accent);background:linear-gradient(145deg,color-mix(in srgb,var(--issue-fill) 35%,var(--panel)),var(--panel))}.issues-card[data-tone=clear]{--issue-accent: var(--green);--issue-fill: var(--mint)}.issues-card[data-tone=attention]{--issue-accent: var(--orange);--issue-fill: var(--amber)}.issues-card[data-tone=urgent]{--issue-accent: var(--red);--issue-fill: var(--rose)}.issues-card .issue-indicator{color:var(--issue-accent);background:var(--issue-fill)}.issues-card>strong:not(.unavailable),.issues-card .metric-note{color:var(--issue-accent)}.issues-card:hover{border-color:var(--issue-accent)}.kpi-card>strong{font-weight:600}.kpi-card>strong.unavailable,.performance-card strong.unavailable{font-size:16px;letter-spacing:-.3px;color:var(--muted);line-height:1.5}.performance-card{background:linear-gradient(120deg,var(--panel) 50%,color-mix(in srgb,var(--mint) 25%,var(--panel)))}.data-notice{display:flex;align-items:flex-start;gap:10px;padding:13px;margin-bottom:12px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.data-notice>div{flex:1;min-width:0}.data-notice strong{font-size:12px}.data-notice p{font-size:11px;color:var(--muted);margin:5px 0 0}.data-notice button{padding:3px;min-width:28px;min-height:32px;color:var(--green)}.metric-skeleton{display:block;height:30px;width:65%;margin:8px 0;border-radius:7px;background:linear-gradient(110deg,var(--line) 20%,var(--panel) 45%,var(--line) 70%);background-size:250% 100%}.login-form label{margin-top:13px;font-weight:500}.login-form input{padding:13px 14px}.login-form .primary{justify-content:center;gap:12px;min-height:50px;font-size:15px;font-weight:600;background:linear-gradient(110deg,#126b5d,#285d7b);color:#fff;box-shadow:0 5px 14px #126b5d25;margin-top:21px}.plant-context{align-items:stretch;gap:8px}.plant-context>span{display:flex;align-items:center;font-size:10px;max-width:112px}.plant-picker-trigger{display:flex;align-items:center;gap:9px;flex:1;min-width:0;padding:6px 9px;min-height:44px;border:1px solid var(--line);border-radius:15px;background:var(--panel);text-align:left;box-shadow:0 3px 10px var(--shadow)}.plant-picker-icon{display:grid;place-items:center;width:29px;height:29px;flex-shrink:0;background:var(--mint);border-radius:11px;color:var(--green)}.plant-picker-trigger>span:nth-child(2){flex:1;min-width:0}.plant-picker-trigger small{display:block;color:var(--muted);font-size:12px;margin-bottom:1px}.plant-picker-trigger strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600}.plant-picker-trigger>svg{color:var(--muted)}.plant-picker{width:min(420px,calc(100vw - 28px));max-height:min(640px,calc(100dvh - 50px));border-radius:23px;padding:17px}.plant-picker[open]{display:flex;flex-direction:column}.plant-search{display:flex;align-items:center;gap:8px;margin:14px 0;border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:0 11px;flex-shrink:0;color:var(--muted)}.plant-search input{width:100%;min-width:0;padding:13px 0;border:0;background:transparent;font-size:14px}.plant-options{min-height:0;overflow-y:auto;overscroll-behavior:contain}.plant-options>button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:14px 11px;margin-bottom:4px;border:1px solid transparent;font-size:13px}.plant-options>button>span{flex:1;min-width:0;overflow-wrap:anywhere}.plant-options>button[aria-pressed=true]{background:var(--mint);color:var(--green);border-color:color-mix(in srgb,var(--green) 30%,transparent)}.drawer-brand{display:flex;align-items:center;gap:9px;min-width:0}.drawer-brand h2{font-size:15px}.drawer .panel-heading,.drawer .primary,.drawer .eyebrow{flex-shrink:0}.history-item>span{flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.history-item time{font-size:10px;color:var(--muted);white-space:nowrap;flex-shrink:0}.drawer-footer>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-footer>button{flex-shrink:0;background:var(--mint);color:var(--green)}.issue-heading{display:flex;align-items:center;gap:10px}.issue-count{display:inline-grid;place-items:center;min-width:29px;min-height:29px;padding:4px 8px;border-radius:10px;background:var(--rose);color:var(--red);font-size:15px;font-weight:600}.issue-group[open] summary small{display:none}.issue-group{margin:9px 0;border:1px solid var(--line);border-radius:16px;background:var(--panel);overflow:hidden}.issue-group>summary{display:flex;align-items:center;gap:10px;cursor:pointer;padding:13px;list-style:none}.issue-group>summary::-webkit-details-marker{display:none}.issue-group>summary>span:nth-child(2){flex:1;min-width:0;font-size:13px;font-weight:500;overflow-wrap:anywhere}.issue-group summary small{display:block;font-size:10px;color:var(--muted);margin-top:5px;font-weight:400}.issue-group summary>strong{background:var(--rose);color:var(--red);padding:5px 9px;border-radius:9px;font-size:13px}.issue-group summary:focus-visible{outline:3px solid var(--green);outline-offset:-3px;border-radius:14px}.issue-details{padding:0 13px}.issue-details article{border-top:1px solid var(--line);padding:13px 0}.fault-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.fault-meta>strong{font-size:12px;overflow-wrap:anywhere}.severity{font-size:9px;background:var(--bg);color:var(--muted);border-radius:6px;padding:5px 7px;text-transform:capitalize}.issue-details p{font-size:12px;margin:8px 0 0}.issue-details .fault-date{font-size:10px;color:var(--muted)}.fault-action{background:var(--mint);padding:10px;border-radius:10px;margin-top:10px}.fault-action>strong{font-size:10px;color:var(--green)}.fault-action p{margin-top:4px}.stream-status,.loading-state{display:flex;align-items:center;gap:9px;padding:12px 0;font-size:12px;color:var(--muted)}.stream-status>span{display:flex;flex-direction:column;gap:9px}.thinking-dots{display:inline-flex;gap:4px}.thinking-dots i{width:5px;height:5px;border-radius:50%;background:var(--green)}.thinking-dots i:nth-child(2){animation-delay:.15s}.thinking-dots i:nth-child(3){animation-delay:.3s}.composer>button{position:relative}.composer:focus-within{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 10%,transparent)}@media(prefers-reduced-motion:no-preference){.spin{animation:spin 1.1s linear infinite}.thinking-dots i{animation:thinking 1.2s ease-in-out infinite}.metric-skeleton{animation:shimmer 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes thinking{50%{opacity:.3;transform:translateY(-2px)}}@keyframes shimmer{to{background-position:-150% 0}}}.issue-red,.severity[data-priority=high]{background:var(--rose);color:var(--red)}.severity[data-priority=medium]{background:var(--amber);color:var(--orange)}.severity[data-priority=low]{background:var(--pale-yellow);color:var(--yellow)}.projected-loss{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-top:1px dashed var(--line);padding-top:10px;margin-top:12px;font-size:11px;color:var(--muted)}.projected-loss strong{font-size:15px;color:var(--red)}.projected-loss small{font-size:11px}.solar-value-period{font-size:10px;opacity:.8;white-space:nowrap}.savings-value{font-size:23px;overflow-wrap:anywhere}.savings-value.unavailable-value{font-size:17px;min-height:22px}.savings-footer>span{max-width:calc(100% - 40px);line-height:1.5}.thinking-sun{color:var(--orange)}.chat-plant-name{min-width:0;padding:3px 0 7px;font-size:14px;font-weight:600;color:var(--text);overflow-wrap:anywhere}.installation-status{display:flex;align-items:center;gap:8px;margin:4px 0 12px;font-size:14px;color:var(--muted)}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor;flex-shrink:0}.installation-status[data-tone=clear]{color:var(--green)}.installation-status[data-tone=urgent]{color:var(--red)}.installation-status[data-tone=attention]{color:var(--orange)}.savings-card[data-available=true]{background:color-mix(in srgb,var(--mint) 35%,var(--panel))}.question-shortcuts{display:flex;flex-wrap:nowrap;gap:4px;margin:0;padding:8px 8px 4px;border:1px solid var(--line);border-bottom:0;border-radius:17px 17px 0 0;background:var(--panel)}.with-suggestions .composer{border-top:0;border-radius:0 0 17px 17px}.question-shortcuts button{border:1px solid color-mix(in srgb,var(--purple) 20%,var(--line));border-radius:18px;flex:1 1 0;min-width:0;white-space:normal;text-wrap:balance;line-height:1.35;padding:7px 5px;min-height:44px;background:linear-gradient(150deg,color-mix(in srgb,var(--lavender) 45%,var(--panel)),var(--panel));color:var(--text);font-size:13px}.report-button[hidden]{display:none}.solar-value-meta{display:flex;align-items:center;gap:4px}.unified-header{padding:calc(8px + env(safe-area-inset-top)) 10px 10px;gap:6px;margin-bottom:0;background:var(--bg);border:0;align-items:center}.unified-header>.icon-button{flex-shrink:0;min-height:44px;padding:9px}.unified-header .plant-picker-trigger{padding:5px 8px;gap:6px}.unified-header .plant-picker-icon{width:26px;height:28px}.unified-header .chat-plant-name{flex:1;min-width:0;font-size:14px;text-align:left;overflow-wrap:anywhere}.unified-header .header-home{padding:6px}.appearance-button{border:1px solid var(--line);border-radius:14px;background:var(--panel)}.welcome-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;background:radial-gradient(ellipse at 50% 40%,var(--mint),transparent 65%)}.welcome-loading .welcome-logo{width:80px;height:86px;margin-bottom:22px;filter:drop-shadow(0 10px 24px color-mix(in srgb,var(--purple) 25%,transparent))}.welcome-loading h1{font-size:28px}.welcome-loading p{font-size:13px;color:var(--muted);margin:10px 0}.simplified-login{display:flex;flex-direction:column;justify-content:center;padding:max(24px,env(safe-area-inset-top)) 28px max(28px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 100% 0,var(--lavender),transparent 65%)}.simplified-login .login-heading{text-align:center}.simplified-login .gaia-logo{width:56px;height:60px;margin-bottom:15px}.simplified-login h1{font-size:25px}.simplified-login .login-form{margin-top:22px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:stretch}.summary-grid>.performance-card{margin:0}.performance-overview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:10px}.summary-grid>.savings-card{padding:10px;display:flex;flex-direction:column;justify-content:center;min-width:0}.summary-grid .card-heading{gap:2px;font-size:14px;align-items:center}.summary-grid .savings-card .icon-button{width:28px;min-width:28px;min-height:32px;padding:5px}.summary-grid .savings-value{font-size:23px;margin:8px 0 6px}.summary-grid .savings-value.unavailable-value{font-size:16px}.summary-grid .savings-footer>span{max-width:100%}.summary-grid .savings-footer{font-size:12px}.performance-overview>span{font-size:14px}.performance-donut{position:relative;width:60px;height:60px;flex-shrink:0;display:grid;place-items:center}.performance-donut svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:6}.donut-track{stroke:var(--mint)}.donut-fill{stroke:var(--green);stroke-linecap:round}.performance-donut strong{font-size:14px;letter-spacing:-.3px}.energy-trend{padding:8px 12px 7px;border:1px solid var(--line);border-radius:17px;background:var(--panel);margin-top:10px}.trend-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:14px}.energy-trend svg{display:block;width:100%;height:44px;overflow:visible;margin:3px 0}.energy-trend polyline{fill:none;stroke:var(--orange);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.energy-trend circle{fill:var(--orange)}.trend-baseline{stroke:var(--line);stroke-width:1}.trend-caption{display:grid;grid-template-columns:1fr 1fr;justify-content:space-between;gap:4px;font-size:12px;color:var(--muted)}.trend-empty{display:grid;place-items:center;height:50px;color:var(--muted);font-size:13px}.outlook-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.outlook-card{border:1px dashed var(--line);border-radius:14px;padding:9px;background:color-mix(in srgb,var(--panel) 55%,transparent);min-width:0}.outlook-card>div{display:flex;align-items:center;gap:5px}.outlook-card svg{color:var(--purple);flex-shrink:0}.outlook-card strong{font-size:13px}.prototype-label{display:block;margin:7px 0 4px;font-size:12px;color:var(--purple)}.outlook-card small{display:block;font-size:12px;line-height:1.4;color:var(--muted)}@media(max-height:760px){.home-overview{padding-bottom:4px}.home-overview .installation-status{margin-bottom:7px}.energy-trend{padding-top:6px;padding-bottom:5px}.outlook-card{padding:7px}.outlook-card strong{line-height:1.3}.prototype-label{margin-top:5px}}.trend-single{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:50px;padding:6px 0}.trend-single strong{color:var(--orange);font-size:18px}.trend-single span{color:var(--muted);font-size:12px}.trend-caption>span:nth-child(2){grid-column:1 / -1;grid-row:2}.trend-caption>span:last-child{text-align:right}