/* Voidral mobile driving guidance: one readable navigation card, not the old white overlay.
   Scoped to the driving guidance only; route/GPS/voice functionality stays unchanged. */
html:root body#voidral-app#voidral-app #navigation-panel[hidden]{
  display:none!important;visibility:hidden!important;pointer-events:none!important;
}
html:root body#voidral-app#voidral-app #navigation-panel:not([hidden]){
  position:fixed!important;inset:auto!important;
  top:108px!important;left:12px!important;right:12px!important;bottom:auto!important;
  z-index:1900!important;
  box-sizing:border-box!important;
  width:auto!important;max-width:520px!important;min-width:0!important;
  height:auto!important;min-height:0!important;
  max-height:min(54dvh,430px)!important;
  padding:11px 13px 12px!important;margin:0!important;
  display:flex!important;flex-direction:column!important;gap:0!important;
  overflow-x:hidden!important;overflow-y:auto!important;
  -webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important;
  border:1px solid rgba(79,218,225,.65)!important;
  border-radius:16px!important;
  background:linear-gradient(146deg,rgba(12,54,65,.97),rgba(4,27,39,.985))!important;
  color:#effdff!important;-webkit-text-fill-color:#effdff!important;
  box-shadow:0 10px 34px rgba(0,0,0,.6),0 0 16px rgba(28,206,220,.2),inset 0 1px rgba(140,248,248,.15)!important;
  backdrop-filter:blur(17px)!important;-webkit-backdrop-filter:blur(17px)!important;
  scrollbar-color:rgba(93,230,230,.45) transparent!important;scrollbar-width:thin!important;
  isolation:isolate!important;transform:none!important;
}
html:root body#voidral-app#voidral-app #navigation-panel .nav-heading{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  flex:0 0 auto!important;width:100%!important;min-width:0!important;gap:10px!important;
  padding:0 0 9px!important;margin:0!important;
  border:0!important;border-bottom:1px solid rgba(78,147,156,.42)!important;
  background:transparent!important;
}
html:root body#voidral-app#voidral-app #navigation-panel .nav-heading .eyebrow{
  display:inline-flex!important;align-items:center!important;
  gap:7px!important;min-width:0!important;
  font:750 11px/1.3 system-ui,-apple-system,sans-serif!important;
  letter-spacing:.08em!important;text-transform:uppercase!important;
  color:#70eff0!important;-webkit-text-fill-color:#70eff0!important;
  padding:0!important;margin:0!important;background:none!important;
}
html:root body#voidral-app#voidral-app #navigation-panel .nav-heading .eyebrow::before{
  content:""!important;display:inline-block!important;flex:0 0 7px!important;
  width:7px!important;height:7px!important;border-radius:50%!important;
  background:#21ecdf!important;box-shadow:0 0 8px #20ece6a8!important;
}
html:root body#voidral-app#voidral-app #navigation-panel #nav-stop{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;width:auto!important;min-width:78px!important;max-width:none!important;
  min-height:38px!important;height:38px!important;max-height:38px!important;
  padding:6px 10px!important;margin:0!important;
  background:rgba(107,39,46,.42)!important;color:#ffe9e9!important;
  -webkit-text-fill-color:#ffe9e9!important;
  border:1px solid #a75c65!important;border-radius:9px!important;
  clip-path:none!important;box-shadow:none!important;
  font:700 12px/1.2 system-ui,-apple-system,sans-serif!important;
  letter-spacing:0!important;white-space:nowrap!important;
  touch-action:manipulation!important;
}
html:root body#voidral-app#voidral-app #navigation-panel #nav-turn{
  display:block!important;flex:0 0 auto!important;min-width:0!important;
  margin:10px 0 0!important;padding:10px 11px!important;
  color:#f1ffff!important;-webkit-text-fill-color:#f1ffff!important;
  background:linear-gradient(140deg,rgba(19,85,98,.68),rgba(12,47,61,.7))!important;
  border:1px solid rgba(75,180,192,.45)!important;border-radius:11px!important;
  box-shadow:none!important;
  font:750 clamp(17px,4.5vw,21px)/1.34 system-ui,-apple-system,sans-serif!important;
  letter-spacing:-.014em!important;white-space:normal!important;
  overflow-wrap:anywhere!important;text-wrap:pretty!important;
}
html:root body#voidral-app#voidral-app #navigation-panel #nav-summary{
  flex:0 0 auto!important;display:block!important;
  margin:8px 0 2px!important;padding:0 2px!important;
  font:500 12px/1.5 system-ui,-apple-system,sans-serif!important;
  color:#b9dae0!important;-webkit-text-fill-color:#b9dae0!important;
  background:transparent!important;white-space:normal!important;overflow-wrap:anywhere!important;
}
html:root body#voidral-app#voidral-app #navigation-panel #nav-options{
  display:block!important;width:100%!important;min-width:0!important;
  padding:0!important;margin:9px 0 0!important;
  border:1px solid rgba(64,129,140,.57)!important;border-radius:10px!important;
  background:rgba(9,43,55,.8)!important;box-shadow:none!important;
}
html:root body#voidral-app#voidral-app #navigation-panel #nav-options>summary{
  display:list-item!important;list-style:inside!important;
  width:auto!important;min-height:41px!important;
  padding:10px 11px!important;margin:0!important;
  background:transparent!important;color:#9ee9ef!important;
  -webkit-text-fill-color:#9ee9ef!important;
  font:650 12px/1.4 system-ui,-apple-system,sans-serif!important;
  border:0!important;cursor:pointer!important;
  touch-action:manipulation!important;
}
html:root body#voidral-app#voidral-app #navigation-panel #nav-options[open]>summary{
  border-bottom:1px solid rgba(77,144,156,.45)!important;
}
html:root body#voidral-app#voidral-app #navigation-panel .nav-actions{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  width:100%!important;gap:8px!important;margin:0!important;padding:9px!important;
}
html:root body#voidral-app#voidral-app #navigation-panel .nav-actions button{
  width:100%!important;min-width:0!important;max-width:none!important;
  min-height:42px!important;height:42px!important;padding:7px 8px!important;margin:0!important;
  background:#103846!important;color:#e9f9fb!important;-webkit-text-fill-color:#e9f9fb!important;
  border:1px solid #477e8b!important;border-radius:9px!important;
  font:700 12px/1.2 system-ui,-apple-system,sans-serif!important;
  clip-path:none!important;box-shadow:none!important;
  touch-action:manipulation!important;
}
html:root body#voidral-app#voidral-app #navigation-panel .nav-actions button[aria-pressed=true]{
  background:rgba(23,124,131,.45)!important;border-color:#27d8dd!important;
  color:#c3ffff!important;-webkit-text-fill-color:#c3ffff!important;
}
html:root body#voidral-app#voidral-app #navigation-panel #nav-retry:not([hidden]){
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;min-height:43px!important;height:auto!important;
  padding:10px!important;margin:10px 0 0!important;
  background:linear-gradient(125deg,#22d8e0,#15bccb)!important;
  color:#07303a!important;-webkit-text-fill-color:#07303a!important;
  border:1px solid #4df3f4!important;border-radius:10px!important;
  box-shadow:none!important;clip-path:none!important;
  font:750 13px/1.3 system-ui!important;
}
html:root body#voidral-app#voidral-app #navigation-panel #nav-retry[hidden]{display:none!important;}
html:root body#voidral-app#voidral-app #navigation-panel :is(button,summary):focus-visible{
  outline:2px solid #6bf4f5!important;outline-offset:2px!important;
}
@media(max-width:760px) and (orientation:portrait){
 html:root body#voidral-app#voidral-app #navigation-panel:not([hidden]){
  top:108px!important;left:10px!important;right:10px!important;
  width:auto!important;max-width:none!important;max-height:min(56dvh,440px)!important;
 }
}
@media(max-height:650px) and (orientation:landscape){
 html:root body#voidral-app#voidral-app #navigation-panel:not([hidden]){
  top:8px!important;left:9px!important;right:auto!important;
  width:min(355px,calc(100vw - 112px))!important;max-width:355px!important;
  max-height:calc(100dvh - 74px)!important;
  padding:9px 11px!important;border-radius:14px!important;
 }
 html:root body#voidral-app#voidral-app #navigation-panel #nav-turn{
  margin-top:6px!important;padding:8px 9px!important;font-size:16px!important;line-height:1.27!important;
 }
 html:root body#voidral-app#voidral-app #navigation-panel #nav-summary{font-size:11px!important;line-height:1.35!important;}
 html:root body#voidral-app#voidral-app #navigation-panel #nav-options{margin-top:6px!important;}
}
@media(prefers-reduced-motion:reduce){
 html:root body#voidral-app#voidral-app #navigation-panel{transition:none!important;}
}

/* Navigation takes priority over passive map-mode and weather badges. */
html:root body#voidral-app#voidral-app.navigating #vc-depth,
html:root body#voidral-app#voidral-app.navigating #voidral-weather{
  visibility:hidden!important;opacity:0!important;pointer-events:none!important;
}
/* Keep the options control slim, including on small Android WebViews. */
html:root body#voidral-app#voidral-app #navigation-panel #nav-options>summary{
  display:flex!important;align-items:center!important;gap:8px!important;
  box-sizing:border-box!important;height:42px!important;min-height:42px!important;
  max-height:42px!important;padding:7px 11px!important;
  list-style:none!important;
}
html:root body#voidral-app#voidral-app #navigation-panel #nav-options>summary::-webkit-details-marker{display:none!important;}
html:root body#voidral-app#voidral-app #navigation-panel #nav-options>summary::before{
  content:"+"!important;display:inline-grid!important;place-items:center!important;
  width:18px!important;height:18px!important;flex:0 0 18px!important;
  border:1px solid #499eaa!important;border-radius:5px!important;
  font:700 15px/1 system-ui!important;color:#a8eff4!important;
  -webkit-text-fill-color:#a8eff4!important;
}
html:root body#voidral-app#voidral-app #navigation-panel #nav-options[open]>summary::before{
  content:"−"!important;
}