/* Driver only. The passenger map retains its independent interface. */
body.navigating:not(.nav-trip-open) .locals-sheet-options{display:none!important}
body.navigating .nav-turn{padding:12px;border-radius:16px;max-height:25dvh;overflow:auto}
body.navigating #routeInstruction{font-size:clamp(17px,4.5vw,23px)}
body.navigating .nav-bottom{padding:12px;max-height:26dvh;overflow:auto}
body.navigating #routeEta{font-size:24px}
body.navigating .simple-map-buttons{margin-top:calc(26dvh + 12px)!important;gap:6px}
body.navigating .simple-map-buttons button{width:42px;height:42px}
body.navigating .simple-map-buttons .simple-map-location{margin-top:4px}
.driver-nav[hidden],.driver-nav [hidden],#resumeNavigation[hidden]{display:none!important}
.driver-nav{position:absolute;inset:0;z-index:48;pointer-events:none;color:#fff;font-family:Inter,system-ui,sans-serif}
.driver-nav button{pointer-events:auto;cursor:pointer;min-height:46px;border:0;font:700 14px Inter,system-ui;border-radius:24px;padding:10px 15px;background:#fff;color:#163932;box-shadow:0 3px 14px #0002}
.driver-nav button:focus-visible{outline:3px solid #f5b301;outline-offset:3px}
.nav-turn{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:12px;right:12px;background:#075950;border-radius:24px;padding:18px;box-shadow:0 5px 18px #0002}
.nav-turn-main{display:flex;gap:16px;align-items:center}
.nav-turn-symbol{flex:0 0 62px;text-align:center}
#routeArrow{display:block;font-size:46px;line-height:1.1}
#routeTurnDistance{display:block;font-size:19px;font-weight:750;margin-top:6px;white-space:nowrap}
#routeInstruction{font-size:clamp(21px,6vw,29px);font-weight:750;line-height:1.2;overflow-wrap:anywhere}
#routeNext{font-size:14px;border-top:1px solid #ffffff30;padding-top:10px;margin-top:12px;color:#d9f5ed}
#routeMeta{font-size:12px;line-height:1.4;margin:8px 0 0;color:#d9f5ed}
.nav-map-tools{position:absolute;right:12px;bottom:calc(188px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.nav-map-tools button{min-width:48px;font-size:14px}
.nav-speed{position:absolute;left:14px;bottom:calc(190px + env(safe-area-inset-bottom,0px));background:#fff;color:#173932;border-radius:50%;width:70px;height:70px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 3px 14px #0002}
.nav-speed b{font-size:27px}.nav-speed small{font-size:11px}
.nav-bottom{position:absolute;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));padding:16px;background:#fff;color:#183a33;border-radius:26px;box-shadow:0 3px 22px #0003;pointer-events:auto}
.nav-summary{display:flex;align-items:center;gap:12px}.nav-summary>div{flex:1;min-width:0}
#routeEta{font-size:30px;font-weight:800;line-height:1.1}#routeRemaining{font-size:14px;color:#586a66;margin-top:6px}
#routeDestination{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:7px;color:#526a62}
.driver-nav #routeExit{background:#d83129;color:white;box-shadow:none;font-size:16px;min-width:70px}
.nav-bottom-actions{display:flex;gap:8px;margin-top:13px}.nav-bottom-actions button{flex:1;background:#eef4f0;box-shadow:none;font-size:13px;min-height:44px;padding:8px}
.driver-nav #routeSafety{background:#fff0ed;color:#ad241d}
#resumeNavigation{display:block;width:100%;padding:12px;border:0;border-radius:12px;background:#075950;color:#fff;font-weight:750;margin-bottom:12px;cursor:pointer}
body.navigating #map{top:0;height:100%}
body.navigating .dnavbar{display:none!important}
body.navigating .topbar,body.navigating #uHome,body.navigating #earnPill,body.navigating #dLocFab,body.navigating #mapctrls,body.navigating .ride-map-layer,body.navigating .bnav,body.navigating .bottomnav,body.navigating #bottomNav{display:none!important}
body.navigating #tripSheet{display:none!important}
body.navigating.nav-trip-open #tripSheet{display:block!important;z-index:60;top:calc(12px + env(safe-area-inset-top,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));height:auto;max-height:none;transform:none!important;overflow-y:auto;padding-bottom:22px}
body.navigating.nav-trip-open .driver-nav{visibility:hidden}
body.navigating #locals-language,body.navigating .locals-language-launcher,body.navigating #localsPwaLauncher,body.navigating #localsPushLauncher{display:none!important}
@media(prefers-color-scheme:dark){.nav-bottom,.nav-speed,.nav-map-tools button{background:#172522;color:#fff}#routeRemaining,#routeDestination{color:#bfcdc7}.nav-bottom-actions button{background:#2b3c36;color:#fff}}
@media(max-height:650px){.nav-turn{padding:12px;left:8px;right:8px}.nav-turn-symbol{flex-basis:42px}#routeArrow{font-size:32px}#routeInstruction{font-size:20px}#routeNext{display:none}.nav-map-tools{flex-direction:row;bottom:158px;left:90px;flex-wrap:wrap;gap:5px}.nav-map-tools button{font-size:12px;min-height:40px;padding:6px 9px}.nav-speed{bottom:160px}.nav-bottom{padding:12px}#routeEta{font-size:25px}}