/**
 * METEO SANTA SUSANNA
 * Fitxer: public/assets/css/statistics-v175.css
 * Versió: 1.8.7b
 *
 * Desenvolupament i proveïdor: SOMOSDIGITAL.NET
 * © 2026 SOMOSDIGITAL.NET
 */
/* Meteo Santa Susanna · Estadístiques v1.7.5b */
.statistics-page{max-width:1200px;margin:0 auto;padding:16px}.statistics-heading{border-radius:0}.statistics-panel{background:var(--panel,#fff);border:1px solid var(--line,#d5e1e7);border-radius:18px;padding:18px;box-shadow:0 8px 24px rgba(22,46,72,.06)}
.statistics-tabs{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--line,#d5e1e7)}.statistics-tab{appearance:none;border:1px solid var(--line,#d5e1e7);background:var(--panel,#fff);color:var(--text,#173246);padding:10px 15px;border-radius:9px;font:inherit;font-weight:700;cursor:pointer}.statistics-tab.is-active{background:var(--nav,#16354b);border-color:var(--nav,#16354b);color:#fff}
.statistics-view{padding-top:18px}.statistics-view[hidden]{display:none!important}.statistics-control{display:grid;gap:6px;max-width:210px;color:var(--muted,#687c8a);font-size:.85rem;font-weight:700;margin-bottom:16px}.statistics-control input{min-height:42px;border:1px solid var(--line,#d5e1e7);border-radius:8px;background:var(--panel,#fff);color:var(--text,#173246);padding:8px 11px;font:inherit;font-size:1rem}.statistics-status{min-height:22px;color:var(--muted,#687c8a);font-size:.9rem;margin-bottom:8px}
.statistics-section-title{margin:4px 0 12px;font-size:1.05rem;color:var(--text,#173246)}.comparison-wrap{overflow-x:auto;border:1px solid var(--line,#d5e1e7);border-radius:0}.comparison-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.comparison-table th{background:var(--nav,#16354b);color:#fff;padding:10px;text-align:center;font-weight:600;border:1px solid var(--line,#d5e1e7)}.comparison-table td{padding:10px;text-align:center;border:1px solid var(--line,#d5e1e7)}.comparison-table td:first-child{font-weight:800}.temp-stat{font-weight:800;border-radius:0;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.28)}.comparison-summary{margin:14px 0 0;padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--panel,#fff) 88%,var(--accent,#1687b8));font-weight:700}
.records-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.record-card{border:1px solid var(--line,#d5e1e7);border-radius:16px;padding:15px;background:var(--panel,#fff);box-shadow:0 6px 18px rgba(20,48,66,.05);min-height:132px}.record-card h3{margin:0 0 13px;font-size:.9rem;color:var(--muted,#687c8a)}.record-value{font-size:1.65rem;font-weight:800;line-height:1.1}.record-date{margin-top:9px;color:var(--muted,#687c8a);font-size:.86rem}.record-card.temperature-record .record-value{display:inline-block;padding:6px 9px;border-radius:8px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.28)}
.statistics-placeholder{padding:24px;border:1px dashed var(--line,#d5e1e7);border-radius:12px;color:var(--muted,#687c8a)}html[data-theme="dark"] .statistics-panel,html[data-theme="dark"] .record-card{box-shadow:none}
@media(max-width:900px){.records-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.statistics-page{padding:14px}.statistics-panel{padding:14px;border-radius:16px}.statistics-tabs{flex-wrap:nowrap;overflow-x:auto}.statistics-tab{flex:0 0 auto;padding:8px 10px;font-size:.8rem}.records-grid{grid-template-columns:1fr 1fr;gap:10px}.record-card{padding:12px;min-height:120px}.record-value{font-size:1.35rem}.comparison-table th,.comparison-table td{padding:9px 7px;font-size:.86rem}}@media(max-width:430px){.records-grid{grid-template-columns:1fr}}
/* v1.7.5f · day/month/year comparison + provisional values */
.comparison-modes{display:flex;gap:8px;margin:0 0 14px}.comparison-mode{appearance:none;border:1px solid var(--line,#d5e1e7);background:var(--panel,#fff);color:var(--text,#173246);padding:8px 14px;border-radius:8px;font:inherit;font-weight:700;cursor:pointer}.comparison-mode.is-active{background:var(--nav,#16354b);border-color:var(--nav,#16354b);color:#fff}.statistics-control[hidden]{display:none!important}.statistics-control select{min-height:42px;border:1px solid var(--line,#d5e1e7);border-radius:8px;background:var(--panel,#fff);color:var(--text,#173246);padding:8px 11px;font:inherit;font-size:1rem}.comparison-provisional{margin:8px 0 0;color:var(--muted,#687c8a);font-size:.86rem;font-style:italic}.comparison-provisional[hidden]{display:none!important}

/* v1.7.5g */
.record-value.rain-positive{color:#1687d9;}
/* v1.7.5h · monthly averages */
.averages-intro{margin:0 0 14px;color:var(--muted,#687c8a)}
.averages-controls{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-bottom:4px}
.averages-controls .statistics-control{margin-bottom:10px}
.averages-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:12px}
.average-card{border:1px solid var(--line,#d5e1e7);border-radius:14px;background:var(--panel,#fff);padding:15px;min-height:142px;display:flex;flex-direction:column;justify-content:space-between}
.average-card h3{margin:0 0 8px;font-size:.92rem;font-weight:700;color:var(--text,#173246)}
.average-value{font-size:1.55rem;font-weight:800;color:var(--text,#173246);font-variant-numeric:tabular-nums}
.average-historic{margin-top:12px;padding-top:10px;border-top:1px solid var(--line,#d5e1e7);display:flex;justify-content:space-between;gap:10px;font-size:.82rem;color:var(--muted,#687c8a)}
.average-historic strong{color:inherit;white-space:nowrap}
.average-temperature h3,.average-temperature .average-value,.average-temperature .average-historic,.average-temperature .average-historic strong{color:#fff}
.average-temperature .average-historic{border-top-color:rgba(255,255,255,.45)}
.averages-summary{margin-top:14px}
@media(max-width:900px){.averages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.averages-controls{gap:10px}.averages-controls .statistics-control{max-width:calc(50% - 5px);flex:1 1 0}.averages-grid{grid-template-columns:1fr 1fr;gap:10px}.average-card{padding:12px;min-height:130px}.average-value{font-size:1.28rem}.average-historic{display:block}.average-historic strong{display:block;margin-top:3px}}
@media(max-width:430px){.averages-grid{grid-template-columns:1fr}}

/* v1.7.5i · rainfall statistics */
.rain-controls{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.rain-controls .statistics-control{margin-bottom:10px}
.rain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:12px}
.rain-card{border:1px solid var(--line,#d5e1e7);border-radius:14px;background:var(--panel,#fff);padding:15px;min-height:124px;display:flex;flex-direction:column;justify-content:space-between}
.rain-card h3{margin:0 0 9px;font-size:.92rem;font-weight:700;color:var(--text,#173246)}
.rain-card-value{font-size:1.5rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--text,#173246)}
.rain-card-sub{margin-top:8px;color:var(--muted,#687c8a);font-size:.84rem}.rain-card-value.rain-positive{color:#1687d9}
.rain-summary{margin-top:14px}.rain-months-title{margin-top:20px}.rain-table-wrap{max-width:560px}.rain-table td:nth-child(2){font-weight:800}.rain-table td.rain-positive{color:#1687d9}
@media(max-width:900px){.rain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.rain-grid{grid-template-columns:1fr 1fr;gap:10px}.rain-card{padding:12px;min-height:112px}.rain-card-value{font-size:1.25rem}}
@media(max-width:430px){.rain-grid{grid-template-columns:1fr}}

/* v1.7.5k · richer rainfall comparison cards + monthly year comparison */
.rain-card-rich{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}
.rain-card-copy{min-width:0;flex:1 1 auto}
.rain-card-icon{flex:0 0 52px;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(35,119,209,.10);color:#315b89}
.rain-card-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rain-card-previous{margin-top:7px;color:var(--muted,#687c8a);font-size:.82rem;font-variant-numeric:tabular-nums}
.rain-card-trend{margin-top:6px;font-size:.82rem;font-weight:800;font-variant-numeric:tabular-nums}
.rain-card-trend.is-good,.trend-positive{color:#198a2e!important}
.rain-card-trend.is-bad,.trend-negative{color:#e12626!important}
.rain-card-trend.is-neutral{color:var(--muted,#687c8a)}
.rain-table-wrap{max-width:none}
.rain-table th,.rain-table td{white-space:nowrap}
.rain-table td:nth-child(2){font-weight:800}
.rain-head-unit{font-size:.78em;font-weight:600;opacity:.95}
.rain-total-row td{font-weight:800;border-top:2px solid var(--line,#d5e1e7)}
html[data-theme="dark"] .rain-card-icon{background:rgba(100,160,220,.14);color:#8cb7e5}
@media(max-width:650px){.rain-card-icon{flex-basis:44px;width:44px;height:44px}.rain-card-icon svg{width:25px;height:25px}.rain-table-wrap{overflow-x:auto}.rain-table{min-width:650px}}

/* v1.7.5l · average-card icons + blue previous-year rainfall values */
.average-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.average-card-copy{min-width:0;flex:1 1 auto}
.average-card-icon{flex:0 0 48px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(35,119,209,.10);color:#315b89}
.average-card-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.average-temperature .average-card-icon{background:rgba(255,255,255,.22);color:#fff}
.rain-table td.rain-positive{color:#1687d9;font-weight:800}
html[data-theme="dark"] .average-card-icon{background:rgba(100,160,220,.14);color:#8cb7e5}
html[data-theme="dark"] .average-temperature .average-card-icon{background:rgba(255,255,255,.16);color:#fff}
@media(max-width:650px){.average-card-icon{flex-basis:42px;width:42px;height:42px}.average-card-icon svg{width:24px;height:24px}}

/* v1.7.5m · record-card icons */
.record-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.record-card-top h3{min-width:0;flex:1 1 auto}
.record-card-icon{flex:0 0 48px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(35,119,209,.10);color:#315b89;margin-top:-3px}
.record-card-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.temperature-record .record-card-icon{background:rgba(219,67,67,.10);color:#c13c3c}
html[data-theme="dark"] .record-card-icon{background:rgba(100,160,220,.14);color:#8cb7e5}
@media(max-width:650px){.record-card-icon{flex-basis:42px;width:42px;height:42px}.record-card-icon svg{width:24px;height:24px}}

/* v1.7.5p · Extrems III + neutral record temperature icons */
.temperature-record .record-card-icon{background:rgba(35,119,209,.10);color:#315b89}
html[data-theme="dark"] .temperature-record .record-card-icon{background:rgba(100,160,220,.14);color:#8cb7e5}
.extremes-controls{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.extremes-controls .statistics-control{margin-bottom:10px}
.extremes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:12px}
.extreme-card{border:1px solid var(--line,#d5e1e7);border-radius:14px;background:var(--panel,#fff);padding:15px;min-height:156px;position:relative;overflow:hidden}
.extreme-card::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--extreme-color,#1687d9)}
.extreme-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.extreme-card h3{margin:0 0 4px;font-size:.94rem;color:var(--text,#173246)}
.extreme-range{font-size:.8rem;color:var(--muted,#687c8a)}
.extreme-card-icon{flex:0 0 48px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--extreme-color,#1687d9) 12%,transparent);color:var(--extreme-color,#1687d9)}
.extreme-card-icon svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.extreme-value{margin-top:15px;font-size:1.65rem;font-weight:800;color:var(--extreme-color,#1687d9);font-variant-numeric:tabular-nums}.extreme-value span{font-size:.84rem;color:var(--muted,#687c8a);font-weight:700}
.extreme-card-previous{margin-top:7px;color:var(--muted,#687c8a);font-size:.82rem}.extreme-card-trend{margin-top:6px;font-size:.82rem;font-weight:800}.extreme-card-trend.is-good{color:#198a2e}.extreme-card-trend.is-bad{color:#e12626}.extreme-card-trend.is-neutral{color:var(--muted,#687c8a)}
@media(max-width:900px){.extremes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.extremes-grid{grid-template-columns:1fr 1fr;gap:10px}.extreme-card{padding:12px;min-height:145px}.extreme-card-icon{flex-basis:42px;width:42px;height:42px}.extreme-card-icon svg{width:24px;height:24px}.extreme-value{font-size:1.35rem}}
@media(max-width:430px){.extremes-grid{grid-template-columns:1fr}}