/* 9.19.18 preview: VÍ map picker (which map is on screen + pin a tier) */
.amp{position:fixed;left:10px;top:calc(env(safe-area-inset-top,0px) + 132px);z-index:45;max-width:calc(100vw - 112px);font:600 12px/1.2 system-ui,sans-serif;color:#fff}
.amp[hidden]{display:none}
.amp-btn{display:flex;align-items:center;gap:6px;min-height:36px;max-width:100%;padding:6px 10px;border:0;border-radius:18px;background:rgba(16,24,30,.88);color:#fff;font:inherit;box-shadow:0 2px 10px rgba(0,0,0,.3)}
.amp-tier{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.amp-auto{font-style:normal;font-size:10px;color:#9fb4c2}.amp-pinned .amp-auto{color:#ffd24a}
.amp-caret{font-size:11px;color:#cfdbe3}
.amp-menu{margin-top:6px;width:min(260px,calc(100vw - 20px));max-height:min(60vh,430px);overflow:auto;background:rgba(16,24,30,.96);border-radius:14px;padding:8px;box-shadow:0 6px 22px rgba(0,0,0,.4)}
.amp-list button{display:flex;align-items:baseline;gap:6px;width:100%;min-height:40px;padding:0 10px;border:0;border-radius:9px;background:none;color:#fff;font:600 14px system-ui;text-align:left}
.amp-list button small{color:#9fb4c2;font-size:11px}
.amp-list button[aria-checked=true]{background:#2f6f9a}
.amp-list button[aria-checked=true]::after{content:'✓';margin-left:auto}
.amp-list button:disabled{opacity:.4}
.amp-h{padding:8px 10px 3px;font:800 10px system-ui;letter-spacing:.08em;color:#9fb4c2;text-transform:uppercase}
body.atlas-card-open .amp{display:none}
/* 9.19.18.1: desktop keeps the pill in the top-left, under the layer row + status line, clear of the playback dock */
@media(min-width:900px){.amp{top:160px;left:10px}}
/* 9.19.18.1 phone: compact pill in the top row next to Valmynd (position set by layout-919181.js) */
.amp.amp-top .amp-btn{min-height:34px;padding:4px 10px;gap:5px}
.amp.amp-top .amp-tier{font-size:12.5px}
.maplibregl-ctrl-group.geo-under-zoom{position:fixed;right:auto;margin:0!important;z-index:45}

/* Local desktop review only: preserve the shipped layout below 1100px. */
@media (min-width:1100px){
 .topbar>.nav{flex-shrink:0}
 .topbar>#atlasMapPicker.atlas-desktop-header-picker{position:relative!important;inset:auto!important;z-index:76;flex:0 1 380px;min-width:0;max-width:min(32vw,380px);margin-left:auto}
 .topbar>#atlasMapPicker.atlas-desktop-header-picker>.amp-btn{width:100%;min-width:0}
 .topbar>#atlasMapPicker.atlas-desktop-header-picker .amp-tier{min-width:0;flex:1;text-align:left}
 .topbar>#atlasMapPicker.atlas-desktop-header-picker :is(.amp-auto,.amp-caret){flex:none}
 .topbar>#atlasMapPicker.atlas-desktop-header-picker>.amp-menu{position:absolute;right:0;left:auto;top:100%;margin-top:6px;max-width:min(320px,calc(100vw - 24px))}
 .maplibregl-ctrl-attrib.maplibregl-compact.maplibregl-compact-show{max-width:min(60vw,720px);white-space:normal}
}