/* Magyarvizek – teljesen reszponzív rajzterületek, tömör listák. */
#forecastPanel, #historyPanel, #statsPanel, #comparePanel, .forecast-chart-shell{max-width:100%;min-width:0;overflow:hidden!important}
#forecastChart.chart-large{width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;aspect-ratio:auto!important;display:block!important}
#historyChart,#yearChart,#compareChart{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:0!important}
.forecast-chart-shell{padding:8px 6px 0!important;overflow:hidden!important}
.forecast-compact-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:100%}
.forecast-compact-row{display:flex;justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:7px 9px;border:1px solid #254a68;background:#0d2b44;border-radius:9px;font-variant-numeric:tabular-nums}
.forecast-compact-row time{color:#cce4f2;font-weight:650;font-size:12px;white-space:nowrap}
.forecast-compact-row span{white-space:nowrap;color:#ecf8ff;font-size:14px}
.forecast-compact-row b{font-weight:800;color:#8cddfb}
.forecast-compact-row small{color:#a7bdcf;font-size:11px}
.forecast-table-wrap{margin:8px 0 12px!important;overflow:hidden!important}
.station-overview .hero-grid{gap:8px!important}
.station-overview .hero-card{min-height:0!important;padding:11px 13px!important;border-radius:11px!important}
.station-overview .hero-label{font-size:11px!important;margin-bottom:4px!important}
.station-overview .hero-value{font-size:clamp(24px,2.5vw,34px)!important;line-height:1.1!important}
.station-overview .hero-value-small{font-size:clamp(21px,2vw,29px)!important}
.station-overview .hero-foot{font-size:10px!important;margin-top:4px!important}
.station-overview .toolbar{gap:8px!important}
.stationScroll{margin-top:5px!important}
#map{width:100%;min-height:400px;height:min(60vh,580px);border-radius:12px;overflow:hidden}
.gauge-marker-label{text-shadow:0 1px 3px #07121f,0 0 5px #07121f}
@media(max-width:950px){.forecast-compact-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:740px){
 .forecast-chart-shell{padding:5px 1px!important}
 .forecast-compact-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
 .forecast-compact-row{padding:7px 6px;gap:4px}
 .forecast-compact-row span{font-size:12px}
 .forecast-compact-row small{font-size:10px}
 .forecast-compact-row time{font-size:11px}
 #map{min-height:320px;height:50vh}
}
@media(max-width:380px){.forecast-compact-list{grid-template-columns:1fr 1fr}.forecast-compact-row{flex-wrap:wrap;justify-content:center;text-align:center}}
/* Felülírja a korábbi mobilos, fix 720/850 pixeles grafikonméreteket. */
.tabbody{overflow-x:hidden!important}
#historyPanel > #historyChart,#statsPanel > #yearChart,#comparePanel > #compareChart{width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important}
.forecast-chart-shell svg#forecastChart.chart-large{width:100%!important;min-width:0!important;max-width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important}

/* OpenFreeMap / MapLibre térkép */
#map {position:relative;isolation:isolate}
.mv-map-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.mv-map-heading h3{margin:0}
.mv-map-controls{display:flex;flex-wrap:wrap;gap:6px}
.mv-map-style{border:1px solid #3c6887;border-radius:9px;background:#173950;color:#d5edfd;padding:8px 12px;cursor:pointer;font:inherit;font-size:13px}
.mv-map-style:hover{border-color:#80d2fb}
.mv-map-style.is-active{background:#146b85;border-color:#71d9f8;color:#fff}
.mv-gauge-marker{display:inline-flex;align-items:center;gap:5px;background:transparent;border:0;color:#fff;cursor:pointer;padding:0;white-space:nowrap;text-align:left}
.mv-gauge-dot{display:block;flex:none;width:13px;height:13px;border:2px solid #fff;border-radius:50%;background:#05c9ef;box-shadow:0 1px 8px #051524}
.mv-gauge-label{display:block;font-size:12px;font-weight:750;line-height:1.2;color:#fff;background:rgba(4,30,50,.88);padding:3px 6px;border:1px solid rgba(144,216,245,.5);border-radius:5px;text-shadow:0 1px 2px #000}
.mv-gauge-marker:hover .mv-gauge-label,.mv-gauge-marker:focus-visible .mv-gauge-label{background:#126387}
.mv-gauge-popup{color:#152c40;font-size:13px}
.mv-gauge-popup p{margin:7px 0}
@media(max-width:600px){.mv-gauge-label{font-size:10px;padding:2px 4px}.mv-map-style{font-size:12px;padding:7px 9px}}

/* 0029: Vízállásváltozás a térképen (24 órás delta). */
.mv-gauge-marker[data-trend="rising"] .mv-gauge-dot{background:#24e998;box-shadow:0 0 0 2px rgba(12,74,53,.35),0 0 12px rgba(36,233,152,.9)}
.mv-gauge-marker[data-trend="falling"] .mv-gauge-dot{background:#ff5b6e;box-shadow:0 0 0 2px rgba(92,16,27,.35),0 0 12px rgba(255,91,110,.9)}
.mv-gauge-marker[data-trend="steady"] .mv-gauge-dot{background:#3e9dff;box-shadow:0 0 0 2px rgba(10,48,103,.35),0 0 12px rgba(62,157,255,.9)}
.mv-gauge-marker[data-trend="unknown"] .mv-gauge-dot{background:#94a3b8;box-shadow:0 0 0 2px rgba(32,46,66,.3),0 0 9px rgba(148,163,184,.6)}
.mv-map-trend-legend{display:flex;flex-wrap:wrap;gap:7px 16px;margin:0 0 12px;font-size:12px;color:#c9e1f0}
.mv-map-trend-legend span{display:inline-flex;align-items:center;gap:6px}
.mv-map-trend-legend span::before{content:'';display:inline-block;width:10px;height:10px;border:1px solid #fff;border-radius:50%;background:#94a3b8}
.mv-map-trend-legend [data-trend="rising"]::before{background:#24e998}
.mv-map-trend-legend [data-trend="falling"]::before{background:#ff5b6e}
.mv-map-trend-legend [data-trend="steady"]::before{background:#3e9dff}