/* SamiMap R100 — approved compact route HUD flow, weather and close rail. */
html body.bx-r38-ui #bxV22Weather,
html body.bx-r38-ui:not(.navigation-active) #bxV22Weather,
html body #bxV22Weather {display:none!important;visibility:hidden!important;pointer-events:none!important}
@media(max-width:1023px){
 html body.bx-r38-ui:not(.navigation-active) #bxNearbyDock{
  top:calc(max(10px,env(safe-area-inset-top,0px)) + 78px)!important
 }
}
html body.bx-r38-ui.navigation-active.bx100-hud-collapsed #driveHud,
html body.bx-r38-ui.navigation-active.bx100-hud-full #driveHud {
 display:none!important;visibility:hidden!important;pointer-events:none!important
}
html body.bx-r38-ui.navigation-active.bx100-hud-summary #driveHud {
 display:grid!important;visibility:visible!important;pointer-events:auto!important
}
html body.bx-r38-ui.navigation-active.bx100-hud-collapsed #bx97HudArrow {
 position:fixed!important;left:calc(50% - 24px)!important;
 bottom:max(9px,env(safe-area-inset-bottom,0px))!important;
 border-radius:14px 14px 6px 6px!important;height:32px!important;
 width:48px!important;z-index:2147483350!important;
}
html body.bx-r38-ui.navigation-active.bx100-hud-summary #bx97HudArrow {
 height:28px!important;border-radius:13px 13px 5px 5px!important;
 z-index:2147483350!important;
}
html body.bx-r38-ui.navigation-active.bx100-hud-full #bx97HudArrow {
 display:none!important;
}
html body.bx-r38-ui #bxRouteCancelX {
 display:none!important;visibility:hidden!important;pointer-events:none!important
}
html body.bx-r38-ui.navigation-active #rightRail #exitButton,
html body.bx-r38-ui.navigation-active #exitButton {
 display:grid!important;visibility:visible!important;opacity:1!important;
 background:rgba(5,23,42,.97)!important;color:#fff!important;
 border:1px solid rgba(248,121,130,.5)!important;
}
html body.bx-r38-ui #rightRail #bx100WeatherButton {
 display:grid!important;place-items:center!important;
 padding:0!important;color:#ffc958!important;
 border:1px solid rgba(225,179,94,.28)!important;
 background:rgba(4,20,35,.96)!important;
}
html body.bx-r38-ui #rightRail #bx100WeatherButton span {
 display:block!important;font:700 26px/1 'Segoe UI Symbol','Segoe UI Emoji',sans-serif!important;
 color:#ffd45e!important;user-select:none!important
}
#bx97RouteSheet .bx100-sheet-footer {
 padding:10px 18px 15px;border-top:1px solid rgba(140,190,224,.13);
 display:flex;justify-content:flex-end;
}
#bx97RouteSheet .bx100-end-route {
 min-height:43px;padding:10px 18px;cursor:pointer;
 border-radius:12px;color:#ffbdc1;border:1px solid rgba(254,99,112,.52);
 background:rgba(110,20,34,.23);font:800 13px/1.1 system-ui,sans-serif;
}
#bx97RouteSheet .bx100-end-route:focus-visible,
#bx97HudArrow:focus-visible {
 outline:3px solid #65bafc;outline-offset:3px
}
@media(max-width:760px){
 html body.bx-r38-ui.navigation-active #rightRail {
   max-height:calc(100dvh - 125px)!important;overflow-y:auto!important;
   overscroll-behavior:contain;scrollbar-width:none!important;
 }
 html body.bx-r38-ui.navigation-active #rightRail::-webkit-scrollbar {display:none!important}
 #bx97RouteSheet[data-state="full"] .bx100-sheet-footer {
   padding-bottom:max(12px,env(safe-area-inset-bottom,0px));
 }
}
@media(max-width:760px) and (max-height:700px){
 html body.bx-r38-ui.navigation-active #rightRail>button {
   height:39px!important;width:42px!important;min-height:39px!important;
 }
 html body.bx-r38-ui.navigation-active #rightRail {gap:3px!important;}
}

/* Keep map touch controls usable in full route view. The close X is a rail control. */
html body.bx-r38-ui.navigation-active #rightRail{
 z-index:2147483600!important;pointer-events:auto!important;
}
html body.bx-r38-ui.navigation-active #rightRail>#bxRouteCancelX,
html body.bx-r38-ui.navigation-active #rightRail>#exitButton{
 display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;
 position:relative!important;top:auto!important;bottom:auto!important;
 left:auto!important;right:auto!important;
 margin:0!important;transform:none!important;min-width:0!important;
 width:44px!important;height:44px!important;
 border-radius:13px!important;
 background:rgba(7,25,44,.98)!important;color:#fff!important;
 border:1px solid rgba(239,136,142,.43)!important;
 box-shadow:0 4px 15px rgba(0,0,0,.25)!important;
 z-index:2147483600!important;font-size:26px!important;
}
html body.bx-r38-ui:not(.navigation-active) #rightRail>#bxRouteCancelX{
 display:none!important
}
html body.bx-r38-ui.navigation-active #bx97HudArrow{
 z-index:2147483646!important;pointer-events:auto!important;
}
html body.bx-r38-ui.navigation-active.bx100-hud-full #rightRail{
 z-index:2147483600!important;
}
html body.bx-r38-ui.navigation-active.bx100-hud-full #bx97RouteSheet[data-state="full"]{
 right:70px!important;width:calc(100vw - 70px)!important;max-width:none!important;
}
@media(min-width:1024px){
 html body.bx-r38-ui.navigation-active #rightRail>#bxRouteCancelX{
  width:50px!important;height:50px!important;border-radius:15px!important
 }
 html body.bx-r38-ui.navigation-active.bx100-hud-full #bx97RouteSheet[data-state="full"]{
  right:80px!important;width:calc(100vw - 80px)!important
 }
}