/* SamiMap R104 — only the navigation trip HUD presentation.
   Real map, speed circles, map markers, place cards & all navigation logic unchanged. */
html body.bx-r38-ui.navigation-active.bx100-hud-summary #driveHud {
  position:fixed!important;left:12px!important;right:88px!important;
  bottom:12px!important;top:auto!important;
  width:calc(100vw - 100px)!important;height:134px!important;
  min-height:134px!important;max-height:134px!important;
  margin:0!important;padding:0!important;border:0!important;
  transform:none!important;background:transparent!important;
  box-shadow:none!important;border-radius:0!important;
  overflow:visible!important;z-index:2147482700!important;
}
html body.bx-r38-ui.navigation-active.bx100-hud-summary #driveHud > #bxR40RoadHud {
 display:grid!important;box-sizing:border-box!important;
 position:relative!important;width:100%!important;height:134px!important;
 min-height:134px!important;max-height:134px!important;overflow:hidden!important;
 grid-template-columns:minmax(280px,2fr) minmax(145px,.84fr) minmax(145px,.84fr) minmax(145px,.84fr) minmax(225px,1.25fr)!important;
 grid-template-rows:1fr!important;
 grid-template-areas:"road arrival eta remain steps"!important;
 align-content:stretch!important;align-items:center!important;gap:0!important;
 border:1px solid rgba(41,181,255,.88)!important;border-radius:25px!important;
 background:linear-gradient(158deg,rgba(8,48,81,.995),rgba(4,24,46,.995) 70%)!important;
 box-shadow:0 12px 42px rgba(0,0,0,.52),inset 0 1px 0 rgba(103,212,255,.18)!important;
 padding:0 11px!important;margin:0!important;
}
html body.bx-r38-ui.navigation-active.bx100-hud-summary #bxR40RoadHud>.bx40-road-sign{
 grid-area:road!important;height:calc(100% - 22px)!important;min-height:0!important;
 display:flex!important;align-items:center!important;gap:16px!important;
 padding:0 16px 0 10px!important;margin:0!important;
 border:0!important;border-right:1px solid rgba(139,198,239,.25)!important;
 border-radius:0!important;background:none!important;
}
html body.bx-r38-ui.navigation-active #bxR40RoadHud .bx40-road-mini {
 display:grid!important;flex:0 0 72px!important;align-items:center!important;justify-items:center!important;
 width:72px!important;height:72px!important;min-width:72px!important;
 border-radius:50%!important;border:1px solid #04bafe!important;
 background:linear-gradient(150deg,#123f68,#031a34)!important;color:white!important;
 box-shadow:0 0 0 1px rgba(11,126,215,.34)!important;margin:0!important;
}
html body.bx-r38-ui.navigation-active #bxR40RoadHud .bx40-road-mini svg{
 width:38px!important;height:38px!important;fill:none!important;
 stroke:#fff!important;stroke-width:1.9!important;
}
html body.bx-r38-ui.navigation-active #bxR40RoadHud .bx40-road-name {
 min-width:0!important;flex:1 1 auto!important;line-height:1.2!important;text-align:left!important;
}
html body.bx-r38-ui.navigation-active #bxR40RoadHud .bx40-road-name span{
 display:block!important;color:#abc3d9!important;font-size:13px!important;
 font-weight:500!important;letter-spacing:.01em!important;
}
html body.bx-r38-ui.navigation-active #bxR40RoadHud .bx40-road-name strong{
 display:block!important;color:#fff!important;font-size:22px!important;
 font-weight:800!important;line-height:1.2!important;margin-top:4px!important;
 white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
#bx104RoadArabic:not(:empty){display:block;color:#1ed2fc;font-size:13px;line-height:1.25;margin-top:3px}
html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-road-sign .bx40-road-distance{
 display:none!important;
}
html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-metric {
 display:flex!important;box-sizing:border-box!important;flex-direction:row!important;
 align-items:center!important;justify-content:center!important;
 height:calc(100% - 30px)!important;margin:0!important;padding:8px 12px!important;
 min-width:0!important;gap:11px!important;
 border:0!important;border-right:1px solid rgba(149,197,232,.20)!important;
 text-align:left!important;background:transparent!important;
}
html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-metric .bx40-metric-icon{
 display:grid!important;place-items:center!important;flex:0 0 56px!important;
 width:56px!important;height:56px!important;border-radius:50%!important;
 color:#f5f9ff!important;
 background:radial-gradient(circle at 35% 25%,#175c94,#092b50 80%)!important;
 border:1.5px solid #29aefb!important;box-shadow:inset 0 0 0 1px rgba(40,132,208,.25)!important;
}
html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-eta .bx40-metric-icon {
 color:#61ffe3!important;border-color:#0bc49f!important;background:linear-gradient(155deg,#064b46,#022e38)!important;
}
html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-remain .bx40-metric-icon {
 color:#dcd1ff!important;border-color:#8464f5!important;background:linear-gradient(155deg,#34236b,#20154a)!important;
}
html body.bx-r38-ui.navigation-active #bxR40RoadHud .bx40-metric-icon svg{
 width:30px!important;height:30px!important;stroke:currentColor!important;
 fill:none!important;stroke-width:1.9!important;
}
html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-metric .bx40-metric-copy{min-width:0!important;display:block!important}
html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-metric span:not(.bx40-metric-icon){
 display:block!important;font-size:13px!important;color:#bbd0e2!important;line-height:1.1!important;
}
html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-metric strong{
 display:block!important;font-size:21px!important;font-weight:800!important;line-height:1.12!important;
 color:#fff!important;margin-top:5px!important;
 white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-metric small{
 display:block!important;font-size:11px!important;color:#a9bfd1!important;margin-top:3px!important;
}
html body.bx-r38-ui.navigation-active #bxR40RoadHud>#bx102StepsButton {
 grid-area:steps!important;min-width:0!important;width:calc(100% - 22px)!important;
 max-width:none!important;height:68px!important;min-height:68px!important;
 margin:0 11px!important;padding:0 12px!important;
 border:1px solid rgba(71,213,255,.84)!important;border-radius:20px!important;
 background:linear-gradient(135deg,#00b5ff,#067ae8 60%,#0765e0)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 4px 17px rgba(0,121,244,.31)!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 gap:11px!important;cursor:pointer!important;touch-action:manipulation!important;
 color:#fff!important;font:800 18px/1.12 system-ui,sans-serif!important;
}
#bx102StepsButton .bx104-button-svg{height:25px;width:25px;flex:0 0 25px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
#bx102StepsButton .bx104-chevron{height:20px;width:20px;stroke:#fff;fill:none;stroke-width:2.4;margin-left:2px;flex:0 0 20px}
html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-turn-sign{display:none!important}
html body.bx-r38-ui.navigation-active.bx100-hud-summary #bx102SpeedMap:not([hidden]){
 bottom:159px!important;
}
@media(max-width:1023px){
 html body.bx-r38-ui.navigation-active.bx100-hud-summary #driveHud{
  left:max(8px,env(safe-area-inset-left,0px))!important;
  right:max(8px,env(safe-area-inset-right,0px))!important;
  bottom:max(8px,env(safe-area-inset-bottom,0px))!important;
  width:calc(100vw - 16px)!important;height:188px!important;min-height:188px!important;max-height:188px!important;
 }
 html body.bx-r38-ui.navigation-active.bx100-hud-summary #driveHud>#bxR40RoadHud{
  width:100%!important;height:188px!important;min-height:188px!important;max-height:188px!important;
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-rows:100px 1fr!important;grid-template-areas:"road road steps" "arrival eta remain"!important;
  gap:0!important;padding:0 10px!important;border-radius:24px!important;
 }
 html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-road-sign{
   height:calc(100% - 14px)!important;border-right:1px solid rgba(157,198,234,.24)!important;
   border-bottom:0!important;padding:0 10px 0 0!important;gap:9px!important;
 }
 html body.bx-r38-ui.navigation-active #bxR40RoadHud .bx40-road-mini{
  flex-basis:56px!important;width:56px!important;height:56px!important;min-width:56px!important;
 }
 html body.bx-r38-ui.navigation-active #bxR40RoadHud .bx40-road-mini svg{width:29px!important;height:29px!important}
 html body.bx-r38-ui.navigation-active #bxR40RoadHud .bx40-road-name span{font-size:11px!important}
 html body.bx-r38-ui.navigation-active #bxR40RoadHud .bx40-road-name strong{
  font-size:16px!important;margin-top:4px!important;white-space:normal!important;
  display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;
  overflow:hidden!important;
 }
 html body.bx-r38-ui.navigation-active #bxR40RoadHud #bx104RoadArabic{font-size:10px!important}
 html body.bx-r38-ui.navigation-active #bxR40RoadHud>#bx102StepsButton{
  min-width:0!important;width:calc(100% - 8px)!important;height:58px!important;min-height:58px!important;
  border-radius:18px!important;margin:0 0 0 8px!important;padding:0 5px!important;
  gap:5px!important;font-size:13px!important;white-space:nowrap!important;
 }
 #bx102StepsButton .bx104-button-svg{width:19px;height:19px;flex-basis:19px}
 #bx102StepsButton .bx104-chevron{width:13px;height:13px;flex-basis:13px}
 html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-metric{
  height:calc(100% - 12px)!important;padding:4px 6px!important;gap:7px!important;
  border-top:1px solid rgba(140,191,229,.23)!important;
  justify-content:center!important;flex-direction:row!important;overflow:hidden!important;
 }
 html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-metric .bx40-metric-icon{
  flex-basis:42px!important;width:42px!important;height:42px!important;min-width:42px!important;
 }
 html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-metric-icon svg,
 html body.bx-r38-ui.navigation-active #bxR40RoadHud .bx40-metric-icon svg{
  width:23px!important;height:23px!important;
 }
 html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-metric span:not(.bx40-metric-icon){font-size:10px!important}
 html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-metric strong{font-size:15px!important;margin-top:2px!important}
 html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-metric small{font-size:9px!important}
 html body.bx-r38-ui.navigation-active.bx100-hud-summary #bx102SpeedMap:not([hidden]){
  bottom:max(210px,calc(env(safe-area-inset-bottom,0px) + 210px))!important;
 }
}
@media(max-width:430px){
 html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-metric {
  flex-direction:column!important;align-items:center!important;gap:4px!important;text-align:center!important;
  padding:3px!important;
 }
 html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-metric .bx40-metric-icon{
  width:40px!important;height:40px!important;flex:0 0 40px!important;
 }
 html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-metric span:not(.bx40-metric-icon){font-size:10px!important}
 html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-metric strong{font-size:16px!important;margin-top:2px!important}
 html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-metric small{display:none!important}
 html body.bx-r38-ui.navigation-active #bxR40RoadHud .bx40-road-name strong{font-size:15px!important}
}
@media(max-width:360px){
 html body.bx-r38-ui.navigation-active #bxR40RoadHud .bx40-road-mini{width:44px!important;height:44px!important;min-width:44px!important;flex-basis:44px!important}
 html body.bx-r38-ui.navigation-active #bxR40RoadHud .bx40-road-name strong{font-size:13px!important}
 html body.bx-r38-ui.navigation-active #bxR40RoadHud>#bx102StepsButton{font-size:11px!important;gap:3px!important}
}
@media(prefers-reduced-motion:reduce){html body.bx-r38-ui #driveHud{transition:none!important}}
#bx102StepsButton .bx104-button-svg svg,#bx102StepsButton .bx104-chevron svg{
  width:100%!important;height:100%!important;display:block!important;overflow:visible!important;
}
/* R104 specificity correction over legacy R102 road-name and icon rules. */
html body.bx-r38-ui.navigation-active.bx100-hud-summary #bxR40RoadHud {
 font-family:Inter,system-ui,-apple-system,'Segoe UI',sans-serif!important;
}
html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-road-sign .bx40-road-mini{
 display:grid!important;flex:0 0 72px!important;min-width:72px!important;
 width:72px!important;height:72px!important;visibility:visible!important;
}
html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-road-sign .bx40-road-name span{
 color:#b3cce0!important;font-size:13px!important;
}
html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-road-sign .bx40-road-name strong{
 font-size:22px!important;line-height:1.2!important;
 color:#fff!important;font-weight:800!important;margin-top:4px!important;
}
@media(max-width:1023px){
 html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-road-sign .bx40-road-mini{
  width:56px!important;height:56px!important;min-width:56px!important;flex-basis:56px!important;
 }
 html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-road-sign .bx40-road-name span{
  font-size:11px!important;
 }
 html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-road-sign .bx40-road-name strong{
  font-size:16px!important;line-height:1.17!important;
 }
}
@media(max-width:360px){
 html body.bx-r38-ui.navigation-active #bxR40RoadHud>.bx40-road-sign .bx40-road-mini{
  width:44px!important;height:44px!important;min-width:44px!important;flex-basis:44px!important
 }
}

/* Independent overlay visibility overrides the previous 360 m cutoff without changing its JS. */
html body.bx-r38-ui #bxR38TurnCard[data-bx105-show="1"],
html body.bx-r38-ui #bxR38TurnCard[data-bx105-show="1"][hidden] {
 display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
}
html body.bx-r38-ui #bxR38TurnCard[data-bx105-show="0"],
html body.bx-r38-ui #bxR38TurnCard[data-bx105-show="0"][hidden]{
 display:none!important;visibility:hidden!important;pointer-events:none!important;
}