/* Presentation only. Keep live data IDs, flow geometry and motion in their original layers. */
html body.ui-refined{
  --ui-text:#f2f7fc;
  --ui-muted:#b5c9dc;
  --ui-border:rgba(163,204,228,.23);
  --ui-section-gap:24px;
}

html body.ui-refined .shell{
  max-width:1200px !important;
}

html body.ui-refined .shell *{
  letter-spacing:0 !important;
}

html body.ui-refined .shell > .overview-card,
html body.ui-refined .shell > .ai-dashboard-grid,
html body.ui-refined .shell > .insight-grid,
html body.ui-refined .shell > .settings-panel.scheduler-card{
  margin-top:0 !important;
  margin-bottom:var(--ui-section-gap) !important;
}

html body.ui-refined .shell > .insight-grid,
html body.ui-refined .shell .forecast-combo{
  gap:var(--ui-section-gap) !important;
}

html body.ui-refined .overview-card,
html body.ui-refined .ai-card,
html body.ui-refined .battery-plan-card,
html body.ui-refined .consumption-card,
html body.ui-refined .power-profile-card,
html body.ui-refined .settings-panel.scheduler-card{
  border-radius:20px !important;
  border-color:var(--ui-border) !important;
}

html body.ui-refined .hero-copy h1{
  font-size:48px !important;
  line-height:1.15 !important;
  font-weight:800 !important;
}

html body.ui-refined .hero-copy p{
  font-size:14px !important;
  line-height:1.65 !important;
  font-weight:500 !important;
  color:var(--ui-muted) !important;
}

html body.ui-refined .section-title,
html body.ui-refined .ai-title,
html body.ui-refined .power-profile-head h2{
  font-weight:750 !important;
  line-height:1.4 !important;
}

html body.ui-refined .overview-head{
  align-items:center !important;
  gap:16px !important;
  margin-bottom:20px !important;
}

html body.ui-refined .section-title{font-size:24px !important;}
html body.ui-refined .overview-subtitle{font-size:12px !important;font-weight:500 !important;line-height:1.5 !important;}
html body.ui-refined .overview-status{font-size:12px !important;font-weight:600 !important;line-height:1.5 !important;}
html body.ui-refined .insight-label,
html body.ui-refined .ai-kicker{font-size:11px !important;font-weight:700 !important;line-height:1.5 !important;}

html body.ui-refined .overview-main-4{gap:14px !important;}
html body.ui-refined .overview-main-4 > .overview-battery,
html body.ui-refined .overview-main-4 > .overview-runtime{
  border-radius:16px !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06) !important;
}

html body.ui-refined .ai-card{padding:24px !important;}
html body.ui-refined .ai-title{font-size:22px !important;margin-top:4px !important;}
html body.ui-refined .ai-text{font-size:14px !important;line-height:1.75 !important;font-weight:500 !important;}
html body.ui-refined .key-row strong{font-size:13px !important;font-weight:600 !important;line-height:1.6 !important;}
html body.ui-refined .speech-btn{min-height:36px !important;font-size:12px !important;}
html body.ui-refined .ai-action{font-size:12px !important;line-height:1.6 !important;font-weight:600 !important;}

html body.ui-refined .battery-plan-heading{gap:8px !important;}
html body.ui-refined .battery-plan-title{margin:4px 0 0 !important;font-size:32px !important;line-height:1.4 !important;font-weight:750 !important;}
html body.ui-refined .battery-plan-subtitle{font-size:14px !important;line-height:1.6 !important;font-weight:500 !important;}
html body.ui-refined .battery-plan-recommend .recommend-title{font-size:22px !important;line-height:1.5 !important;font-weight:750 !important;}
html body.ui-refined .battery-plan-recommend p{font-size:13px !important;line-height:1.65 !important;font-weight:500 !important;white-space:normal !important;overflow:visible !important;}
html body.ui-refined .battery-plan-progress-labels{font-size:12px !important;line-height:1.5 !important;}
html body.ui-refined .battery-plan-solar-row{font-size:20px !important;line-height:1.6 !important;font-weight:700 !important;}
html body.ui-refined .battery-plan-metrics span{font-size:12px !important;line-height:1.5 !important;font-weight:500 !important;}
html body.ui-refined .battery-plan-metrics strong{font-size:26px !important;line-height:1.4 !important;font-weight:750 !important;font-variant-numeric:tabular-nums;}

html body.ui-refined .consumption-card .insight-sub{font-size:12px !important;font-weight:500 !important;line-height:1.65 !important;}
html body.ui-refined .consumption-card .consumption-value-grid div{font-size:13px !important;font-weight:650 !important;line-height:1.6 !important;border-radius:10px !important;}
html body.ui-refined .consumption-card .insight-value{font-weight:750 !important;line-height:1.3 !important;}
html body.ui-refined .consumption-card .bill-forecast-card strong{font-size:40px !important;line-height:1.25 !important;font-weight:800 !important;}
html body.ui-refined .consumption-card .bill-forecast-card strong.bill-forecast-long{font-size:32px !important;}
html body.ui-refined .bill-forecast-card p{font-size:12px !important;line-height:1.65 !important;font-weight:500 !important;}
html body.ui-refined .consumption-stat-grid strong{font-size:26px !important;line-height:1.4 !important;font-weight:750 !important;}
html body.ui-refined .consumption-stat-grid span{font-size:12px !important;font-weight:500 !important;line-height:1.5 !important;}
html body.ui-refined .consumption-chart-title{font-size:15px !important;line-height:1.6 !important;font-weight:650 !important;}

html body.ui-refined .power-profile-card{padding:24px !important;gap:18px !important;}
html body.ui-refined .power-profile-head h2{font-size:26px !important;margin-top:8px !important;}
html body.ui-refined .power-profile-time{font-size:23px !important;line-height:1.5 !important;font-weight:700 !important;}
html body.ui-refined .power-profile-legend{gap:10px !important;}
html body.ui-refined .power-profile-legend div{padding:12px !important;row-gap:5px !important;border-radius:10px !important;}
html body.ui-refined .power-profile-legend span:not(.legend-dot){font-size:12px !important;font-weight:550 !important;line-height:1.4 !important;}
html body.ui-refined .power-profile-legend strong{font-size:19px !important;line-height:1.3 !important;font-weight:750 !important;font-variant-numeric:tabular-nums;}
html body.ui-refined .legend-dot{box-shadow:none !important;width:8px !important;height:8px !important;}
html body.ui-refined .power-profile-plot{min-height:0 !important;border-radius:12px !important;}
html body.ui-refined .profile-axis text{font-weight:550 !important;}

html body.ui-refined .scheduler-head span{font-size:24px !important;font-weight:750 !important;line-height:1.5 !important;}
html body.ui-refined .scheduler-field > span{font-size:14px !important;line-height:1.6 !important;font-weight:500 !important;}
html body.ui-refined .scheduler-field input{font-size:32px !important;line-height:1.3 !important;min-height:60px !important;border-radius:12px !important;font-weight:700 !important;}
html body.ui-refined footer{font-size:11px !important;line-height:1.7 !important;font-weight:400 !important;padding-bottom:90px !important;}

html body.ui-refined .page-utility-button{
  box-shadow:0 4px 12px rgba(0,0,0,.18) !important;
  border-color:rgba(171,210,234,.4);
}

@media(min-width:701px){
  html body.ui-refined .premium-hero{margin-bottom:24px !important;min-height:120px !important;}
  html body.ui-refined .overview-card{padding:24px !important;}
  html body.ui-refined .overview-main-4{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  html body.ui-refined .overview-main-4 > .overview-battery.solar-today-card,
  html body.ui-refined .overview-main-4 > .overview-battery.grid-cost-card.bill-cycle-card{
    grid-column:auto !important;
    padding:20px !important;
    min-height:176px !important;
    grid-template-columns:42px minmax(0,1fr) auto !important;
    column-gap:12px !important;
  }
  html body.ui-refined .overview-main-4 > .overview-battery.solar-today-card .overview-icon,
  html body.ui-refined .overview-main-4 > .overview-battery.grid-cost-card.bill-cycle-card .overview-icon{width:40px !important;height:40px !important;}
  html body.ui-refined .overview-main-4 > .overview-battery.solar-today-card .overview-soc,
  html body.ui-refined .overview-main-4 > .overview-battery.grid-cost-card.bill-cycle-card .overview-soc{font-size:38px !important;line-height:1.25 !important;}
  html body.ui-refined .overview-main-4 > .overview-battery.solar-today-card .metric-unit,
  html body.ui-refined .overview-main-4 > .overview-battery.grid-cost-card.bill-cycle-card .metric-unit{font-size:18px !important;line-height:1.4 !important;}
  html body.ui-refined .overview-main-4 .overview-label{font-size:14px !important;line-height:1.5 !important;font-weight:650 !important;}
  html body.ui-refined .overview-main-4 .overview-sub,
  html body.ui-refined .overview-main-4 .bill-cycle-detail,
  html body.ui-refined .overview-main-4 > .overview-battery.grid-cost-card.bill-cycle-card #billCycleSub{font-size:11px !important;font-weight:500 !important;line-height:1.65 !important;white-space:normal !important;}
  html body.ui-refined .battery-current-card .overview-soc,
  html body.ui-refined .battery-runtime-card .overview-runtime-value{font-size:40px !important;line-height:1.2 !important;font-weight:800 !important;}
}

@media(min-width:900px){
  html body.ui-refined .battery-plan-card{grid-template-columns:minmax(0,.82fr) minmax(0,1fr) minmax(0,.9fr) !important;}
  html body.ui-refined .consumption-card{
    grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr) minmax(0,1fr) !important;
    padding:24px !important;
    column-gap:24px !important;
    row-gap:14px !important;
  }
  html body.ui-refined .bill-forecast-mini{padding-right:58px !important;}
  html body.ui-refined .bill-forecast-mini div{display:flex !important;flex-wrap:wrap;gap:4px 8px !important;padding:8px 10px !important;border-radius:10px !important;}
  html body.ui-refined .bill-forecast-mini strong{font-size:14px !important;line-height:1.4 !important;}
  html body.ui-refined .bill-forecast-mini span{font-size:10px !important;line-height:1.5 !important;}
  html body.ui-refined .consumption-card .consumption-card-icon{width:48px !important;height:48px !important;top:24px !important;right:24px !important;}
  html body.ui-refined .consumption-card .bill-forecast-card{padding:20px !important;border-radius:16px !important;}
}

@media(min-width:981px) and (max-width:1200px){
  html body.ui-refined .live-flow-new{grid-template-columns:minmax(0,34fr) minmax(0,36fr) minmax(0,30fr) !important;}
  html body.ui-refined .home-flow-card{padding:14px !important;gap:12px !important;}
  html body.ui-refined .home-flow-card .home-icon-big{width:54px !important;height:54px !important;flex-shrink:0;}
  html body.ui-refined .home-flow-card .flow-value{font-size:32px !important;}
}

@media(min-width:900px) and (max-width:1100px){
  html body.ui-refined .consumption-card .bill-forecast-card strong{font-size:32px !important;}
  html body.ui-refined .consumption-card .bill-forecast-card strong.bill-forecast-long{font-size:28px !important;}
}

@media(min-width:701px) and (max-width:1000px){
  html body.ui-refined .overview-main-4 > .overview-battery.solar-today-card,
  html body.ui-refined .overview-main-4 > .overview-battery.grid-cost-card.bill-cycle-card{
    grid-column:1 / -1 !important;
    min-height:128px !important;
  }
  html body.ui-refined .power-profile-legend{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
  html body.ui-refined .power-profile-legend .power-profile-time-card{display:grid !important;}
  html body.ui-refined .power-profile-time{display:none !important;}
}

@media(min-width:641px) and (max-width:899px){
  html body.ui-refined .consumption-card{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    grid-template-areas:
      "cons-head cons-forecast-mini"
      "cons-period cons-forecast"
      "cons-avg cons-forecast"
      "cons-values cons-forecast"
      "cons-meter cons-forecast"
      "cons-chart cons-stats" !important;
    gap:16px !important;
  }
  html body.ui-refined .consumption-card > *{min-width:0 !important;}
  html body.ui-refined .consumption-card .bill-forecast-card strong{font-size:32px !important;}
  html body.ui-refined .consumption-card .bill-forecast-card strong.bill-forecast-long{font-size:28px !important;}
  html body.ui-refined .bill-forecast-mini{padding-right:52px !important;}
  html body.ui-refined .bill-forecast-mini div{display:flex !important;flex-wrap:wrap;gap:4px 8px !important;}
  html body.ui-refined .bill-forecast-mini span{white-space:normal !important;overflow:visible !important;}
  html body.ui-refined .consumption-card .consumption-card-icon{width:44px !important;height:44px !important;}
}

@media(max-width:700px){
  html body.ui-refined{--ui-section-gap:18px;}
  html body.ui-refined .shell{width:100% !important;}
  html body.ui-refined .premium-hero{display:grid !important;grid-template-columns:minmax(0,1fr) 124px !important;align-items:center !important;gap:12px !important;min-height:120px !important;margin-bottom:16px !important;}
  html body.ui-refined .hero-copy{min-width:0 !important;width:auto !important;padding:0 !important;}
  html body.ui-refined .premium-hero .hero-weather-card{position:relative !important;inset:auto !important;grid-template-columns:44px minmax(0,1fr) !important;width:124px !important;min-width:0 !important;height:96px !important;min-height:0 !important;padding:10px !important;gap:4px !important;border-radius:16px !important;}
  html body.ui-refined .premium-hero .hero-weather-card .moon-visual{grid-column:1 !important;grid-row:1 !important;width:44px !important;height:48px !important;}
  html body.ui-refined .premium-hero .hero-weather-metrics{display:block !important;grid-column:2 !important;grid-row:1 !important;min-width:0 !important;}
  html body.ui-refined .premium-hero .hero-weather-card .hero-weather-temp{font-size:28px !important;line-height:1.2 !important;}
  html body.ui-refined .premium-hero .hero-weather-card .hero-weather-text{font-size:10px !important;line-height:1.5 !important;}
  html body.ui-refined .premium-hero .hero-weather-card .hero-weather-sub{font-size:9px !important;line-height:1.4 !important;white-space:normal !important;}
  html body.ui-refined .hero-copy h1{font-size:30px !important;font-weight:800 !important;}
  html body.ui-refined .hero-copy p{font-size:11px !important;line-height:1.55 !important;max-width:160px !important;}
  html body.ui-refined .overview-card{padding:14px !important;}
  html body.ui-refined .overview-main-4{gap:10px !important;}
  html body.ui-refined .ai-card{padding:18px !important;}
  html body.ui-refined .ai-title{font-size:19px !important;}
  html body.ui-refined .ai-text{font-size:13px !important;line-height:1.75 !important;}
  html body.ui-refined .battery-plan-card{padding:18px !important;gap:12px !important;}
  html body.ui-refined .battery-plan-title{font-size:28px !important;margin-top:10px !important;}
  html body.ui-refined .battery-plan-subtitle{font-size:13px !important;}
  html body.ui-refined .battery-plan-recommend{padding:14px !important;}
  html body.ui-refined .battery-plan-recommend p{font-size:12px !important;}
  html body.ui-refined .battery-plan-solar-row{font-size:16px !important;padding:12px !important;}
  html body.ui-refined .battery-plan-metrics{padding:12px !important;}
  html body.ui-refined .battery-plan-metrics strong{font-size:24px !important;}
  html body.ui-refined .battery-plan-metrics span{font-size:11px !important;}
  html body.ui-refined .consumption-card{padding:18px !important;}
  html body.ui-refined .consumption-card .insight-value{font-size:32px !important;}
  html body.ui-refined .consumption-card .consumption-value-grid div{min-height:46px !important;padding:10px !important;white-space:normal !important;text-align:center !important;}
  html body.ui-refined .consumption-card .bill-forecast-card{padding:14px !important;border-radius:12px !important;}
  html body.ui-refined .consumption-card .bill-forecast-card > div{gap:8px !important;}
  html body.ui-refined .consumption-card .bill-forecast-card span{font-size:12px !important;line-height:1.5 !important;font-weight:600 !important;}
  html body.ui-refined .consumption-card .bill-forecast-card strong{font-size:24px !important;}
  html body.ui-refined .consumption-card .bill-forecast-card strong.bill-forecast-long{font-size:21px !important;}
  html body.ui-refined .power-profile-card{padding:18px !important;gap:14px !important;}
  html body.ui-refined .power-profile-head h2{font-size:22px !important;white-space:nowrap !important;margin-top:8px !important;}
  html body.ui-refined .power-profile-head{display:block !important;}
  html body.ui-refined .power-profile-legend div{padding:10px !important;column-gap:7px !important;row-gap:3px !important;}
  html body.ui-refined .power-profile-legend strong{font-size:17px !important;}
  html body.ui-refined .power-profile-legend span:not(.legend-dot){font-size:11px !important;white-space:normal !important;overflow:visible !important;}
  html body.ui-refined .profile-axis text{font-size:24px !important;}
  html body.ui-refined .profile-axis-bottom text{font-size:22px !important;}
  html body.ui-refined .scheduler-head span{font-size:22px !important;}
  html body.ui-refined .scheduler-field input{font-size:30px !important;}
  html body.ui-refined .speech-btn{min-height:40px !important;}
}

@media(max-width:640px){
  /* Shared rows reserve the ring's full painted area, not only the smaller icon box. */
  html body.ui-refined .overview-main-4 > :is(.overview-battery.battery-current-card,.overview-runtime.battery-runtime-card){
    display:grid !important;
    grid-template-columns:minmax(0,1fr) !important;
    grid-template-rows:20px 80px 40px minmax(28px,auto) !important;
    grid-template-areas:none !important;
    align-content:start !important;
    justify-items:center !important;
    gap:8px !important;
    min-height:222px !important;
    padding:14px 10px !important;
  }
  html body.ui-refined .overview-main-4 > :is(.overview-battery.battery-current-card,.overview-runtime.battery-runtime-card) > *{
    position:relative !important;
    inset:auto !important;
    grid-area:auto !important;
    grid-column:1 !important;
    transform:none !important;
    margin:0 !important;
    padding:0 !important;
    min-height:0 !important;
    min-width:0 !important;
    max-width:100% !important;
    align-self:center !important;
  }
  html body.ui-refined .overview-main-4 > :is(.overview-battery.battery-current-card,.overview-runtime.battery-runtime-card) .overview-label{
    grid-row:1 !important;width:100% !important;font-size:12px !important;line-height:20px !important;font-weight:600 !important;
  }
  html body.ui-refined .overview-main-4 > :is(.overview-battery.battery-current-card,.overview-runtime.battery-runtime-card) .overview-icon{
    grid-row:2 !important;width:46px !important;height:46px !important;
  }
  html body.ui-refined .overview-main-4 > :is(.overview-battery.battery-current-card,.overview-runtime.battery-runtime-card) .overview-icon::before,
  html body.ui-refined .overview-main-4 > :is(.overview-battery.battery-current-card,.overview-runtime.battery-runtime-card) .overview-icon::after{
    width:80px !important;height:80px !important;
  }
  html body.ui-refined .overview-main-4 > :is(.overview-battery.battery-current-card,.overview-runtime.battery-runtime-card) :is(.overview-soc,.overview-runtime-value){
    grid-row:3 !important;width:100% !important;height:40px !important;font-size:32px !important;line-height:40px !important;font-weight:800 !important;font-variant-numeric:tabular-nums;
  }
  html body.ui-refined .overview-main-4 > :is(.overview-battery.battery-current-card,.overview-runtime.battery-runtime-card) .overview-sub{
    grid-row:4 !important;width:100% !important;font-size:11px !important;font-weight:500 !important;line-height:16px !important;white-space:normal !important;text-align:center !important;
  }
  html body.ui-refined .overview-main-4 > .overview-battery.solar-today-card,
  html body.ui-refined .overview-main-4 > .overview-battery.grid-cost-card.bill-cycle-card{display:grid !important;grid-template-columns:minmax(0,1fr) !important;grid-template-rows:40px 20px auto !important;grid-template-areas:none !important;align-content:start !important;min-height:174px !important;max-height:none !important;padding:12px !important;gap:6px !important;}
  html body.ui-refined .overview-main-4 > :is(.overview-battery.solar-today-card,.overview-battery.grid-cost-card.bill-cycle-card) > *{grid-area:auto !important;grid-column:1 !important;min-width:0 !important;}
  html body.ui-refined .overview-main-4 > :is(.overview-battery.solar-today-card,.overview-battery.grid-cost-card.bill-cycle-card) .overview-icon{width:38px !important;height:38px !important;margin:0 !important;justify-self:start !important;align-self:center !important;}
  html body.ui-refined .overview-main-4 > .overview-battery.solar-today-card .overview-label,
  html body.ui-refined .overview-main-4 > .overview-battery.grid-cost-card.bill-cycle-card .overview-label{font-size:13px !important;line-height:1.5 !important;font-weight:600 !important;}
  html body.ui-refined .overview-main-4 > .overview-battery.solar-today-card #todaySolar,
  html body.ui-refined .overview-main-4 > .overview-battery.grid-cost-card.bill-cycle-card .overview-soc{font-size:26px !important;line-height:1.3 !important;font-weight:800 !important;flex-wrap:wrap !important;gap:2px 5px !important;}
  html body.ui-refined .overview-main-4 > .overview-battery.solar-today-card .metric-unit,
  html body.ui-refined .overview-main-4 > .overview-battery.grid-cost-card.bill-cycle-card .metric-unit{position:static !important;width:auto !important;min-width:0 !important;flex:0 0 auto !important;margin:0 !important;font-size:12px !important;line-height:1.5 !important;font-weight:650 !important;text-shadow:none !important;}
  html body.ui-refined .overview-main-4 > .overview-battery.grid-cost-card.bill-cycle-card .metric-number{width:auto !important;flex:0 1 auto !important;}
  html body.ui-refined .overview-main-4 :is(#todaySolar,#billCycleCost){display:flex !important;flex-direction:row !important;align-items:baseline !important;justify-content:flex-start !important;justify-self:stretch !important;width:100% !important;text-align:left !important;}
  html body.ui-refined .overview-main-4 :is(#todaySolar,#billCycleCost) .metric-number{width:auto !important;min-width:0 !important;flex:0 1 auto !important;}
  html body.ui-refined .overview-main-4 :is(#todaySolar,#billCycleCost) .metric-unit{width:auto !important;min-width:0 !important;flex:0 0 auto !important;font-size:12px !important;}
  html body.ui-refined .overview-main-4 > .overview-battery.grid-cost-card.bill-cycle-card #billCycleSub{font-size:10px !important;line-height:1.55 !important;white-space:normal !important;}
  html body.ui-refined .overview-main-4 .overview-sub,
  html body.ui-refined .overview-main-4 .bill-cycle-detail{font-size:10px !important;line-height:1.5 !important;font-weight:500 !important;}
}

@media(max-width:360px){
  html body.ui-refined .hero-copy h1{font-size:25px !important;}
  html body.ui-refined .power-profile-card,
  html body.ui-refined .consumption-card{padding:14px !important;}
  html body.ui-refined .power-profile-head h2{font-size:19px !important;}
  html body.ui-refined .consumption-card .bill-forecast-card span{font-size:10px !important;}
  html body.ui-refined .consumption-card .bill-forecast-card strong{font-size:21px !important;}
  html body.ui-refined .consumption-card .bill-forecast-card strong.bill-forecast-long{font-size:18px !important;}
  html body.ui-refined .power-profile-legend strong{font-size:15px !important;}
}