/* Dashboard v0.13 — final visual tuning on top of v0.12. */

/* Shared Ravoa surfaces supersede the softer v0.12 panel backgrounds. */
.start-page .ravoa-surface{background-clip:padding-box!important}

/* Desktop weather: today facts stay aligned as four deliberate rows/slots. */
@media(min-width:681px){
  .start-page .weather-card.weather-rich{
    grid-template-columns:minmax(300px,1.02fr) minmax(0,1.38fr)!important;
    column-gap:14px!important;
  }
  .start-page .weather-card .weather-top{
    grid-template-columns:102px minmax(0,1fr)!important;
    gap:10px!important;
    padding-right:14px!important;
  }
  .start-page .v10-weather-today{
    display:grid!important;
    grid-template-columns:max-content max-content!important;
    grid-template-areas:
      "title title"
      "temp rain"
      "cloud cloud"
      "pv pv";
    column-gap:12px!important;
    row-gap:2px!important;
    align-content:center;
  }
  .start-page .v10-weather-today strong{grid-area:title!important}
  .start-page .v10-weather-today span:nth-of-type(1){grid-area:temp}
  .start-page .v10-weather-today span:nth-of-type(2){grid-area:rain}
  .start-page .v10-weather-today span:nth-of-type(3){grid-area:cloud}
  .start-page .v10-weather-today .pv{grid-area:pv!important}
  .start-page .v10-weather-today span{
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
}

/* v0.12 history styling is replaced by the shared colour-only strip. */
.start-page .energy-history-track-v12.ravoa-mode-strip{height:18px}
.start-page .energy-history-segment-v12{
  color:transparent!important;
  font-size:0!important;
  text-shadow:none!important;
  overflow:visible!important;
}
.start-page .energy-history-segment-v12.ravoa-mode-segment{border-radius:3px}
.start-page .energy-legend [data-series="ems"]{display:none!important}

/* Keep the physical legend readable while the history explains itself on hover. */
.start-page .energy-legend{gap:9px}

/* Slightly stronger, theme-aware accents on mobile too; shared surface remains the source of truth. */
@media(max-width:680px){
  .start-page .weather-card.weather-rich{grid-template-columns:1fr!important}
  .start-page .energy-history-v12{grid-template-columns:28px minmax(0,1fr)}
  .start-page .energy-history-track-v12.ravoa-mode-strip{height:17px}
}