.map-panel{position:relative}
.navigation-hud{position:absolute;z-index:500;left:18px;right:18px;top:18px;display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px 16px;border:1px solid rgba(255,255,255,.65);border-radius:19px;background:rgba(255,255,255,.93);color:#07314a;box-shadow:0 16px 38px rgba(0,33,50,.2);backdrop-filter:blur(16px)}
.navigation-hud>div{min-width:0;display:grid}.navigation-hud small{color:#607384;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.navigation-hud strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.navigation-hud-metrics{display:flex!important;align-items:center;gap:9px}.navigation-hud-metrics b{padding:7px 9px;border-radius:11px;background:#e8f3f7;font-size:12px;white-space:nowrap}
.navigation-stage{display:grid;gap:4px;margin:4px 0;padding:13px 14px;border-radius:16px;background:var(--brand-soft)}.navigation-stage span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.navigation-stage strong{font-size:15px;line-height:1.35}
.external-nav-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.external-nav-actions a{min-height:45px}.passenger-eta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.passenger-eta span{display:grid;padding:11px;border-radius:14px;background:var(--brand-soft)}.passenger-eta small{color:var(--muted)}.passenger-eta strong{font-size:18px}
@media(max-width:850px){.tracking-view{padding-left:0;padding-right:0}.tracking-view>.view-heading{margin-left:16px;margin-right:16px}.tracking-layout{gap:10px}.tracking-layout>.map-panel{border-radius:0!important;padding:0!important}.tracking-map{height:58vh;min-height:430px;border:0!important;border-radius:0!important}.tracking-live{padding:12px 16px}.tracking-layout>aside{margin:0 12px}.navigation-hud{left:12px;right:12px;top:12px;padding:12px}.navigation-hud strong{font-size:13px}.navigation-hud-metrics{gap:5px}.navigation-hud-metrics b{padding:6px;font-size:10px}}
@media(max-width:430px){.navigation-hud{grid-template-columns:1fr}.navigation-hud-metrics{justify-content:flex-start}.tracking-map{min-height:390px}.external-nav-actions{grid-template-columns:1fr}}