/* 9.18.4: map first. One layer row, one menu, a slim time line. Nothing else sits on the map until asked. */

html body #openReferencePlayer#openReferencePlayer{display:none!important}

@media(min-width:901px){
  html body.v9-map-first #headerStatus,
  html body.v9-map-first #globalRefresh,
  html body.v9-map-first #refreshStamp,
  html body.v9-map-first #languageToggle{display:none!important}
  html body.v9-map-first .layer-chips{top:62px;left:12px;max-width:min(720px,calc(100% - 88px))}
}

html body.v9-map-first .layer-rail,
html body.v9-map-first #primaryRailHint{display:none!important}
html body #weatherGraphSystem[data-dock-mode="collapsed"] :is(#timelineMeta,#timeKind,#timeNow,#graphDockToggle,#dockColorToggle,.timeline-day-select,#timePrev,#timeNext,.forecast-ribbon-wrap,#pastMeasureHint,.timeline-foot,#timelineInsight,#dockLead,#graphPanel,#graphSelectedValues,#mapLayoutBar,#layoutStationPanel,#officialInsight,#loopToggle){display:none!important}

html.atlas-pro-phone body #phoneMenuButton#phoneMenuButton{left:8px!important;right:auto!important}
html.atlas-pro-phone body .layer-chips.layer-chips{top:calc(env(safe-area-inset-top,0px) + 142px);left:8px;right:8px;max-width:none;gap:4px;overflow-x:auto;overflow-y:hidden}
html.atlas-pro-phone body .layer-chips.layer-chips button{flex:0 0 auto;width:auto;min-width:0;height:32px;padding:0 7px;font-size:12.5px;letter-spacing:0}

html body[data-zoomband="lo"] .buoy-marker.buoy-marker b{display:none!important}

#isoLegendChip{position:fixed;z-index:32;display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 8px;border-radius:11px;border:1px solid rgba(255,255,255,.28);background:rgba(12,16,20,.82);color:#f4f7f8;font:600 11px/1 system-ui,-apple-system,sans-serif;cursor:pointer}
#isoLegendChip[hidden]{display:none!important}
#isoLegendChip b{font-weight:700}
#isoLegendChip span{opacity:.8;letter-spacing:.02em}
#isoLegendPop{position:fixed;z-index:33;width:148px;padding:6px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:rgba(12,16,20,.92);color:#f4f7f8;font:600 12px/1.3 system-ui,-apple-system,sans-serif}
#isoLegendPop[hidden]{display:none!important}
#isoLegendPop p{display:flex;align-items:center;gap:6px;margin:0}
#isoLegendPop p+p{margin-top:4px}
#isoLegendPop i{width:14px;height:8px;border-radius:2px;flex:none}
#isoLegendPop p:first-child i{background:#c62828}
#isoLegendPop p:last-child i{background:linear-gradient(90deg,#1565c0,#1b5e20)}
@media(max-width:900px){
  #isoLegendChip{right:8px;bottom:calc(var(--pp-dock,168px) + 52px)}
  #isoLegendPop{right:8px;bottom:calc(var(--pp-dock,168px) + 78px)}
}
@media(min-width:901px){
  #isoLegendChip{top:168px;left:16px;right:auto}
  #isoLegendPop{top:196px;left:16px;right:auto}
}

html body[data-isobars="ready"] #mapLegend#mapLegend{max-height:36px!important;overflow:hidden!important;padding-top:4px!important;padding-bottom:4px!important}
html body[data-isobars="ready"] #mapLegend :is(#legendDetails,.legend-values,#legendScale,#legendGradient,#legendModelNote){display:none!important}