#kek-idojaras-root .vm-cloud-shell{display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-rows:auto 1fr auto auto;gap:12px;--vm-map-accent:#789eb5}
#kek-idojaras-root .vm-cloud-shell>.panel{margin:0;min-height:0;border:1px solid #d7e5f4;border-top:3px solid #789eb5;border-radius:14px;background:#fff;min-width:0;color:#173757;box-sizing:border-box}
#kek-idojaras-root .vm-cloud-map-panel{grid-column:1;grid-row:1/span 2;padding:0;position:relative;overflow:hidden}
#kek-idojaras-root .vm-cloud-map{height:var(--vm-map-height,520px);min-height:260px}
#kek-idojaras-root .vm-cloud-controls{grid-column:2;grid-row:1;padding:14px;display:flex;flex-direction:column;gap:12px}
#kek-idojaras-root .vm-cloud-shell h2{font-size:17px;margin:0;line-height:1.4}
#kek-idojaras-root .vm-cloud-controls label{font-size:12px;display:flex;flex-direction:column;gap:6px}
#kek-idojaras-root .vm-cloud-controls select{font-size:14px;min-height:38px;width:100%;box-sizing:border-box;border:1px solid #bfd5ec;border-radius:8px;background:#f7faff;color:#173757;padding:7px}
#kek-idojaras-root .vm-cloud-controls .vm-cloud-check{flex-direction:row;align-items:center;gap:8px}
#kek-idojaras-root .vm-cloud-check input{width:17px;height:17px;margin:0}
#kek-idojaras-root .vm-cloud-controls .search{margin:0;width:100%;max-width:none;font-size:12px;cursor:pointer}
#kek-idojaras-root .vm-cloud-summary{grid-column:2;grid-row:2;padding:14px;max-height:calc(var(--vm-map-height,520px) - var(--vm-controls-height,210px) - 12px);overflow:auto}
#kek-idojaras-root .vm-cloud-time{font-size:18px;font-weight:700;margin:12px 0 4px}
#kek-idojaras-root .vm-cloud-stat{display:flex;justify-content:space-between;gap:10px;padding:12px 0;border-bottom:1px solid #e1ebf4;font-size:12px}
#kek-idojaras-root .vm-cloud-stat strong{font-size:16px}
#kek-idojaras-root .vm-cloud-update{font-size:11px;line-height:1.5}
#kek-idojaras-root .vm-cloud-timeline{grid-column:1;grid-row:3;display:flex;gap:12px;align-items:center;padding:10px 12px}
#kek-idojaras-root .vm-cloud-timeline input{flex:1;min-width:0;accent-color:#367e9e}
#kek-idojaras-root .vm-cloud-timeline button{border:1px solid #bfd5ec;background:#eff7fc;color:#15576f;border-radius:9px;padding:10px;font-weight:700;min-height:38px}
#kek-idojaras-root .vm-cloud-timeline output{font-size:12px;white-space:nowrap}
#kek-idojaras-root .vm-cloud-note{grid-column:1/-1;grid-row:4;padding:18px}
#kek-idojaras-root .vm-cloud-note h3{font-size:17px;margin:0 0 12px}
#kek-idojaras-root .vm-cloud-note p{font-size:12px;line-height:1.7;margin:12px 0}
#kek-idojaras-root .vm-cloud-note small{font-size:11px;line-height:1.6;color:#55718a}
#kek-idojaras-root .vm-cloud-legend{display:flex;flex-wrap:wrap;gap:12px}
#kek-idojaras-root .vm-cloud-legend span{display:flex;align-items:center;gap:7px;font-size:11px}
#kek-idojaras-root .vm-cloud-legend i{width:15px;height:15px;border-radius:4px;border:1px solid #adc3d4}
#kek-idojaras-root .vm-cloud-empty{position:absolute;left:20px;right:20px;top:100px;background:#fffffff0;padding:14px;border-radius:10px;text-align:center;font-size:13px}
#kek-idojaras-root main.main>.vm-cloud-shell{grid-column:1/-1;min-width:0}
@media(min-width:701px){#kek-idojaras-root main.main .map-shortcuts{grid-template-columns:repeat(10,minmax(0,1fr))!important;grid-template-rows:repeat(2,36px)}#kek-idojaras-root main.main .map-shortcuts>a{font-size:clamp(8px,.85vw,11px)!important;padding:3px!important}}
@media(max-width:700px){#kek-idojaras-root .vm-cloud-shell{display:flex;flex-direction:column;gap:10px}#kek-idojaras-root .vm-cloud-map-panel{order:1}#kek-idojaras-root .vm-cloud-timeline{order:2;gap:7px}#kek-idojaras-root .vm-cloud-controls{order:3}#kek-idojaras-root .vm-cloud-summary{order:4;max-height:none}#kek-idojaras-root .vm-cloud-note{order:5;padding:14px}#kek-idojaras-root .vm-cloud-controls select{font-size:16px}#kek-idojaras-root .vm-cloud-timeline output{font-size:10px}#kek-idojaras-root .vm-cloud-legend{display:grid;grid-template-columns:1fr 1fr;gap:9px}}