/* Meteo Santa Susanna · Gràfics 1.7.0f */
.charts-history-page .historic-heading{border-radius:0}
.charts-history-page .historic-panel{overflow:visible}
.charts-controls-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:18px}
.charts-controls-row>.historic-controls{margin:0;flex:1}
.history-charts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:8px}
.history-chart-card{min-width:0;background:var(--panel,#fff);border:1px solid var(--line,#d5e1e7);border-radius:18px;padding:16px 16px 12px;box-shadow:0 8px 22px rgba(20,48,66,.06)}
.history-chart-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 8px}
.history-chart-title h2{font-size:1rem;font-weight:700;margin:0;color:var(--text,#173246)}
.history-chart-card-temperature .history-chart-title h2{color:#d33}
.history-chart-card-humidity .history-chart-title h2{color:#149db8}
.history-chart-card-pressure .history-chart-title h2{color:#7048b8}
.history-chart-card-wind .history-chart-title h2{color:#6f7e8d}
.history-chart-card-rain .history-chart-title h2{color:#2377d1}
.history-chart-card-solar .history-chart-title h2{color:#d3a500}
.history-chart-card-uv .history-chart-title h2{color:#d38313}
.history-chart-card-sunshine .history-chart-title h2{color:#e97818}
.history-chart-unit{font-size:.84rem;color:var(--muted,#6f8491);white-space:nowrap}.history-chart-canvas{min-height:255px}.history-chart-canvas svg{display:block;width:100%;height:auto;overflow:visible}
.history-chart-gridline{stroke:color-mix(in srgb,var(--line,#d5e1e7) 86%,transparent);stroke-width:1}.history-chart-axis{fill:var(--muted,#6f8491);font-size:11px}
.history-chart-series{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.history-chart-series-temperature{stroke:#e21a1a}.history-chart-series-humidity{stroke:#149db8}.history-chart-series-pressure{stroke:#7048b8}.history-chart-series-wind{stroke:#6f7e8d}.history-chart-series-solar{stroke:#d3a500}.history-chart-series-uv{stroke:#d38313}
.history-chart-series.s1{opacity:.8}.history-chart-series.s2{opacity:.62}
.history-chart-area{stroke:none}.history-chart-area-temperature{fill:rgba(226,26,26,.18)}.history-chart-area-humidity{fill:rgba(20,157,184,.16)}.history-chart-area-pressure{fill:rgba(112,72,184,.14)}.history-chart-area-wind{fill:rgba(111,126,141,.15)}.history-chart-area-solar{fill:rgba(211,165,0,.18)}.history-chart-area-uv{fill:rgba(211,131,19,.17)}
.history-chart-dot{stroke:none}.history-chart-dot-temperature{fill:#e21a1a}.history-chart-dot-humidity{fill:#149db8}.history-chart-dot-pressure{fill:#7048b8}.history-chart-dot-wind{fill:#6f7e8d}.history-chart-dot-solar{fill:#d3a500}.history-chart-dot-uv{fill:#d38313}
.history-chart-bar{vector-effect:non-scaling-stroke;stroke-width:1.5}.history-chart-bar-rain{fill:rgba(35,119,209,.22);stroke:#2377d1}.history-chart-bar-sunshine{fill:rgba(233,120,24,.42);stroke:#e97818}
.history-chart-plus{fill:none;stroke:#111;stroke-width:2.2;stroke-linecap:round;vector-effect:non-scaling-stroke}
.history-chart-legend{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:3px;color:var(--muted,#6f8491);font-size:.79rem}.history-chart-legend i{display:inline-block;width:16px;height:3px;margin-right:5px;vertical-align:middle;border-radius:2px;background:#6f7e8d}.history-chart-legend i.is-plus{width:12px;height:12px;background:none;position:relative;top:3px}.history-chart-legend i.is-plus:before,.history-chart-legend i.is-plus:after{content:"";position:absolute;background:#111}.history-chart-legend i.is-plus:before{width:10px;height:2px;left:1px;top:5px}.history-chart-legend i.is-plus:after{width:2px;height:10px;left:5px;top:1px}
.history-chart-empty{height:240px;display:grid;place-items:center;color:var(--muted,#6f8491)}html[data-theme="dark"] .history-chart-card{box-shadow:none}html[data-theme="dark"] .history-chart-plus,html[data-theme="dark"] .history-chart-legend i.is-plus:before,html[data-theme="dark"] .history-chart-legend i.is-plus:after{stroke:#f3f6f8;background:#f3f6f8}
@media(max-width:650px){.charts-controls-row{gap:8px}.charts-controls-row>.historic-controls{min-width:0}.history-charts-grid{grid-template-columns:1fr;gap:14px}.history-chart-card{border-radius:16px;padding:14px 12px 10px}.history-chart-canvas{min-height:225px}.history-chart-axis{font-size:13px}}
.charts-controls-row>.historic-controls[hidden]{display:none!important}


/* v1.7.0e · colors for multi-series monthly/annual charts */
.history-chart-card.is-multi .history-chart-series-temperature.s0{stroke:#2377d1;opacity:1}
.history-chart-card.is-multi .history-chart-series-temperature.s1{stroke:#e21a1a;opacity:1}
.history-chart-card.is-multi .history-chart-series-temperature.s2{stroke:#d3a500;opacity:1}
.history-chart-card.is-multi .history-chart-area-temperature.s0{fill:rgba(35,119,209,.10)}
.history-chart-card.is-multi .history-chart-area-temperature.s1{fill:rgba(226,26,26,.11)}
.history-chart-card.is-multi .history-chart-area-temperature.s2{fill:rgba(211,165,0,.10)}
.history-chart-card.is-multi .history-chart-dot-temperature.s0{fill:#2377d1}
.history-chart-card.is-multi .history-chart-dot-temperature.s1{fill:#e21a1a}
.history-chart-card.is-multi .history-chart-dot-temperature.s2{fill:#d3a500}

.history-chart-card.is-multi .history-chart-series-humidity.s0{stroke:#3f9e55;opacity:1}
.history-chart-card.is-multi .history-chart-series-humidity.s1{stroke:#2377d1;opacity:1}
.history-chart-card.is-multi .history-chart-area-humidity.s0{fill:rgba(63,158,85,.11)}
.history-chart-card.is-multi .history-chart-area-humidity.s1{fill:rgba(35,119,209,.11)}
.history-chart-card.is-multi .history-chart-dot-humidity.s0{fill:#3f9e55}
.history-chart-card.is-multi .history-chart-dot-humidity.s1{fill:#2377d1}

.history-chart-card.is-multi .history-chart-series-pressure.s0{stroke:#a78bd8;opacity:1}
.history-chart-card.is-multi .history-chart-series-pressure.s1{stroke:#7048b8;opacity:1}
.history-chart-card.is-multi .history-chart-area-pressure.s0{fill:rgba(167,139,216,.12)}
.history-chart-card.is-multi .history-chart-area-pressure.s1{fill:rgba(112,72,184,.12)}
.history-chart-card.is-multi .history-chart-dot-pressure.s0{fill:#a78bd8}
.history-chart-card.is-multi .history-chart-dot-pressure.s1{fill:#7048b8}

/* legends follow the same series colors */
.history-chart-card.is-multi.history-chart-card-temperature .history-chart-legend i.s0{background:#2377d1}
.history-chart-card.is-multi.history-chart-card-temperature .history-chart-legend i.s1{background:#e21a1a}
.history-chart-card.is-multi.history-chart-card-temperature .history-chart-legend i.s2{background:#d3a500}
.history-chart-card.is-multi.history-chart-card-humidity .history-chart-legend i.s0{background:#3f9e55}
.history-chart-card.is-multi.history-chart-card-humidity .history-chart-legend i.s1{background:#2377d1}
.history-chart-card.is-multi.history-chart-card-pressure .history-chart-legend i.s0{background:#a78bd8}
.history-chart-card.is-multi.history-chart-card-pressure .history-chart-legend i.s1{background:#7048b8}


/* v1.7.0g · responsive refinement
   Tablet/Mobil verwenden bewusst dieselben Farben, Flächen und Balken wie Desktop;
   responsive Regeln ändern nur Layout/Typografie. */
@media (min-width:651px) and (max-width:900px){
  #chartsDayControls{column-gap:30px!important}
  #chartsDayControls .historic-control:nth-child(2){margin-left:14px!important}
}
@media (max-width:900px){
  .history-chart-series{stroke-width:2.5}
  .history-chart-bar{stroke-width:1.5}
  .history-chart-area-temperature{fill:rgba(226,26,26,.18)}
  .history-chart-area-humidity{fill:rgba(20,157,184,.16)}
  .history-chart-area-pressure{fill:rgba(112,72,184,.14)}
  .history-chart-area-wind{fill:rgba(111,126,141,.15)}
  .history-chart-area-solar{fill:rgba(211,165,0,.18)}
  .history-chart-area-uv{fill:rgba(211,131,19,.17)}
  .history-chart-bar-rain{fill:rgba(35,119,209,.22);stroke:#2377d1}
  .history-chart-bar-sunshine{fill:rgba(233,120,24,.42);stroke:#e97818}
}