.archive-note{display:flex;gap:11px;align-items:center;padding:13px 15px;border:1px solid #394553;background:#1b2938;border-radius:12px;color:#aebdca;font-size:11px;line-height:1.55}.archive-note p{margin:0}.note-mark{flex:0 0 20px;width:20px;height:20px;border:1px solid #758b9c;border-radius:50%;display:grid;place-items:center;color:#c4d1d9;font-size:11px}.filters{display:flex;align-items:end;gap:12px;margin:16px 0}.filters label{display:grid;gap:6px;color:#aebdca;font-size:10px}.filters select,.plain-button,.upload-button{background:#1b2938;border:1px solid #344555;border-radius:9px;padding:10px 12px;color:#e6eef3;font:500 11px 'DM Sans',sans-serif}.plain-button{cursor:pointer;color:#aebdca}.upload-button{cursor:pointer;color:#f2cfad;border-color:#765239;background:#382c26;white-space:nowrap}.upload-button input{display:none}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.summary,.chart-card,.table-card{background:#1b2938;border:1px solid #2b3b4b;border-radius:14px;box-shadow:0 8px 25px #050b1225}.summary{padding:15px 16px;display:grid;gap:6px}.summary span{font-size:10px;color:#aabac6}.summary strong{font:600 23px Manrope,sans-serif;color:#edf4f8}.summary:nth-child(3) strong{color:#efa76e}.summary:nth-child(4) strong{color:#8fc6e3}.summary small{font-size:9px;color:#879bab}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:13px}.chart-card,.table-card{padding:18px 19px}.chart-title{display:flex;align-items:center;justify-content:space-between}.chart-title .eyebrow{margin:0 0 4px}.chart-title h2{font:650 15px Manrope,sans-serif;margin:0;color:#eaf1f5}.chart-unit{color:#a4b6c4;font-size:10px}.chart-card canvas{display:block;width:100%;height:210px;margin-top:8px}.legend{display:flex;gap:15px;font-size:9px;color:#a8b8c5}.legend span{display:flex;align-items:center;gap:5px}.legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.legend-mean{background:#e9a05e}.legend-max{background:#f2d08e}.legend-min{background:#78badc}.table-card{margin-top:13px}.table-scroll{overflow:auto;margin-top:11px}table{border-collapse:collapse;width:100%;min-width:600px;font-size:10px}th{text-align:left;color:#91a5b4;font-weight:600;padding:10px 8px;border-bottom:1px solid #354451}td{padding:9px 8px;border-bottom:1px solid #2b3946;color:#d2dde4}td:nth-child(2){color:#efb178}td:nth-child(4){color:#8fc6e3}.empty{text-align:center!important;color:#91a5b4!important;padding:28px}.archive-footnote{font-size:9px;color:#8294a2;line-height:1.5}.intro{gap:15px}.archive-footnote{margin-top:12px}@media(max-width:760px){.summary-grid{grid-template-columns:repeat(2,1fr)}.chart-grid{grid-template-columns:1fr}.intro{align-items:flex-start}.upload-button{font-size:9px;padding:9px}}@media(max-width:500px){.summary-grid{gap:8px}.summary{padding:12px}.summary strong{font-size:19px}.filters{gap:7px;flex-wrap:wrap}.filters select,.plain-button,.upload-button{font-size:10px;padding:9px}.chart-card,.table-card{padding:15px}.chart-card canvas{height:185px}.intro{flex-direction:column}.upload-button{align-self:flex-start}}
.summary-grid{grid-template-columns:repeat(3,1fr)!important}@media(max-width:760px){.summary-grid{grid-template-columns:repeat(2,1fr)!important}}
.chart-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.annual-caution{margin-top:12px;border-color:#765239;background:#282a30;color:#d4c0aa}.filters label[hidden]{display:none!important}.filters label{font-size:12px}.filters select{font-size:13px}.table-scroll{overscroll-behavior-x:contain}table{min-width:760px;font-size:12px}th,td{white-space:nowrap}.chart-card canvas{touch-action:pan-y}@media(max-width:900px){.chart-grid{grid-template-columns:1fr 1fr}.chart-grid .chart-card:last-child{grid-column:1/-1}}@media(max-width:760px){.chart-grid{grid-template-columns:1fr}.chart-grid .chart-card:last-child{grid-column:auto}}@media(max-width:500px){.filters label{flex:1 1 42%}.filters select{width:100%}.summary small{font-size:10px}.chart-card canvas{height:195px}}

/* Històric amb dues gràfiques: precipitació i temperatura */
.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.chart-grid.annual-view{grid-template-columns:1fr}
.legend-mean{background:var(--temp-mean-color)!important}
.legend-max{background:#ed7777!important}
@media(max-width:900px){.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-grid .chart-card:last-child{grid-column:auto}}
@media(max-width:760px){.chart-grid{grid-template-columns:1fr}}
.chart-card{position:relative}
.chart-card canvas{cursor:crosshair}
.chart-tooltip{position:absolute;z-index:5;max-width:min(320px,calc(100% - 20px));padding:9px 11px;border:1px solid #657b88;border-radius:9px;background:#101923f2;color:#f1f5f7;font-size:12px;line-height:1.45;box-shadow:0 6px 18px #0006;pointer-events:none}
.chart-tooltip[hidden]{display:none}
/* L’alineació numèrica i de dates és uniforme a totes les columnes. */
.table-scroll table td{text-align:right}
@media(max-width:540px){.chart-tooltip{font-size:11px;padding:8px 9px}}

/* Codificació cromàtica coherent amb les variables de temperatura. */
#temp-average-summary strong{color:var(--temp-mean-color)}
#temp-high-summary strong{color:var(--temp-max-color)}
#temp-low-summary strong{color:var(--temp-min-color)}
#temp-chart-card .legend-max{background:var(--temp-max-color)}
#temp-chart-card .legend-mean{background:var(--temp-mean-color)}
#rain-primary-summary strong,#rain-average-summary strong{color:var(--rain-color)}
#rain-record-summary strong,#rain-low-summary strong{color:#edf4f8}

:root{--rain-color:#176b99;--temp-max-color:#ed7777;--temp-min-color:#78badc;--temp-mean-color:#e9a05e}
.summary[hidden],.chart-grid[hidden],.table-card[hidden],.archive-note[hidden]{display:none!important}
td:nth-child(2){color:var(--rain-color)}
td:nth-child(3){color:var(--temp-mean-color)}
td:nth-child(4){color:var(--temp-max-color)}
td:nth-child(6){color:var(--temp-min-color)}
.temperature-summaries{display:contents}
.archive-details{display:block;margin-top:14px}
.archive-details>summary{cursor:pointer;color:#c5d0d8;font-size:12px;font-weight:600;list-style:none}
.archive-details>summary::-webkit-details-marker{display:none}
.archive-details>summary::after{content:'＋';float:right;color:#a8b8c5}
.archive-details[open]>summary::after{content:'−'}
.archive-details-body{display:flex;gap:11px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid #354451}
.archive-update-note{margin:8px 0 0;color:#aebdca;font-size:11px;line-height:1.45}
@media(max-width:760px){.temperature-summaries{display:grid;grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.temperature-summaries #temp-high-summary{grid-column:1;grid-row:1}.temperature-summaries #temp-low-summary{grid-column:2;grid-row:1}.temperature-summaries #temp-average-summary{grid-column:1/-1;grid-row:2}.temperature-summaries #wind-high-summary{grid-column:1/-1;grid-row:3}}

/* Organitza les estadístiques en blocs: pluja, temperatures i vent. */
.summary-grid{display:grid;grid-template-columns:minmax(0,1fr)!important;gap:14px}
.rain-summaries,.temperature-summaries,.wind-summaries{display:grid;grid-column:1/-1;gap:12px}
.rain-summaries,.temperature-summaries{grid-template-columns:repeat(3,minmax(0,1fr))}
.wind-summaries{grid-template-columns:repeat(3,minmax(0,1fr))}
.global-rain-view #rain-average-summary{grid-column:1;grid-row:1}
.global-rain-view #rain-record-summary{grid-column:1;grid-row:2}
.global-rain-view #rain-low-summary{grid-column:2;grid-row:2}
#rain-primary-summary strong,#rain-average-summary strong,#rain-record-summary strong,#rain-low-summary strong{color:#edf4f8}
td:nth-child(2){color:#edf4f8}
@media(max-width:760px){.rain-summaries,.temperature-summaries{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.rain-summaries #rain-primary-summary,.rain-summaries #rain-average-summary{grid-column:1/-1}.global-rain-view #rain-average-summary{grid-column:1/-1;grid-row:1}.global-rain-view #rain-record-summary{grid-column:1;grid-row:2}.global-rain-view #rain-low-summary{grid-column:2;grid-row:2}.temperature-summaries #temp-high-summary{grid-column:1;grid-row:1}.temperature-summaries #temp-low-summary{grid-column:2;grid-row:1}.temperature-summaries #temp-average-summary{grid-column:1/-1;grid-row:2}.wind-summaries{grid-template-columns:minmax(0,1fr)}}

/* En escriptori, les tres estadístiques globals de pluja comparteixen fila. */
@media(min-width:761px){.rain-summaries.global-rain-view #rain-average-summary,.rain-summaries.global-rain-view #rain-record-summary,.rain-summaries.global-rain-view #rain-low-summary{grid-column:auto!important;grid-row:auto!important}}