/* Dashboard v0.10 — finish pass on top of v0.9. */

/* Stronger shared panel language: the header treatment that worked on Netfasen
 * becomes a deliberate family trait. */
.start-page .panel{--panel-accent:var(--accent)}
.start-page .planning-panel{--panel-accent:var(--blue)}
.start-page .dashboard-grid>.chart-panel:first-child{--panel-accent:var(--cyan)}
.start-page .dashboard-grid>.panel:nth-child(2){--panel-accent:var(--green)}
.start-page .dashboard-grid>.chart-panel.span-2{--panel-accent:var(--yellow)}
.start-page .panel>.panel-head.v09-panel-head{
  margin:-4px -4px 6px;padding:6px 8px 7px;border-radius:11px;
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--panel-accent) 14%,var(--panel-2)),color-mix(in srgb,var(--panel-accent) 5%,transparent) 46%,transparent 82%);
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 34%,transparent);
}
:root[data-theme="dark"] .start-page .panel>.panel-head.v09-panel-head{
  background:linear-gradient(90deg,color-mix(in srgb,var(--panel-accent) 13%,var(--panel-2)),color-mix(in srgb,var(--panel-accent) 5%,transparent) 46%,transparent 82%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}

/* Light weather needed the same depth dark mode already had. */
:root:not([data-theme="dark"]) .start-page .weather-card{
  background:
    radial-gradient(circle at 8% 20%,color-mix(in srgb,var(--weather-accent) 25%,transparent),transparent 35%),
    linear-gradient(135deg,color-mix(in srgb,#fff 78%,var(--weather-accent) 22%),color-mix(in srgb,var(--panel) 91%,var(--weather-accent) 9%));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75),var(--shadow-soft);
}
:root:not([data-theme="dark"]) .start-page .weather-days-v09 .weather-day{
  background:
    radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--forecast-accent) 18%,transparent),transparent 58%),
    linear-gradient(180deg,color-mix(in srgb,#fff 90%,var(--forecast-accent) 10%),color-mix(in srgb,var(--panel-2) 88%,var(--forecast-accent) 12%));
  border-color:color-mix(in srgb,var(--forecast-accent) 38%,var(--line));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.85),0 3px 9px rgba(39,75,64,.05);
}
.start-page .v10-weather-today{display:grid;grid-template-columns:auto 1fr;gap:2px 7px;align-items:baseline;min-width:0}
.start-page .v10-weather-today strong{grid-column:1/-1;color:var(--weather-accent);font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.start-page .v10-weather-today span{font-size:8.5px;line-height:1.2;color:var(--muted);white-space:nowrap}
.start-page .v10-weather-today .pv{color:color-mix(in srgb,var(--green) 82%,var(--text) 18%);font-weight:750}
.start-page .weather-days-v09 .weather-day .temps{color:var(--text);font-weight:650}
.start-page .weather-days-v09 .weather-day .rain{color:var(--muted)}
.start-page .weather-days-v09 .weather-day em{color:color-mix(in srgb,var(--green) 82%,var(--text) 18%);font-weight:750}

/* One rail, not a box inside a box. */
.start-page .planning-panel .timeline-shell.timeline-24h{padding:0;margin-top:5px;background:transparent;border:0;box-shadow:none}
.start-page .planning-panel .timeline-row-v07.future-row{background:transparent;border:0;box-shadow:none}
.start-page .planning-panel .timeline-row-v07.future-row .timeline-track{
  border:0!important;outline:0;background:linear-gradient(180deg,color-mix(in srgb,var(--panel-2) 92%,var(--blue) 8%),var(--panel-2));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 80%,var(--blue) 20%),inset 0 7px 18px rgba(0,0,0,.025);
}
:root[data-theme="dark"] .start-page .planning-panel .timeline-row-v07.future-row .timeline-track{
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line) 72%,var(--blue) 28%),inset 0 8px 20px rgba(0,0,0,.18);
}
.start-page .planning-panel .timeline-segment{border:1px solid color-mix(in srgb,currentColor 12%,rgba(255,255,255,.18));}

/* EMS history is a first-class layer in Energiestromen: substantial top band,
 * subtle contextual backdrop, quieter physical fills. */
.start-page .energy-legend [data-series="ems"]{font-weight:800;color:var(--text)}
.start-page .energy-legend [data-series="ems"] i{height:9px;width:16px;border-radius:4px;background:linear-gradient(90deg,var(--green) 0 31%,var(--cyan) 31% 48%,var(--blue) 48% 70%,var(--orange) 70%)}

@media(max-width:680px){
  .start-page .panel>.panel-head.v09-panel-head{margin:-3px -3px 5px;padding:6px 7px}
  .start-page .v10-weather-today{grid-template-columns:1fr;gap:1px}.start-page .v10-weather-today strong{font-size:7.5px}.start-page .v10-weather-today span{font-size:7.5px;white-space:normal}
  .start-page .weather-days-v09 .weather-day small{font-size:7.4px}
  .start-page .planning-panel .timeline-row-v07.future-row .timeline-track{height:35px}
}