/* One scoped layout for active navigation. Browsing retains its own sizing. */
body[data-tracking=active]{overflow:hidden}
body[data-tracking=active]>.topbar,body[data-tracking=active] .workspace>.sidebar{display:none!important}
body[data-tracking=active] #mapStage,body.map-fullscreen #mapStage.fullscreen{
 position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;
 max-height:100dvh!important;min-height:0!important;margin:0!important;border:0!important;border-radius:0!important;
}
body:is([data-tracking=active],[data-route-preview=true]) #mapStage .lumi-driving-ui::before{height:env(safe-area-inset-top,0px)}
body:is([data-tracking=active],[data-route-preview=true]) #mapStage .lumi-drive-header{display:none!important}
body:is([data-tracking=active],[data-route-preview=true]) #mapStage .lumi-drive-turn{
 top:0!important;left:0!important;right:0!important;width:auto!important;max-width:640px;
 min-height:0!important;max-height:32dvh!important;margin:0 auto;padding:calc(8px + env(safe-area-inset-top,0px)) 12px 8px!important;
 display:flex!important;align-items:center;gap:10px!important;border:0;border-radius:0 0 12px 12px;background:#0861bd;overflow:auto;pointer-events:auto;
}
body:is([data-tracking=active],[data-route-preview=true]) #mapStage .lumi-drive-turn>svg{width:38px!important;height:44px!important;flex:0 0 38px!important;margin:0;color:#fff}
body:is([data-tracking=active],[data-route-preview=true]) #mapStage .lumi-drive-turn-text{display:grid!important;grid-template-columns:max-content minmax(0,1fr);gap:2px 10px;align-items:center;flex:1}
body:is([data-tracking=active],[data-route-preview=true]) #mapStage .lumi-drive-turn-text .lumi-turn-distance{font:800 34px/1.1 Arial,sans-serif!important;letter-spacing:-1px;-webkit-text-stroke:0;color:#fff;grid-column:1;grid-row:1;white-space:nowrap;max-height:none}
body:is([data-tracking=active],[data-route-preview=true]) #mapStage .lumi-drive-turn-text .lumi-turn-name{grid-column:2;grid-row:1;display:block!important;font-size:18px!important;line-height:1.25;letter-spacing:0;color:#fff;overflow-wrap:anywhere;white-space:normal}
body:is([data-tracking=active],[data-route-preview=true]) #mapStage .lumi-drive-turn-text .lumi-turn-instruction:not([hidden]){grid-column:1/-1;font-size:13px!important;line-height:1.35;max-height:2.7em;margin:0;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#fff}
body:is([data-tracking=active],[data-route-preview=true]) #mapStage .lumi-travel-label{display:none!important}
body:is([data-tracking=active],[data-route-preview=true]) #mapStage .lumi-turn-next:not([hidden]){grid-column:1/-1;display:flex!important;gap:5px;margin:2px 0 0;padding:3px 0 0;border-top:1px solid #ffffff35;width:auto}
body:is([data-tracking=active],[data-route-preview=true]) #mapStage .lumi-turn-next .lumi-next-arrow{width:16px;height:16px;flex:0 0 16px}
body:is([data-tracking=active],[data-route-preview=true]) #mapStage .lumi-turn-next span{font-size:11px;line-height:1.3;letter-spacing:0}
body:is([data-tracking=active],[data-route-preview=true]) #mapStage .lumi-turn-distance[data-distance-state=waiting]{font:700 17px/1.3 sans-serif!important;white-space:normal}
body[data-tracking=active] #mapStage .lumi-drive-bottom{
 inset:auto 0 0!important;width:auto!important;max-width:640px;min-height:0!important;height:auto!important;max-height:48dvh;
 display:grid!important;grid-template-columns:minmax(0,1fr) 48px;grid-template-rows:auto auto;grid-auto-rows:max-content;
 align-content:start;gap:4px 8px;padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px))!important;border-radius:12px 12px 0 0;
}
body[data-tracking=active] #mapStage .lumi-drive-destination{grid-column:1;grid-row:1;font-size:11px;line-height:1.4}
body[data-tracking=active] #mapStage .lumi-drive-menu{grid-column:2;grid-row:1/3;min-height:44px;height:44px;align-self:center;padding:5px;border-radius:9px;font-size:11px!important}
body[data-tracking=active] #mapStage .lumi-drive-metrics{grid-column:1;grid-row:2;padding-top:3px;border:0;grid-template-columns:1fr 1fr .9fr 1.35fr;align-items:center}
body[data-tracking=active] #mapStage .lumi-trip-cell{padding:0 5px;gap:2px}
body[data-tracking=active] #mapStage .lumi-trip-cell:first-child{padding-left:0}
body[data-tracking=active] #mapStage .lumi-trip-cell>span{font-size:9px;line-height:1.3}
body[data-tracking=active] #mapStage .lumi-trip-cell>strong{font-size:16px;line-height:1.25;letter-spacing:-.5px;white-space:nowrap}
body[data-tracking=active] #mapStage .lumi-trip-arrival>strong{font-size:14px}
body[data-tracking=active] #mapStage .lumi-driving-ui[data-expanded=false] .lumi-drive-note{display:none!important}
body[data-tracking=active] #mapStage .lumi-drive-note{grid-column:1/-1;grid-row:3}
body[data-tracking=active] #mapStage .lumi-drive-actions{grid-column:1/-1;grid-row:4}
body[data-tracking=active] #mapStage .lumi-drive-bottom>.lumi-extra-actions{grid-column:1/-1;grid-row:5;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
body[data-tracking=active] #mapStage .lumi-drive-actions button,body[data-tracking=active] #mapStage .lumi-extra-actions button{min-height:44px;font-size:12px;padding:6px}
body[data-tracking=active] #mapStage .lumi-map-tools,body[data-tracking=active] #mapStage .lumi-rest-button,body[data-tracking=active] #mapStage .lumi-map-settings:not([open]){display:none!important}
body[data-tracking=active] #mapStage .lumi-map-settings[open]{display:block!important;top:auto;left:10px;bottom:calc(var(--lumi-bottom-height,80px) + 8px);z-index:75}
body[data-tracking=active] #mapStage #fullscreenMap{
 display:flex!important;top:calc(var(--lumi-turn-bottom,120px) + 4px)!important;right:10px!important;
 width:54px;height:44px;min-height:44px;padding:4px;font-size:10px;line-height:1.2;z-index:80;border-radius:10px;
}
body[data-tracking=active] #mapStage #centerMap{bottom:calc(var(--lumi-bottom-height,80px) + 30px)!important;right:10px;z-index:68}
body[data-tracking=active] #mapStage .lumi-driving-ui>.lumi-drive-speed{width:64px;min-width:64px!important;gap:2px;padding:5px!important;border-radius:10px;max-height:calc(100dvh - var(--lumi-turn-bottom,120px) - var(--lumi-bottom-height,80px) - 24px);overflow:hidden}
body[data-tracking=active] #mapStage .lumi-driving-ui>.lumi-drive-speed>strong{font-size:28px!important}
body[data-tracking=active] #mapStage .lumi-driving-ui>.lumi-drive-speed .lumi-speed-label{font-size:9px}
body[data-tracking=active] #mapStage .lumi-driving-ui>.lumi-drive-speed .lumi-speed-limit{width:48px;height:48px;margin-top:2px;border-width:3px}
body[data-tracking=active] #mapStage .lumi-driving-ui>.lumi-drive-speed .lumi-speed-limit b{font-size:22px!important}
body[data-tracking=active] #mapStage .lumi-driving-ui>.lumi-drive-speed .lumi-speed-limit::after{display:none}
body[data-tracking=active] #mapStage .plais-traffic-legend{bottom:calc(var(--lumi-bottom-height,80px) + 4px)!important;max-width:calc(100% - 80px);font-size:9px}
body[data-tracking=active] #mapStage.fullscreen .lumi-drive-turn-text .lumi-turn-instruction:not([hidden]),body[data-tracking=active] #mapStage.fullscreen .lumi-turn-next{display:none!important}
body[data-tracking=active] #mapStage.fullscreen .lumi-driving-ui[data-expanded=false] .lumi-drive-destination{display:none}
@media(max-width:360px){
 body[data-tracking=active] #mapStage .lumi-trip-cell{padding:0 3px}
 body[data-tracking=active] #mapStage .lumi-trip-cell>strong{font-size:13px}
 body[data-tracking=active] #mapStage .lumi-trip-arrival>strong{font-size:12px}
}
@media(orientation:landscape) and (max-height:540px){
 body:is([data-tracking=active],[data-route-preview=true]) #mapStage .lumi-drive-turn{right:auto!important;width:46vw!important;max-height:38dvh!important;margin:0}
 body:is([data-tracking=active],[data-route-preview=true]) #mapStage .lumi-turn-next:not([hidden]){display:none!important}
 body[data-tracking=active] #mapStage .lumi-drive-bottom{left:auto!important;width:52vw!important;max-height:60dvh}
 body[data-tracking=active] #mapStage #fullscreenMap{top:8px!important}
}

body[data-tracking=active] #mapStage .lumi-map-settings[open] .plais-camera-controls{display:flex!important}
body[data-tracking=active] #mapStage .lumi-map-settings[open] .plais-poi-toggle,body[data-tracking=active] #mapStage .lumi-map-settings[open] .plais-poi-notice{display:block!important}