#driverNavigation{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;border-radius:0;padding:calc(12px + env(safe-area-inset-top)) 16px calc(12px + env(safe-area-inset-bottom));background:#f6f7f3;color:#20332a;overflow:auto;box-sizing:border-box}
#driverNavigation[open]{display:grid;grid-template-rows:auto auto minmax(180px,1fr) auto;gap:12px}
#driverNavigation header{display:flex;align-items:center;gap:12px;max-width:1100px;width:100%;margin:auto}
#driverNavigation header>div{flex:1}#driverNavigation h2{font-size:20px;margin:2px 0;font-weight:800}#driverNavigation small{font-size:11px;letter-spacing:.08em}#driverNavigation button,#driverNavigation a{min-height:46px;padding:10px 16px;border:1px solid #dce3dc;border-radius:14px;background:#fff;color:#20332a;font-family:inherit;font-weight:600;font-size:14px;cursor:pointer;text-decoration:none}#driverNavigation button:disabled{opacity:.55;cursor:wait}#driverNavigation #navClose{font-size:24px;width:48px;padding:4px}
.nav-instruction{max-width:1100px;width:100%;margin:auto;display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:20px;background:#203b30;color:white;box-sizing:border-box}.nav-instruction h3{font-size:clamp(18px,2vw,24px);margin:4px 0;line-height:1.3}.nav-instruction small{opacity:.75}#navTurn{font-size:42px;min-width:44px;text-align:center}
#driverNavigationMap{width:100%;max-width:1100px;margin:auto;height:100%;min-height:180px;border-radius:22px;overflow:hidden;background:#e6ebe3}#driverNavigationMap button{background:revert;color:revert;border:revert;padding:revert;min-height:revert;border-radius:revert}
#driverNavigation footer{width:100%;max-width:1100px;margin:auto}.nav-trip{display:flex;justify-content:space-between;gap:16px;padding:6px 0}.nav-trip>div:last-child{text-align:right;max-width:60%}.nav-trip strong,.nav-trip span{display:block}.nav-trip strong{font-size:18px}.nav-trip span{font-size:12px;color:#708074;line-height:1.5;overflow-wrap:anywhere}#navETA{font-size:25px}#navNotice{font-size:12px;line-height:1.5;margin:5px 0 10px;color:#637367}.nav-tools{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.nav-tools>*{flex:1;text-align:center}#driverNavigation .nav-primary{width:100%;background:#203b30;color:white;border-color:#203b30;font-size:17px;min-height:54px;border-radius:16px}.nav-driver-pin{width:42px;height:42px;border-radius:50%;background:#fff;color:#2468d2;font-size:28px;display:grid;place-items:center;box-shadow:0 3px 16px #142a3a44;border:3px solid #2468d2}
/* Compact request preview: key details + route + reachable slides. */
#swiftRideMap{width:min(580px,calc(100vw - 24px))!important;padding:18px!important;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 32px)!important;border-radius:24px!important;overflow:auto}
#swiftRideMap header{margin-bottom:10px!important}#swiftRideMap header h2{font-size:22px!important}#rideMapClose{min-height:44px!important;width:44px!important}.offer-customer{font-size:17px;margin-bottom:10px}.offer-route{padding:12px;gap:10px}.offer-route p{font-size:13px}#rideMapCanvas{height:clamp(150px,23dvh,230px)!important;min-height:150px!important}#rideOfferDetails .ride-money{margin:10px 0;padding:12px 16px}#rideOfferDetails .ride-money-lead strong{font-size:26px}#rideOfferDetails .ride-money-note,#rideOfferDetails .ride-money-explain{display:none}#rideOfferDetails .ride-money-breakdown{margin:6px 0}#rideOfferActions{gap:8px;margin-top:10px}#rideMapNotice,#rideRoadNote{margin:5px 0;font-size:11px}#rideOfferStatus:empty{display:none}
@media(max-width:600px){#driverNavigation{padding-left:12px;padding-right:12px;gap:8px!important}.nav-instruction{padding:12px 16px;border-radius:16px}#driverNavigation h2{font-size:18px}.nav-tools{gap:6px}#driverNavigation .nav-tools>*{padding:8px;font-size:12px}.nav-trip strong{font-size:16px}#navETA{font-size:22px}#rideOfferActions{grid-template-columns:1fr}.offer-route{grid-template-columns:1fr;gap:8px}#driverNavigation #navVoice{font-size:12px;padding:10px}}
@media(prefers-reduced-motion:no-preference){#driverNavigation[open]{animation:driver-nav-enter .2s ease-out}@keyframes driver-nav-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}