/* Compact map workspace. Existing routes, data layers and playback are unchanged. */
#kek-idojaras-root main.main:has(.map-shortcuts){position:relative;max-width:1440px;padding:10px 16px 20px;--vm-map-height:520px;--vm-controls-height:150px}
#kek-idojaras-root main.main:has(.map-shortcuts)>.page-heading{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
#kek-idojaras-root .map-shortcuts{display:flex;flex-wrap:nowrap;gap:5px;overflow-x:auto;scrollbar-width:thin;margin:0 0 8px;padding:0 0 4px;min-width:0;grid-column:1/-1;grid-row:1}
#kek-idojaras-root .map-shortcuts a{flex:0 0 auto;padding:6px 9px;font-size:11px;line-height:1.25;min-height:28px}
#kek-idojaras-root main.main:has(>.map-layout){display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:10px 12px}
#kek-idojaras-root main.main>.map-layout{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px;align-items:start;margin:0}
#kek-idojaras-root main.main>.map-controls{grid-column:2;grid-row:2;z-index:3;align-self:start;margin:0;display:block;padding:12px}
#kek-idojaras-root main.main>.notice{grid-column:1/-1;grid-row:3;margin:0;padding:9px 12px;font-size:11px}
#kek-idojaras-root main.main>.map-layout>.map-stats{margin-top:calc(var(--vm-controls-height) + 10px);max-height:calc(var(--vm-map-height) - var(--vm-controls-height) - 10px);overflow:auto;padding:16px;scrollbar-width:thin}
#kek-idojaras-root .station-map{height:var(--vm-map-height)!important;min-height:0!important}
#kek-idojaras-root .station-map>.leaflet-target{height:100%}
#kek-idojaras-root .map-panel>.map-legend,#kek-idojaras-root .map-panel>.source-line{display:none}
#kek-idojaras-root .map-controls .control-group{display:flex;flex-direction:column;align-items:stretch;gap:10px;max-width:100%}
#kek-idojaras-root .map-controls label{display:flex;flex-direction:column;align-items:stretch;gap:4px;font-size:11px;min-width:0;flex:auto!important}
#kek-idojaras-root .map-controls select{width:100%;max-width:100%;min-height:34px;font-size:12px}
#kek-idojaras-root .vm-map-layer-controls .source-pill{display:none}
#kek-idojaras-root .vm-forecast-shell{grid-template-rows:var(--vm-controls-height) auto;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:10px 12px;margin:0;position:relative}
#kek-idojaras-root .vm-forecast-grid{display:contents}
#kek-idojaras-root .vm-forecast-map-panel{grid-column:1;grid-row:1/span 2;min-width:0}
#kek-idojaras-root .vm-forecast-controls{align-self:start;grid-column:2;grid-row:1;margin:0;padding:12px;display:block}
#kek-idojaras-root .vm-forecast-summary{grid-column:2;grid-row:2;align-self:start;max-height:calc(var(--vm-map-height) - var(--vm-controls-height) - 10px);overflow:auto;scrollbar-width:thin}
#kek-idojaras-root .vm-forecast-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}
#kek-idojaras-root :is(#vm-forecast-map,#vm-pollen-map,#vm-air-map,#vm-soil-map){height:var(--vm-map-height)!important;min-height:0}
#kek-idojaras-root .vm-pollen-table,#kek-idojaras-root .vm-pollen-source{grid-column:1/-1}
#kek-idojaras-root #vm-air-page{display:grid!important;grid-template-columns:minmax(0,1fr) 280px;gap:10px 12px}
#kek-idojaras-root #vm-air-page>.vm-air-toolbar{grid-column:2;grid-row:2;z-index:3;align-self:start;display:flex;flex-direction:column;align-items:stretch;padding:12px;margin:0}
#kek-idojaras-root #vm-air-page>.vm-air-grid{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:12px;align-items:start}
#kek-idojaras-root .vm-air-summary{margin-top:calc(var(--vm-controls-height) + 10px);max-height:calc(var(--vm-map-height) - var(--vm-controls-height) - 10px);overflow:auto;scrollbar-width:thin}
#kek-idojaras-root .vm-air-table,#kek-idojaras-root .vm-air-source{grid-column:1/-1}
#kek-idojaras-root #vm-air-status{font-size:11px;line-height:1.5}
#kek-idojaras-root .vm-soil-shell{grid-template-rows:var(--vm-controls-height) auto;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:10px 12px;padding:0;position:relative}
#kek-idojaras-root .vm-soil-grid{display:contents}
#kek-idojaras-root .vm-soil-map-panel{grid-column:1;grid-row:1/span 2;padding:0}
#kek-idojaras-root .vm-soil-topbar{align-self:start;grid-column:2;grid-row:1;padding:12px}
#kek-idojaras-root .vm-soil-head{display:none}
#kek-idojaras-root .vm-soil-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:10px}
#kek-idojaras-root .vm-soil-toolbar label{font-size:11px}
#kek-idojaras-root .vm-soil-summary{grid-column:2;grid-row:2;max-height:calc(var(--vm-map-height) - var(--vm-controls-height) - 10px);overflow:auto;scrollbar-width:thin}
#kek-idojaras-root .vm-soil-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#kek-idojaras-root .vm-soil-note:empty{display:none}
#kek-idojaras-root .vm-soil-note{font-size:11px;margin:8px 0;padding:8px}
#kek-idojaras-root .radar-dashboard{grid-template-columns:minmax(0,1fr) 280px;grid-template-areas:"map toolbar" "map side" "timeline side" "legend note";grid-template-rows:auto auto auto auto;gap:10px 12px}
#kek-idojaras-root .radar-dashboard>.radar-map-canvas{height:var(--vm-map-height)}
#kek-idojaras-root .radar-dashboard .vm-radar-toolbar{padding:12px;display:flex;flex-direction:column;align-items:stretch;gap:10px}
#kek-idojaras-root .vm-radar-toolbar .radar-title{display:none}
#kek-idojaras-root .vm-radar-toolbar .radar-time{font-size:11px;justify-content:flex-start}
#kek-idojaras-root .radar-sidebar{max-height:calc(var(--vm-map-height) - var(--vm-controls-height) - 10px)!important;overflow:auto!important;scrollbar-width:thin}
#kek-idojaras-root .radar-stat-grid>div{padding:9px}
#kek-idojaras-root .radar-stat-grid strong{font-size:21px}
#kek-idojaras-root .radar-dashboard>.radar-timeline{padding:9px 12px;align-self:start}
.vm-map-caption{position:absolute;left:12px;top:10px;z-index:705;max-width:min(270px,calc(100% - 90px));padding:8px 11px;background:#fffffff0;border:1px solid #d7e5f4;border-radius:10px;box-shadow:0 3px 12px #2447680b;pointer-events:none;color:#173757}
.vm-map-caption strong{display:block;font:700 15px/1.3 system-ui;color:#173757}
.vm-map-caption small{display:block;font:500 10px/1.5 system-ui;color:#617b95}
.vm-map-caption span{display:block;font:500 10px/1.4 system-ui;color:#385b77}
.vm-native-map .vm-map-controls{top:auto!important;bottom:28px!important;left:10px!important;right:auto!important}
.vm-layer-toggle{display:none}
@media(min-width:701px){
#kek-idojaras-root :is(.vm-air-toolbar,.vm-soil-toolbar) select{width:100%;font-size:12px;min-height:34px}
}
@media(max-width:700px){
#kek-idojaras-root main.main:has(.map-shortcuts){padding:6px 8px 16px;display:block}
#kek-idojaras-root .vm-mobile-map-select{margin:0 0 7px}
#kek-idojaras-root .vm-mobile-map-select label{font-size:0;gap:0}
#kek-idojaras-root .vm-mobile-map-select select{min-height:34px;height:34px;font-size:12px;padding:6px 10px;border-radius:9px}
#kek-idojaras-root .map-shortcuts{display:none}
#kek-idojaras-root :is(.vm-forecast-shell,.vm-soil-shell){display:block}
#kek-idojaras-root :is(.map-layout,.vm-air-grid){display:block!important}
#kek-idojaras-root #vm-air-page{display:block!important}
#kek-idojaras-root :is(.map-stats,.vm-air-summary,.vm-soil-summary,.vm-forecast-summary){margin-top:12px!important;max-height:none!important;overflow:visible}
#kek-idojaras-root .radar-dashboard{grid-template-columns:minmax(0,1fr);grid-template-areas:"map" "timeline" "side" "legend" "note";grid-template-rows:auto auto auto auto auto}
#kek-idojaras-root .radar-sidebar{max-height:none!important;overflow:visible!important}
#kek-idojaras-root .vm-map-layer-controls{display:none!important}
#kek-idojaras-root main.vm-map-controls-open .vm-map-layer-controls{display:flex!important;position:fixed!important;inset:auto!important;top:var(--vm-layer-top,150px)!important;right:12px!important;left:auto!important;width:min(280px,calc(100vw - 24px))!important;max-height:calc(100svh - var(--vm-layer-top,150px) - 15px);overflow:auto;z-index:850;padding:14px!important;background:#fff;border:1px solid #cbdff0;border-radius:12px;box-shadow:0 12px 35px #17375735;flex-direction:column;gap:12px;margin:0!important}
.vm-layer-toggle{position:absolute;display:block;top:10px;right:10px;z-index:750;min-height:36px;padding:8px 10px;border:1px solid #b8d4ef;border-radius:9px;background:#fff;color:#1263d5;font:600 12px system-ui;cursor:pointer}
.vm-layer-toggle[aria-expanded="true"]{background:#1263d5;color:#fff}
.vm-map-caption{left:8px;top:8px;max-width:calc(100% - 108px);padding:7px 9px}
.vm-map-caption strong{font-size:13px}
.vm-map-caption small,.vm-map-caption span{font-size:9px}
}
@media(min-width:701px){
#kek-idojaras-root main.main .map-shortcuts{flex-wrap:nowrap!important;overflow:hidden!important;overflow-x:auto!important;gap:5px!important;padding:0 0 4px!important;margin:0 0 8px!important;white-space:nowrap!important;max-height:36px}
#kek-idojaras-root main.main .map-shortcuts>a{min-height:28px!important;flex:0 0 auto!important;padding:6px 9px!important}
#kek-idojaras-root main.main:has(>.alert-controls){display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:10px 12px}
#kek-idojaras-root main.main:has(>.alert-controls)>.map-panel{grid-column:1;grid-row:2/span 2;margin:0;align-self:start}
#kek-idojaras-root main.main>.alert-controls{grid-column:2;grid-row:2;display:flex;flex-direction:column;align-items:stretch;margin:0;padding:12px;gap:10px;align-self:start}
#kek-idojaras-root main.main>.alert-controls~.alert-controls{grid-row:3}
#kek-idojaras-root main.main>.alert-report-meta{grid-column:1/-1;grid-row:5;font-size:11px}
#kek-idojaras-root main.main:has(>.alert-controls)>.notice{grid-row:4}
#kek-idojaras-root .alert-controls select,#kek-idojaras-root .alert-controls input{font-size:12px;min-height:34px;width:100%}
}
@media(max-width:700px){
#kek-idojaras-root .vm-mobile-map-select{margin:0 0 7px!important}
#kek-idojaras-root .vm-mobile-map-select select{margin-top:0}
#kek-idojaras-root main.main:has(>.alert-controls)>.alert-report-meta,#kek-idojaras-root main.main:has(>.alert-controls)>.notice{display:none}
#kek-idojaras-root main.vm-map-controls-open .alert-controls~.alert-controls{top:var(--vm-alert-secondary-top,300px)!important;max-height:calc(100svh - var(--vm-alert-secondary-top,300px) - 12px)}
}
#kek-idojaras-root main.main .vm-mobile-map-select select{box-sizing:border-box!important;max-width:100%!important;width:100%!important}
@media(max-width:700px){
#kek-idojaras-root .vm-mobile-map-select select,#kek-idojaras-root .vm-map-layer-controls select{font-size:16px}
#kek-idojaras-root main.main .vm-mobile-map-select{box-sizing:border-box;width:100%;max-width:100%;min-width:0}
}
#kek-idojaras-root main.main .vm-mobile-map-select select{margin:0!important}
#kek-idojaras-root .station-map>.map-home{display:none}

/* One visual language for every map: radar-style white cards and route accents. */
#kek-idojaras-root main.main:has(.map-shortcuts){--vm-map-accent:#2999d9}
#kek-idojaras-root main.main[data-vm-map-kind="pollen"]{--vm-map-accent:#20a77d}
#kek-idojaras-root main.main[data-vm-map-kind="legszennyezetseg"]{--vm-map-accent:#9475d8}
#kek-idojaras-root main.main[data-vm-map-kind="homerseklet-elorejelzes"],#kek-idojaras-root main.main[data-vm-map-kind="hoterkep"]{--vm-map-accent:#ed9860}
#kek-idojaras-root main.main[data-vm-map-kind="veszelyjelzes"]{--vm-map-accent:#df697a}
#kek-idojaras-root main.main[data-vm-map-kind="uv-napsugarzas"]{--vm-map-accent:#dcad36}
#kek-idojaras-root main.main[data-vm-map-kind^="talaj"],#kek-idojaras-root main.main[data-vm-map-kind="aszalyterkep"]{--vm-map-accent:#a89160}
#kek-idojaras-root main.main[data-vm-map-kind="szelterkep"],#kek-idojaras-root main.main[data-vm-map-kind="szellokes"]{--vm-map-accent:#54b8b7}
#kek-idojaras-root main.main :is(.map-panel,.vm-forecast-map-panel,.vm-air-grid>section.panel,.vm-soil-map-panel,.radar-map-canvas){padding:0!important;border:1px solid #d7e5f4!important;border-top:3px solid var(--vm-map-accent)!important;border-radius:14px!important;background:#fff;overflow:hidden;min-width:0;box-sizing:border-box}
#kek-idojaras-root main.main :is(.vm-map-layer-controls,.map-stats,.vm-air-summary,.vm-forecast-summary,.vm-soil-summary,.radar-sidebar,.vm-map-explanation){border:1px solid #d7e5f4!important;border-top:3px solid var(--vm-map-accent)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 5px 20px #24476808;color:#173757!important;min-width:0;min-height:0!important;box-sizing:border-box}
#kek-idojaras-root main.main :is(.map-stats,.vm-air-summary,.vm-forecast-summary,.vm-soil-summary){padding:14px!important}
#kek-idojaras-root main.main :is(.map-stats,.vm-air-summary,.vm-forecast-summary,.vm-soil-summary) :is(h2,h3,strong,b,span,small,p,a,em){color:#173757!important}
#kek-idojaras-root main.main :is(.map-stats,.vm-air-summary,.vm-forecast-summary,.vm-soil-summary) :is(h2,h3){font-size:17px!important;line-height:1.4;margin:0 0 12px}
#kek-idojaras-root main.main :is(.map-stats,.vm-air-summary,.vm-forecast-summary,.vm-soil-summary) :is(.info-row,.ranking,.vm-air-stat,.vm-soil-stat,.vm-soil-topitem){border-color:#dfebf6!important;font-size:12px;line-height:1.5}
#kek-idojaras-root main.main :is(.vm-air-number,.summary-big,.stat-large strong){font-size:32px!important;line-height:1.3}
#kek-idojaras-root main.main :is(.summary-stat,.vm-soil-topitem .rank){background:#f2f7fd!important;border-color:#dfebf6!important;color:#173757!important}
#kek-idojaras-root main.main .vm-native-map{border-radius:11px!important}
#kek-idojaras-root main.main .vm-soil-topbar{margin-bottom:0}
#kek-idojaras-root main.main .vm-map-caption{border-top:2px solid var(--vm-map-accent)}
@media(min-width:701px){
#kek-idojaras-root main.main .map-shortcuts{display:grid!important;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px!important;overflow:visible!important;white-space:normal!important;max-height:none!important;width:100%;padding:0!important;margin:0 0 10px!important;min-width:0}
#kek-idojaras-root main.main .map-shortcuts>a{display:flex!important;align-items:center;justify-content:center;text-align:center;white-space:normal!important;overflow-wrap:anywhere;box-sizing:border-box;width:100%;min-width:0;height:36px;min-height:36px!important;padding:4px 6px!important;margin:0!important;font-size:11px!important;line-height:1.2;border-radius:8px}
}
@media(min-width:701px) and (max-width:1100px){
#kek-idojaras-root main.main .map-shortcuts{grid-template-columns:repeat(6,minmax(0,1fr))}
}
/* Dedicated shells span the same workspace as the radar, including legacy grid parents. */
#kek-idojaras-root main.main>.vm-soil-shell,#kek-idojaras-root main.main>.vm-forecast-shell{grid-column:1/-1;min-width:0;width:100%;box-sizing:border-box}
#kek-idojaras-root main.main #vm-soil-summary,#kek-idojaras-root main.main #vm-soil-summary *{color:#173757!important}
#kek-idojaras-root main.main .vm-soil-overlay.minbox{display:none}
#kek-idojaras-root main.main :is(.vm-soil-shell,.vm-forecast-shell,.vm-air-grid){margin:0!important}
