/* LIQ RESPONSIVE NAV + CITY LIST + VEHICLE FOCUS V1 */
#liq-national-city-selector-v1 {min-width:205px;max-width:280px}
#liq-national-city-selector-v1 input[type="search"]{background:#102e39;border:1px solid #316b73;border-radius:5px;color:#dffaf6;padding:7px 8px;font-size:12px;max-width:100%;width:100%}
#liq-national-builder-link:not([hidden]){display:block;color:#76fff0;font:700 11px system-ui,sans-serif;text-decoration:underline;margin-top:3px}
#mapV0SelectedRouteLayer{pointer-events:none}
#mapV0SelectedRouteLayer .map-v0-selected-route{fill:none;stroke:#62fbea;stroke-width:3.1;opacity:.96;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 4px rgba(92,255,234,.75));pointer-events:none}
#mapV0SelectedRouteLayer .map-v0-selected-route.air{stroke:#69d7ff;stroke-dasharray:9 5}
#mapV0SelectedRouteLayer .map-v0-selected-route.rail{stroke:#ffe191}
#mapV0SelectedRouteLayer .map-v0-selected-route.water{stroke:#7ccfff}
.liq-vehicle-route-note{padding:9px 12px;border:1px solid #267e86;border-radius:7px;color:#85f8e3;background:#062633;font:700 11px system-ui,sans-serif}
.topbar .topnav.liq-grouped-nav{gap:6px;overflow:visible}
.liq-nav-group{position:relative;min-width:86px}
.liq-nav-group>summary{cursor:pointer;list-style:none;border:1px solid #23445a;border-radius:8px;color:#bbd2d7;padding:12px 12px;display:flex;align-items:center;justify-content:center;gap:6px;font:700 11px system-ui,sans-serif;white-space:nowrap}
.liq-nav-group>summary::-webkit-details-marker{display:none}
.liq-nav-group[open]>summary,.liq-nav-group:has(button.on)>summary{border-color:#33c2dc;color:#fff;background:#0a3b52}
.liq-nav-items{position:absolute;top:calc(100% + 5px);left:0;min-width:210px;padding:8px;background:#071b2c;border:1px solid #285d70;box-shadow:0 18px 38px rgba(0,0,0,.5);border-radius:10px;z-index:100;display:grid;gap:4px}
.topbar .liq-nav-items button{width:100%;min-width:0;text-align:left;display:flex;align-items:center;justify-content:flex-start;gap:10px;padding:11px;font:700 12px system-ui,sans-serif}
.topbar .liq-nav-items button>span{font-size:17px}
.topbar .liq-nav-items button[style*="display: none"]{display:none!important}
.topbar .topnav.liq-grouped-nav>button{min-width:85px}
.liq-mobile-bottom{display:none}
@media(max-width:1100px){.topbar .topnav.liq-grouped-nav{justify-content:flex-start}}
@media(max-width:900px){
 body{padding-bottom:66px}
 .topbar{grid-template-columns:1fr!important;gap:8px;padding:9px 12px;position:relative}
 .topbar .brand-lockup{justify-self:start}
 .topbar .brand-lockup strong{font-size:22px}
 .topbar .top-meta{grid-column:1/-1;max-width:calc(100vw - 24px);justify-content:flex-start;overflow-x:auto;padding:0 0 3px;flex-wrap:nowrap;scrollbar-width:thin}
 .topbar .top-meta>*{flex:0 0 auto}
 .topbar .topnav.liq-grouped-nav{display:none}
 .topbar .topnav.liq-grouped-nav.liq-mobile-nav-open{display:flex;position:fixed;inset:0 0 65px 0;z-index:900;background:rgba(3,13,25,.98);padding:58px 18px 18px;overflow-y:auto;align-content:flex-start;flex-wrap:wrap;align-items:flex-start;gap:10px}
 .topbar .topnav.liq-grouped-nav.liq-mobile-nav-open>.liq-nav-group{width:100%}
 .topbar .topnav.liq-grouped-nav.liq-mobile-nav-open>.liq-nav-group>summary{justify-content:space-between;font-size:14px;padding:15px}
 .topbar .topnav.liq-grouped-nav.liq-mobile-nav-open .liq-nav-items{position:static;box-shadow:none;border-radius:8px;width:100%;margin-top:5px}
 .topbar .topnav.liq-grouped-nav.liq-mobile-nav-open>button{width:calc(50% - 5px)}
 .liq-mobile-bottom{position:fixed;bottom:0;left:0;right:0;z-index:910;padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:#061724;border-top:1px solid #24566a}
 .liq-mobile-bottom button{min-height:48px;border:1px solid #1f4b5d;border-radius:9px;background:#0a2636;color:#def4f5;display:grid;place-items:center;font:700 12px system-ui,sans-serif}
 .liq-mobile-bottom button[aria-pressed="true"]{border-color:#56e5df;background:#0b4859}
 #mapa.view,#mapa.view.on{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
 #mapa .dashboard-grid{display:flex;flex-direction:column;min-width:0;gap:10px;height:auto!important}
 #mapa .map-stage{order:0;display:flex;flex-direction:column;width:100%;min-width:0}
 #mapa .map-stage-top{display:flex;flex-wrap:wrap;align-items:stretch;gap:6px;justify-content:flex-start}
 #mapa .map-stage-top>*{min-width:0}
 #mapa #liq-national-city-selector-v1{width:100%;max-width:none;order:0}
 #mapa #mapV0Controls{width:100%;max-width:none;order:2;display:flex;gap:5px;flex-wrap:wrap;max-height:145px;overflow-y:auto}
 #mapa #mapV0Controls label{font-size:9px}
 #mapa #mapV0Controls button{font-size:10px}
 #mapa .map-canvas{height:min(58vh,500px)!important;min-height:300px!important;max-height:500px}
 #mapa #interactiveMap{height:100%!important;min-height:0!important}
 #mapa .left-rail{order:1;display:block;max-height:none;overflow:visible;width:100%}
 #mapa .left-rail>.panel{margin-bottom:8px}
 #mapa .right-rail{order:2;display:block;max-height:none;overflow:visible;width:100%}
 #mapa .right-rail #atlasDetailPanel:has(.atlas-side-sheet:not([hidden])){position:fixed;left:8px;right:8px;bottom:70px;max-height:60dvh;overflow-y:auto;z-index:120;border:1px solid #49ccb9;box-shadow:0 16px 60px rgba(0,0,0,.8)}
}

@media(max-width:900px){.topbar:has(.liq-mobile-nav-open){z-index:905}}