/* SamiMap R38 Unified UI */
:root{
 --bx38-bg:rgba(5,20,35,.96);
 --bx38-bg2:rgba(8,29,50,.97);
 --bx38-line:rgba(255,255,255,.11);
 --bx38-text:#f6fbff;
 --bx38-muted:#91a7bc;
 --bx38-blue:#1688ff;
 --bx38-red:#e33b43;
 --bx38-sand:#d2b98d;
}
html.bx-r38-map-loading,html.bx-r38-map-loading body,#map{background:var(--bx38-sand)!important}
html.bx-r38-map-loading .maplibregl-canvas{opacity:0!important}
.maplibregl-canvas{transition:opacity .12s ease}
body.bx-r38-ui{background:var(--bx38-sand)!important}
body.bx-r38-ui #bxDesktopDrawer,
body.bx-r38-ui #bxDesktopDrawerToggle,
body.bx-r38-ui #bxDesktopTurnCard,
body.bx-r38-ui #bxDesktopArrival,
body.bx-r38-ui #bxR37Drawer,
body.bx-r38-ui #bxR37DrawerToggle,
body.bx-r38-ui #bxR37TurnCard,
body.bx-r38-ui #bxR37ArrivalCard,
body.bx-r38-ui #bxR37HudActions,
body.bx-r38-ui #bxDesktopHudActions{display:none!important}
body.bx-r38-ui #routePanel,
body.bx-r38-ui #setupPanel,
body.bx-r38-ui #turnCard,
body.bx-r38-ui #driveMetrics{display:none!important;visibility:hidden!important;pointer-events:none!important}
body.bx-r38-ui .statusbar.debug-statusbar{display:none!important}
#bxR38Drawer[hidden],#bxR38TurnCard[hidden],#bxR38StepsModal[hidden],#bxR38ModalShade[hidden],#bxR38ArrivalCard[hidden]{display:none!important}
#bxR38Toggle,#bxR38Drawer,#bxR38TurnCard,#bxR38StepsModal,#bxR38ModalShade,#bxR38ArrivalCard{box-sizing:border-box;font-family:Inter,"Segoe UI","Noto Sans Arabic",Tahoma,Arial,sans-serif}
#bxR38Toggle svg,#bxR38Drawer svg,#bxR38TurnCard svg,#bxR38StepsModal svg,#bxR38ArrivalCard svg,#rightRail svg,#bxRouteCancelX svg,#menuButton svg{
 width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round
}
.bx38-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.065);color:#a7d1ff;flex:0 0 auto}
.bx38-icon svg{width:21px!important;height:21px!important}
#bxR38Toggle{
 position:fixed;z-index:2147483200;left:18px;top:17px;width:54px;height:54px;border:1px solid var(--bx38-line);border-radius:16px;
 display:grid;place-items:center;background:rgba(4,18,32,.95);color:#fff;box-shadow:0 14px 34px rgba(0,0,0,.28);cursor:pointer
}
#bxR38Toggle:hover{background:#0d2946}
#bxR38Drawer{
 position:fixed;z-index:2147483100;left:14px;top:84px;bottom:18px;width:320px;border:1px solid var(--bx38-line);border-radius:22px;
 overflow:hidden;background:linear-gradient(180deg,var(--bx38-bg2),var(--bx38-bg));box-shadow:0 28px 76px rgba(0,0,0,.4);
 color:var(--bx38-text);transform:translateX(calc(-100% - 30px));opacity:.3;pointer-events:none;visibility:hidden;transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .18s ease,visibility 0s linear .22s
}
#bxR38Drawer.open{transform:translateX(0);opacity:1;pointer-events:auto;visibility:visible;transition-delay:0s}
.bx38-head{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 17px 0 20px;border-bottom:1px solid var(--bx38-line)}
.bx38-brand strong,.bx38-brand span{display:block}.bx38-brand strong{font-size:22px;line-height:1;font-weight:850}.bx38-brand span{margin-top:6px;font-size:11px;color:#8fa5bb;font-weight:700}
.bx38-head>button{width:38px;height:38px;border:0;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.065);color:#dbeaff;cursor:pointer}
.bx38-view{height:calc(100% - 72px);padding:14px 12px 18px;overflow:auto;scrollbar-width:none}.bx38-view::-webkit-scrollbar{display:none}
.bx38-title,.bx38-label{padding:5px 9px 10px;color:#dcecff;font-size:13px;font-weight:800}.bx38-title small{display:block;margin-top:4px;color:#7e96ad;font-size:10px}
.bx38-label{margin-top:9px;padding-top:13px;border-top:1px solid var(--bx38-line);color:#738da5;font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.bx38-view>button{width:100%;min-height:55px;margin:3px 0;padding:7px 9px;border:1px solid transparent;border-radius:14px;display:flex;align-items:center;gap:11px;background:transparent;color:#eef7ff;text-align:left;cursor:pointer}
.bx38-view>button:hover{background:rgba(24,119,222,.14);border-color:rgba(48,145,245,.26)}
.bx38-view>button>span:last-child{font-size:13px;font-weight:790;line-height:1.2}.bx38-view>button>span:last-child small{display:block;margin-top:4px;color:#8198ae;font-size:10px;font-weight:650}
.bx38-view>button.bx38-primary{border-color:rgba(34,139,255,.35);background:rgba(24,112,211,.14)}
.bx38-view>button.bx38-danger{margin-top:10px;border-color:rgba(255,78,85,.30);background:rgba(190,36,45,.16)}.bx38-view>button.bx38-danger .bx38-icon{background:var(--bx38-red);color:#fff}
.bx38-destination,.bx38-road{margin:0 5px 10px;padding:12px 13px;border:1px solid rgba(56,143,238,.22);border-radius:14px;background:rgba(20,74,132,.12)}
.bx38-destination small,.bx38-destination strong,.bx38-road small,.bx38-road strong{display:block}.bx38-destination small,.bx38-road small{color:#79a7d7;font-size:8.5px;font-weight:850}.bx38-destination strong,.bx38-road strong{margin-top:6px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bx38-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:0 5px 10px;border:1px solid var(--bx38-line);border-radius:14px;overflow:hidden}
.bx38-stats>div{padding:11px 4px;text-align:center;border-right:1px solid var(--bx38-line)}.bx38-stats>div:last-child{border-right:0}
.bx38-stats strong,.bx38-stats span,.bx38-stats small{display:block}.bx38-stats strong{font-size:14px}.bx38-stats span{margin-top:5px;color:#97acc1;font-size:8.5px}.bx38-stats small{margin-top:3px;color:#647f99;font-size:8px}
.bx38-guide{display:grid;grid-template-columns:58px 1fr;align-items:center;gap:11px;margin:0 5px 11px;padding:13px;border:1px solid rgba(44,143,250,.26);border-radius:15px;background:linear-gradient(145deg,rgba(24,104,194,.23),rgba(10,39,70,.38))}
.bx38-guide>span{display:grid;place-items:center;font-size:47px;font-weight:900}.bx38-guide b,.bx38-guide strong,.bx38-guide small{display:block}.bx38-guide b{font-size:18px;color:#8cc7ff}.bx38-guide strong{margin-top:3px;font-size:13px}.bx38-guide small{margin-top:5px;color:#91a7bc;font:650 10px/1.35 "Noto Sans Arabic",Tahoma,sans-serif}
#bxR38TurnCard{
 position:fixed;z-index:2147482850;left:26px;top:24px;width:470px;min-height:116px;padding:15px 19px;border:1px solid rgba(64,151,248,.34);border-radius:20px;
 display:grid;grid-template-columns:74px 1fr;align-items:center;gap:15px;background:linear-gradient(145deg,rgba(4,20,36,.97),rgba(8,34,60,.96));box-shadow:0 20px 54px rgba(0,0,0,.34);color:#fff
}
#bxR38TurnCard>span{display:grid;place-items:center;font-size:57px;font-weight:900}#bxR38TurnCard b,#bxR38TurnCard strong,#bxR38TurnCard small{display:block}
#bxR38TurnCard b{font-size:24px}#bxR38TurnCard strong{margin-top:5px;font-size:18px}#bxR38TurnCard small{margin-top:6px;color:#94abc2;font:650 12px/1.35 "Noto Sans Arabic",Tahoma,sans-serif}
#bxR38ModalShade{position:fixed;z-index:2147483400;inset:0;background:rgba(0,7,14,.42);backdrop-filter:blur(2px)}
#bxR38StepsModal{
 position:fixed;z-index:2147483450;left:50%;top:50%;width:min(520px,calc(100vw - 48px));max-height:74vh;transform:translate(-50%,-50%);overflow:hidden;
 border:1px solid rgba(96,161,229,.24);border-radius:22px;background:linear-gradient(180deg,#0a2036fa,#061522fc);box-shadow:0 34px 100px rgba(0,0,0,.48);color:#fff
}
#bxR38StepsModal>header{height:66px;padding:0 14px 0 20px;border-bottom:1px solid var(--bx38-line);display:flex;align-items:center;justify-content:space-between}
#bxR38StepsModal>header strong,#bxR38StepsModal>header small{display:block}#bxR38StepsModal>header strong{font-size:17px}#bxR38StepsModal>header small{margin-top:3px;color:#8098b0;font-size:10px}
#bxR38StepsClose{width:38px;height:38px;border:0;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.07);color:#fff;cursor:pointer}
#bxR38StepsBody{max-height:calc(74vh - 66px);padding:8px 12px 16px;overflow:auto;scrollbar-width:thin}
#bxR38StepsBody>*{box-sizing:border-box}#bxR38StepsBody li,#bxR38StepsBody .route-step,#bxR38StepsBody>div:not(.bx38-no-steps){border-bottom:1px solid rgba(255,255,255,.08);background:transparent!important;color:#f5f9ff!important}
.bx38-no-steps{padding:28px 20px;text-align:center;color:#b9cada;font-size:13px}.bx38-no-steps small{display:block;margin-top:6px;color:#718aa2}
#bxR38ArrivalCard{
 position:fixed;z-index:2147483500;left:50%;top:50%;width:min(430px,calc(100vw - 36px));padding:29px 30px;transform:translate(-50%,-50%);
 border:1px solid rgba(255,255,255,.13);border-radius:24px;background:linear-gradient(160deg,#0a2138fa,#061421fc);box-shadow:0 35px 100px rgba(0,0,0,.5);color:#fff;text-align:center
}
.bx38-arrival-icon{width:60px;height:60px;margin:auto;display:grid;place-items:center;border-radius:20px;background:rgba(24,133,255,.15);color:#76b9ff}.bx38-arrival-icon svg{width:31px!important;height:31px!important}
#bxR38ArrivalCard h2{margin:14px 0 3px;font-size:26px}#bxR38ArrivalCard h3{margin:0;color:#cce3f8;font:800 18px/1.4 "Noto Sans Arabic",Tahoma,sans-serif}#bxR38ArrivalCard p{margin:17px 0;color:#9fb4c8;font-size:13px}
#bxR38ArrivalCard button{width:100%;min-height:48px;margin-top:8px;border:0;border-radius:13px;background:#147ff0;color:#fff;font-size:13px;font-weight:800;cursor:pointer}#bxR38ArrivalCard button.secondary{border:1px solid rgba(64,148,238,.34);background:rgba(255,255,255,.04)}

body.bx-r38-ui #rightRail{z-index:2147482800!important}
body.bx-r38-ui #rightRail>button{display:grid!important;place-items:center!important;color:#f2f8ff!important;background:rgba(4,18,32,.94)!important;border:1px solid rgba(255,255,255,.11)!important;box-shadow:0 9px 24px rgba(0,0,0,.24)!important}
body.bx-r38-ui #rightRail>button svg{width:21px;height:21px}
body.bx-r38-ui #rightRail>button:hover,body.bx-r38-ui #rightRail>button.is-active,body.bx-r38-ui #rightRail>button.active{background:#117fee!important;border-color:#37a3ff!important}
body.bx-r38-ui #bxRouteCancelX{font-size:0!important}

body.bx-r38-ui #driveHud .focus{display:none!important}
body.bx-r38-ui #driveHud{z-index:2147482750!important;color:#fff!important;background:linear-gradient(180deg,rgba(5,19,34,.97),rgba(3,13,25,.98))!important;border:1px solid rgba(255,255,255,.10)!important;box-shadow:0 20px 60px rgba(0,0,0,.34)!important}
body.bx-r38-ui #driveHud>div{box-sizing:border-box;border-right:1px solid rgba(255,255,255,.08)!important;background:transparent!important}
body.bx-r38-ui #driveHud>div:last-child{border-right:0!important}
body.bx-r38-ui #driveHud span,body.bx-r38-ui #driveHud small{color:#8ca3b8!important}
body.bx-r38-ui #driveHud strong{color:#fff!important}
.bx38-speed-cell{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important}.bx38-speed-cell>.bx38-icon{background:transparent!important;width:30px;height:30px}.bx38-speed-cell strong{font-size:22px}.bx38-speed-cell span{margin-left:3px;font-size:10px}.bx38-speed-cell small{display:block;margin-top:4px;font-size:9px}

@media(min-width:1024px){
 body.bx-r38-ui #menuButton{display:none!important}
 body.bx-r38-ui #bxV290SearchDock{top:17px!important;left:92px!important;right:auto!important;width:min(760px,calc(100vw - 470px))!important;max-width:none!important;transform:none!important;transition:left .2s ease,width .2s ease,opacity .15s ease!important}
 body.bx-r38-ui.bx38-drawer-open:not(.navigation-active) #bxV290SearchDock{left:350px!important;width:min(690px,calc(100vw - 730px))!important}
 body.bx-r38-ui #bxV22Weather{top:17px!important;right:92px!important}
 body.bx-r38-ui.navigation-active #bxV290SearchDock,body.bx-r38-ui.navigation-active #bxV22Weather,body.bx-r38-ui.navigation-active .gps-pill{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
 body.bx-r38-ui.navigation-active #searchResults{display:none!important}
 body.bx-r38-ui #rightRail{right:20px!important;top:50%!important;transform:translateY(-50%)!important;gap:7px!important;width:50px!important}
 body.bx-r38-ui #rightRail>button{width:50px!important;height:50px!important;border-radius:15px!important}
 body.bx-r38-ui #bxRouteCancelX{display:none!important}
 body.bx-r38-ui.navigation-active #driveHud{display:grid!important;position:fixed!important;left:50%!important;bottom:17px!important;width:calc(100vw - 390px)!important;max-width:none!important;min-height:92px!important;transform:translateX(calc(-50% + 155px))!important;grid-template-columns:.85fr 1fr 1fr 1fr 1.8fr!important;border-radius:19px!important;overflow:hidden!important}
 body.bx-r38-ui.navigation-active:not(.bx38-drawer-open) #driveHud{width:calc(100vw - 120px)!important;transform:translateX(-50%)!important}
 body.bx-r38-ui #driveHud>div{padding:13px 15px!important;display:flex;flex-direction:column;justify-content:center}
 body.bx-r38-ui #driveHud .road-cell strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
 body.bx-r38-ui:not(.navigation-active) #driveHud{display:none!important}
 body.bx-r38-ui.bx38-drawer-open #bxR38TurnCard{display:none!important}
 body.bx-r38-ui.navigation-active:not(.bx38-drawer-open) #bxR38TurnCard{left:88px;top:25px}
 body.bx-r38-ui #attributionInfoButton{right:18px!important;bottom:18px!important}
 body.bx-r38-ui.bx38-drawer-open #bxR38StepsModal{left:calc(50% + 160px)}
}
@media(max-width:1023px){
 #bxR38Toggle{left:max(10px,env(safe-area-inset-left));top:max(10px,env(safe-area-inset-top));width:46px;height:46px;border-radius:14px}
 #bxR38Toggle svg{width:21px;height:21px}
 #bxR38Drawer{left:max(8px,env(safe-area-inset-left));top:66px;bottom:max(10px,env(safe-area-inset-bottom));width:min(86vw,330px);border-radius:20px}
 .bx38-head{height:64px}.bx38-view{height:calc(100% - 64px);padding-top:11px}
 body.bx-r38-ui #menuButton{display:none!important}
 body.bx-r38-ui #bxV290SearchDock{display:block!important;top:max(10px,env(safe-area-inset-top))!important;left:64px!important;right:10px!important;width:auto!important;height:46px!important;max-width:none!important;transform:none!important;z-index:2147483150!important}
 body.bx-r38-ui #bxV290SearchDock .search-shell{height:46px!important;min-height:46px!important;border-radius:14px!important;background:rgba(5,20,35,.95)!important;border:1px solid rgba(255,255,255,.12)!important;box-shadow:0 9px 25px rgba(0,0,0,.26)!important}
 body.bx-r38-ui #bxV290SearchDock input{height:44px!important;color:#fff!important;font-size:14px!important}
 body.bx-r38-ui #bxV290SearchDock input::placeholder{color:#9cb0c3!important}
 body.bx-r38-ui #bxV290SearchDock .search-submit{display:none!important}
 body.bx-r38-ui #bxV290SearchDock .locate-button{display:none!important}
 body.bx-r38-ui #searchResults{top:52px!important;left:0!important;right:0!important;max-height:min(52vh,420px)!important}
 body.bx-r38-ui #bxV22Weather{top:66px!important;left:10px!important;right:58px!important;width:auto!important;max-width:none!important}
 body.bx-r38-ui #rightRail{right:max(8px,env(safe-area-inset-right))!important;top:50%!important;transform:translateY(-43%)!important;gap:6px!important;width:44px!important}
 body.bx-r38-ui #rightRail>button{width:44px!important;height:44px!important;border-radius:13px!important}
 body.bx-r38-ui #rightRail>button svg{width:20px;height:20px}
 body.bx-r38-ui.navigation-active #bxR38Toggle,
 body.bx-r38-ui.navigation-active #bxV290SearchDock,
 body.bx-r38-ui.navigation-active #bxV22Weather,
 body.bx-r38-ui.navigation-active .gps-pill,
 body.bx-r38-ui.navigation-active #attributionInfoButton,
 body.bx-r38-ui.navigation-active #placeModal,
 body.bx-r38-ui.navigation-active #placeCard{display:none!important;visibility:hidden!important;pointer-events:none!important}
 body.bx-r38-ui.navigation-active #searchResults{display:none!important}
 body.bx-r38-ui.navigation-active #bxR38Drawer{display:none!important}
 body.bx-r38-ui.navigation-active #bxRouteCancelX{display:grid!important;place-items:center!important;position:fixed!important;z-index:2147483300!important;left:max(10px,env(safe-area-inset-left))!important;top:max(10px,env(safe-area-inset-top))!important;width:44px!important;height:44px!important;border-radius:14px!important;border:1px solid rgba(255,255,255,.13)!important;background:rgba(6,20,35,.95)!important;color:#fff!important;box-shadow:0 10px 26px rgba(0,0,0,.28)!important}
 body.bx-r38-ui.navigation-active #bxRouteCancelX svg{width:20px;height:20px}
 body.bx-r38-ui:not(.navigation-active) #bxRouteCancelX{display:none!important}
 #bxR38TurnCard{left:64px;right:62px;top:max(10px,env(safe-area-inset-top));width:auto;min-height:82px;padding:10px 12px;border-radius:16px;grid-template-columns:48px 1fr;gap:9px}
 #bxR38TurnCard>span{font-size:40px}#bxR38TurnCard b{font-size:18px}#bxR38TurnCard strong{font-size:14px;margin-top:3px}#bxR38TurnCard small{font-size:9px;margin-top:3px}
 body.bx-r38-ui.navigation-active #driveHud{display:grid!important;position:fixed!important;left:8px!important;right:8px!important;bottom:max(8px,env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;min-height:106px!important;transform:none!important;grid-template-columns:repeat(4,1fr)!important;border-radius:17px!important;overflow:hidden!important}
 body.bx-r38-ui #driveHud>div{padding:9px 6px!important;text-align:center!important;align-items:center!important}
 body.bx-r38-ui #driveHud>div:not(.road-cell){min-height:57px}
 body.bx-r38-ui #driveHud .road-cell{grid-column:1/-1!important;min-height:38px!important;border-top:1px solid rgba(255,255,255,.08)!important;border-right:0!important;flex-direction:row!important;gap:8px!important;padding:7px 10px!important}
 body.bx-r38-ui #driveHud .road-cell span{display:none!important}body.bx-r38-ui #driveHud .road-cell strong{font-size:11px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70vw}body.bx-r38-ui #driveHud .road-cell small{font-size:8px!important}
 body.bx-r38-ui #driveHud strong{font-size:13px!important}body.bx-r38-ui #driveHud span{font-size:8px!important}body.bx-r38-ui #driveHud small{font-size:7.5px!important}
 .bx38-speed-cell{flex-direction:row!important;gap:4px!important}.bx38-speed-cell>.bx38-icon{display:none!important}.bx38-speed-cell strong{font-size:14px!important}.bx38-speed-cell span{font-size:7px!important}
 body.bx-r38-ui:not(.navigation-active) #driveHud{display:none!important}
 #bxR38StepsModal{width:calc(100vw - 22px);max-height:76vh;border-radius:20px}
 #bxR38StepsBody{max-height:calc(76vh - 66px)}
 #bxR38ArrivalCard{width:calc(100vw - 26px);padding:25px 22px}
}

@media(min-width:1024px){body.bx-r38-ui.bx38-drawer-open #bxR38ModalShade{left:334px}.bx38-guide{cursor:pointer}.bx38-guide:hover{border-color:rgba(65,156,255,.48);background:linear-gradient(145deg,rgba(28,116,215,.30),rgba(10,39,70,.44))}}

/* R38.1 canvas black-layer cleanup */
body.bx-r38-ui #map,body.bx-r38-ui .maplibregl-map,body.bx-r38-ui .maplibregl-canvas-container,body.bx-r38-ui .maplibregl-canvas{background:#d2b98d!important}


/* R38.2: never show the legacy 2D/3D pre-rail */
body.bx-r38-ui #rightRail{visibility:hidden!important;opacity:0!important;pointer-events:none!important;transition:opacity .12s ease!important}
body.bx-r38-ui #rightRail.bx-r38-rail-ready{visibility:visible!important;opacity:1!important;pointer-events:auto!important}

/* R38.4 CURSOR VISUAL ONLY — beveled depth, same marker geometry and anchor */
body.bx-r38-ui .bx-v278-pointed-cursor{filter:drop-shadow(0 3px 1px rgba(1,12,25,.96)) drop-shadow(0 7px 8px rgba(0,0,0,.52)) drop-shadow(0 0 8px rgba(24,165,255,.76)) drop-shadow(0 0 16px rgba(24,165,255,.30))!important;overflow:visible}
body.bx-r38-ui .bx-r394-pointed-depth{fill:#06213e!important;stroke:#020b15!important;stroke-width:4px!important;stroke-linejoin:round!important;opacity:.98!important}
body.bx-r38-ui .bx-v278-pointed-fill{fill:url(#bxR394Shell)!important;stroke:#071827!important;stroke-width:3.7px!important;stroke-linejoin:round!important;paint-order:stroke fill!important}
body.bx-r38-ui .bx-v278-pointed-highlight{fill:url(#bxR394Face)!important;stroke:#d8f2ff!important;stroke-width:1.9px!important;stroke-linejoin:round!important;paint-order:stroke fill!important;opacity:1!important}
body.bx-r38-ui .bx-r394-pointed-shine{fill:rgba(255,255,255,.72)!important;stroke:none!important;opacity:.88!important}
body.bx-r38-ui .bx-v278-gps-anchor{background:#051523!important;box-shadow:0 0 0 2px rgba(255,255,255,.98),0 0 0 4px rgba(20,148,255,.20),0 0 11px rgba(24,160,255,.88)!important}
body.bx-r38-ui .bx-v278-radar-ring{border-color:rgba(35,170,255,.62)!important;box-shadow:0 0 11px rgba(35,167,255,.34),0 0 22px rgba(35,167,255,.12)!important}
body.bx-r38-ui .bx-v278-radar-ring-one{opacity:.42!important}
body.bx-r38-ui .bx-v278-radar-ring-two{opacity:.20!important}

/* R40 ROAD SIGN HUD — desktop only, all values mirror live navigation data */
#bxR40RoadHud{display:none}
@media (min-width:1280px){
body.bx-r38-ui.navigation-active #driveHud{display:block!important;min-height:118px!important;padding:0!important;overflow:hidden!important}
body.bx-r38-ui.navigation-active #driveHud>div:not(#bxR40RoadHud){display:none!important}
body.bx-r38-ui.navigation-active #bxR40RoadHud{display:grid!important;grid-template-columns:150px 72px 145px 132px 150px minmax(245px,1fr) 170px!important;align-items:stretch!important;width:100%!important;height:116px!important;padding:0!important;border:0!important;background:linear-gradient(180deg,rgba(4,18,33,.985),rgba(3,13,25,.99))!important}
.bx40-road-hud>*{box-sizing:border-box;min-width:0}
.bx40-speed-zone{display:flex;align-items:center;justify-content:center;gap:11px;padding:10px 12px;border-right:1px solid rgba(255,255,255,.09)}
.bx40-limit-sign{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#fff;border:7px solid #ef3d42;box-shadow:0 5px 14px rgba(0,0,0,.34),inset 0 0 0 1px rgba(0,0,0,.12)}
.bx40-limit-sign strong{font:900 25px/1 "Segoe UI",Arial,sans-serif!important;color:#09131e!important}
.bx40-limit-sign.unknown{border-color:#667787;background:#eaf0f5}.bx40-limit-sign.unknown strong{color:#4b5c6c!important}
.bx40-current-speed{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1}
.bx40-current-speed strong{font-size:25px!important}.bx40-current-speed span{margin-top:5px;color:#c6d4e1!important;font-size:10px!important}.bx40-current-speed small{margin-top:6px;color:#7590a9!important;font:700 9px/1.2 "Noto Sans Arabic",Tahoma,sans-serif!important}
.bx40-road-art{display:grid;place-items:center;color:#7698ba;border-right:1px solid rgba(255,255,255,.09)}.bx40-road-art svg{width:46px;height:58px}
.bx40-metric{display:flex;flex-direction:column;justify-content:center;padding:12px 16px;border-right:1px solid rgba(255,255,255,.09);text-align:left!important}
.bx40-metric span{font-size:10px!important;color:#88a2ba!important}.bx40-metric strong{margin-top:6px;font-size:20px!important;line-height:1.1!important;white-space:nowrap}.bx40-metric small{margin-top:8px;color:#6f879d!important;font:700 9px/1.2 "Noto Sans Arabic",Tahoma,sans-serif!important}

.bx40-road-sign{align-self:center;height:90px;margin:12px 8px;padding:0 11px 0 15px;display:flex;align-items:center;gap:10px;border:1px solid rgba(78,172,255,.55);border-radius:13px;background:linear-gradient(180deg,rgba(11,89,170,.96),rgba(5,54,111,.97));box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 6px 16px rgba(0,0,0,.24)}
.bx40-road-name{min-width:0;flex:1;text-align:right}.bx40-road-name span{display:block;color:#b9dcff!important;font-size:8px!important;font-weight:750}.bx40-road-name strong{display:block;margin-top:6px;color:#fff!important;font-size:16px!important;line-height:1.25!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bx40-road-distance{min-width:54px;padding:7px 8px;border:1px solid rgba(255,255,255,.30);border-radius:9px;background:rgba(0,28,64,.48);color:#fff;font-size:13px;font-weight:850;text-align:center}
.bx40-turn-sign{align-self:center;height:90px;margin:12px 11px 12px 2px;display:grid;grid-template-columns:62px 1fr;align-items:center;border:1px solid rgba(63,160,255,.5);border-radius:13px;overflow:hidden;background:linear-gradient(180deg,rgba(7,46,84,.98),rgba(3,25,49,.99));box-shadow:inset 0 1px 0 rgba(255,255,255,.09),0 6px 16px rgba(0,0,0,.24)}
.bx40-turn-arrow{height:100%;display:grid;place-items:center;color:#fff;background:linear-gradient(180deg,#168cff,#086cd5)}.bx40-turn-arrow svg{width:40px;height:40px}
.bx40-turn-copy{min-width:0;padding:0 10px;text-align:left}.bx40-turn-copy strong{display:block;color:#fff!important;font-size:13px!important;line-height:1.15!important}.bx40-turn-copy small{display:block;margin-top:6px;color:#9fc6eb!important;font:700 9px/1.25 "Noto Sans Arabic",Tahoma,sans-serif!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}
@media (min-width:1024px) and (max-width:1279px){
body.bx-r38-ui.navigation-active #driveHud{display:block!important;min-height:148px!important;padding:0!important;overflow:hidden!important}
body.bx-r38-ui.navigation-active #driveHud>div:not(#bxR40RoadHud){display:none!important}
body.bx-r38-ui.navigation-active #bxR40RoadHud{display:grid!important;grid-template-columns:125px repeat(3,1fr)!important;grid-template-rows:72px 74px!important;grid-template-areas:"speed remain eta arrival" "road road road turn"!important;width:100%!important;height:146px!important;padding:0!important;border:0!important;background:linear-gradient(180deg,rgba(4,18,33,.985),rgba(3,13,25,.99))!important}
.bx40-speed-zone{grid-area:speed;display:flex;align-items:center;justify-content:center;gap:7px;border-right:1px solid rgba(255,255,255,.09)}
.bx40-limit-sign{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;border:5px solid #ef3d42}.bx40-limit-sign strong{color:#0b1520!important;font-size:18px!important}.bx40-limit-sign.unknown{border-color:#667787;background:#eaf0f5}
.bx40-current-speed{display:flex;flex-direction:column}.bx40-current-speed strong{font-size:18px!important}.bx40-current-speed span,.bx40-current-speed small{font-size:7px!important}
.bx40-road-art{display:none!important}

.bx40-metric{padding:8px 10px;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;justify-content:center}.bx40-remain{grid-area:remain}.bx40-eta{grid-area:eta}.bx40-arrival{grid-area:arrival}
.bx40-metric span{font-size:8px!important}.bx40-metric strong{font-size:15px!important}.bx40-metric small{font-size:7px!important}
.bx40-road-sign{grid-area:road;margin:6px 5px 7px 9px;padding:0 10px;display:flex;align-items:center;gap:8px;border:1px solid rgba(78,172,255,.55);border-radius:11px;background:linear-gradient(180deg,rgba(11,89,170,.96),rgba(5,54,111,.97))}
.bx40-road-name{min-width:0;flex:1;text-align:right}.bx40-road-name span{font-size:7px!important}.bx40-road-name strong{display:block;margin-top:3px;font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bx40-road-distance{padding:5px 7px;border:1px solid rgba(255,255,255,.26);border-radius:8px;font-size:10px;font-weight:800}
.bx40-turn-sign{grid-area:turn;margin:6px 9px 7px 2px;display:grid;grid-template-columns:48px 1fr;border:1px solid rgba(63,160,255,.5);border-radius:11px;overflow:hidden;background:#061f39}.bx40-turn-arrow{display:grid;place-items:center;height:100%;background:#1284ef;color:#fff}.bx40-turn-arrow svg{width:31px;height:31px}.bx40-turn-copy{padding:0 7px}.bx40-turn-copy strong{font-size:10px!important}.bx40-turn-copy small{font-size:7px!important}
}
@media (max-width:1023px){body.bx-r38-ui #driveHud>#bxR40RoadHud{display:none!important;visibility:hidden!important;pointer-events:none!important}}

/* R41 verified road-sign speed editor */
#bxR41SpeedModal[hidden],#bxR41SpeedShade[hidden],#bxR41SpeedToast[hidden]{display:none!important}
#bxR41SpeedModal,#bxR41SpeedShade,#bxR41SpeedToast{box-sizing:border-box;font-family:Inter,"Segoe UI","Noto Sans Arabic",Tahoma,Arial,sans-serif}
#bxR41SpeedShade{position:fixed;z-index:2147483460;inset:0;background:rgba(0,7,14,.58);backdrop-filter:blur(3px)}
#bxR41SpeedModal{position:fixed;z-index:2147483470;left:50%;top:50%;width:min(460px,calc(100vw - 32px));max-height:calc(100vh - 34px);transform:translate(-50%,-50%);overflow:auto;border:1px solid rgba(82,160,239,.32);border-radius:22px;background:linear-gradient(180deg,#0b2137,#061421);box-shadow:0 30px 95px rgba(0,0,0,.58);color:#fff}
#bxR41SpeedModal>header{height:66px;padding:0 14px 0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.09)}
#bxR41SpeedModal>header strong,#bxR41SpeedModal>header small{display:block}#bxR41SpeedModal>header small{margin-top:3px;color:#84a0ba;font-size:10px}
#bxR41SpeedClose{width:38px;height:38px;border:0;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.07);color:#fff;cursor:pointer}
#bxR41SpeedClose svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}
.bx41-speed-body{padding:16px}
.bx41-speed-warning{padding:11px 13px;border:1px solid rgba(255,191,71,.28);border-radius:12px;background:rgba(130,84,0,.16)}
.bx41-speed-warning strong,.bx41-speed-warning span,.bx41-speed-warning small{display:block}
.bx41-speed-warning strong{color:#ffd77b;font-size:12px}.bx41-speed-warning span{margin-top:4px;color:#e4edf5;font-size:11px}.bx41-speed-warning small{margin-top:5px;color:#aebdcc;font-size:10px}
.bx41-speed-road{margin-top:13px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08)}
.bx41-speed-road small,.bx41-speed-road strong,.bx41-speed-road span{display:block}.bx41-speed-road small{color:#7393af;font-size:9px}.bx41-speed-road strong{margin-top:5px;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bx41-speed-road span{margin-top:7px;color:#9fb3c6;font-size:10px}
.bx41-speed-preview{margin:15px 0 13px;display:flex;align-items:center;justify-content:center;gap:14px}
.bx41-sign-preview{width:72px;height:72px;border:7px solid #ef3d42;border-radius:50%;display:grid;place-items:center;background:#fff}
.bx41-sign-preview strong{color:#09131e;font:900 27px/1 "Segoe UI",Arial,sans-serif}.bx41-speed-preview b,.bx41-speed-preview small{display:block}.bx41-speed-preview small{margin-top:5px;color:#8ba5bd;font-size:10px}
.bx41-speed-options{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}
.bx41-speed-options button{height:42px;border:1px solid rgba(122,172,220,.20);border-radius:10px;background:rgba(255,255,255,.055);color:#dce9f5;font-weight:850;cursor:pointer}
.bx41-speed-options button.selected{border-color:#389cff;background:#137bd8;color:#fff}
.bx41-speed-custom{height:48px;margin-top:10px;padding:0 11px;display:grid;grid-template-columns:1fr 94px 38px;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.10);border-radius:11px;background:rgba(255,255,255,.035)}
.bx41-speed-custom span{color:#a8bbcc;font-size:11px}.bx41-speed-custom input{width:100%;height:32px;box-sizing:border-box;border:1px solid rgba(91,158,225,.35);border-radius:8px;background:#07192a;color:#fff;text-align:center;font-weight:800}.bx41-speed-custom em{color:#7992aa;font-size:9px;font-style:normal}
.bx41-speed-confirm{margin-top:12px;padding:11px 12px;display:flex;gap:10px;align-items:flex-start;border:1px solid rgba(44,164,255,.22);border-radius:11px;background:rgba(14,92,158,.12);cursor:pointer}
.bx41-speed-confirm input{width:18px;height:18px;accent-color:#1689ef}.bx41-speed-confirm b,.bx41-speed-confirm small{display:block}.bx41-speed-confirm b{font-size:11px}.bx41-speed-confirm small{margin-top:4px;color:#9cb2c5;font-size:9px}
.bx41-speed-status{min-height:18px;margin-top:8px;color:#9fc9ee;font-size:10px;text-align:center}
.bx41-speed-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:8px}
.bx41-speed-actions button{min-height:46px;border:1px solid rgba(255,255,255,.10);border-radius:11px;background:rgba(255,255,255,.06);color:#fff;font-weight:800;cursor:pointer}
.bx41-speed-actions button small{display:block;font-size:8px;color:#8ea6bb}
.bx41-speed-actions #bxR41SpeedSave{background:#0d7fde;border-color:#248ee9}.bx41-speed-actions #bxR41SpeedSave:disabled{opacity:.38;cursor:not-allowed}
#bxR41SpeedToast{position:fixed;z-index:2147483480;left:50%;bottom:138px;transform:translateX(-50%);max-width:calc(100vw - 26px);padding:10px 16px;border:1px solid rgba(81,162,238,.26);border-radius:12px;background:rgba(4,21,37,.96);color:#eaf5ff;font-size:11px;font-weight:750;text-align:center;pointer-events:none}
body.bx-r38-ui.navigation-active .bx40-limit-sign,body.bx-r38-ui.navigation-active #driveMetrics .limit-metric{cursor:pointer}
@media(max-width:620px){#bxR41SpeedModal{width:calc(100vw - 18px);max-height:calc(100vh - 20px);border-radius:18px}.bx41-speed-body{padding:13px}.bx41-speed-options{grid-template-columns:repeat(4,1fr)}}

/* R42 clean navigation + route speed-limit signs */
body.bx-r38-ui.navigation-active #bxR38Drawer,
body.bx-r38-ui.navigation-active #bxR38Toggle,
body.bx-r38-ui.navigation-active #menuButton,
body.bx-r38-ui.navigation-active #bxV290SearchDock{display:none!important;visibility:hidden!important;pointer-events:none!important}
@media(min-width:1024px){body.bx-r38-ui.navigation-active #bxR38TurnCard{display:none!important}}
.bx42-speed-route-marker{display:flex;flex-direction:column;align-items:center;gap:4px;pointer-events:none;filter:drop-shadow(0 5px 8px rgba(0,0,0,.42))}
.bx42-speed-circle{width:42px;height:42px;box-sizing:border-box;border:5px solid #ef3d42;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0a1118;font:900 17px/1 "Segoe UI",Arial,sans-serif}
.bx42-speed-distance{min-width:44px;padding:3px 6px;border-radius:7px;background:rgba(4,14,24,.94);border:1px solid rgba(255,255,255,.16);color:#fff;font:800 9px/1.15 "Segoe UI",Arial,sans-serif;text-align:center;white-space:nowrap}
@media(min-width:1280px){
 body.bx-r38-ui.navigation-active #bxR40RoadHud{grid-template-columns:150px 72px 135px 125px 140px minmax(300px,1fr) 220px!important}
 .bx40-turn-sign{grid-template-columns:58px minmax(0,1fr)!important}
 .bx40-turn-copy{padding:0 12px!important}
 .bx40-turn-copy strong{font-size:14px!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
}
@media(min-width:1024px) and (max-width:1279px){.bx40-turn-copy strong{white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}}

@media(min-width:1280px){
 body.bx-r38-ui.navigation-active #driveHud{left:18px!important;right:88px!important;width:auto!important;transform:none!important}
 body.bx-r38-ui.navigation-active #bxR40RoadHud{grid-template-columns:150px 72px 140px 130px 145px minmax(320px,1fr) minmax(250px,.8fr)!important}
 .bx40-turn-copy strong{max-width:none!important}
}

/* R43: route controls stay available while the navigation drawer stays closed by default. */
body.bx-r38-ui.navigation-active #bxR38Toggle{display:grid!important;visibility:visible!important;pointer-events:auto!important}
body.bx-r38-ui.navigation-active #bxR38Drawer{display:block!important}
body.bx-r38-ui.navigation-active #bxR38Drawer.open{visibility:visible!important;pointer-events:auto!important}
body.bx-r38-ui.navigation-active #bxRouteCancelX,
body.bx-r38-ui[data-bx-r38-mode="preview"] #bxRouteCancelX{display:grid!important;place-items:center!important;visibility:visible!important;pointer-events:auto!important;background:rgba(6,20,35,.96)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 9px 22px rgba(0,0,0,.25)!important;font-size:0!important}
body.bx-r38-ui.bx38-drawer-open #bxRouteCancelX{visibility:hidden!important;pointer-events:none!important}
@media(min-width:1024px){
 body.bx-r38-ui.navigation-active #bxRouteCancelX,
 body.bx-r38-ui[data-bx-r38-mode="preview"] #bxRouteCancelX{left:84px!important;top:17px!important;width:54px!important;height:54px!important;border-radius:16px!important}
}
@media(max-width:1023px){
 body.bx-r38-ui.navigation-active #bxRouteCancelX,
 body.bx-r38-ui[data-bx-r38-mode="preview"] #bxRouteCancelX{left:max(10px,env(safe-area-inset-left))!important;top:calc(max(10px,env(safe-area-inset-top)) + 54px)!important;width:46px!important;height:46px!important;border-radius:14px!important}
}

/* R44: the map moves behind nearly opaque UI; avoid live backdrop sampling. */
body.bx-r38-ui #rightRail,
body.bx-r38-ui #driveHud,
body.bx-r38-ui #bxV290SearchDock #searchForm,
body.bx-r38-ui #bxV22Weather{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}

/* R46: visible feedback beside the GPS control, including blocked permissions. */
#bxR46GpsNotice[hidden]{display:none!important}
#bxR46GpsNotice{position:fixed;z-index:2147483150;top:50%;right:70px;transform:translateY(-50%);width:min(260px,calc(100vw - 146px));box-sizing:border-box;padding:11px 14px;border-radius:13px;background:rgba(5,23,39,.97);color:#fff;border:1px solid rgba(95,167,245,.55);box-shadow:0 9px 24px rgba(0,0,0,.38);font:700 12px/1.4 Inter,"Segoe UI",Arial,sans-serif;pointer-events:none}
#bxR46GpsNotice[data-kind="error"]{border-color:#ef6871;background:rgba(44,14,25,.97)}
#bxR46GpsNotice[data-kind="warning"]{border-color:#e2ae42}
#bxR46GpsNotice[data-kind="success"]{border-color:#5bd1a5}

/* R25 cool idle GPS cursor: animate radar only during active navigation */
body:not(.navigation-active):not(.bx-r9b-route-active):not(.bx-v22-route-active) .bx-v278-radar-ring{
  animation:none!important;
  will-change:auto!important;
}
body:not(.navigation-active):not(.bx-r9b-route-active):not(.bx-v22-route-active) .bx-v278-radar-ring-one{
  opacity:.28!important;
}
body:not(.navigation-active):not(.bx-r9b-route-active):not(.bx-v22-route-active) .bx-v278-radar-ring-two{
  display:none!important;
  animation:none!important;
}

/* R26 brief GPS lock pulse: visible confirmation without permanent GPU animation */
body.bx-gps-lock-pulse:not(.navigation-active):not(.bx-r9b-route-active):not(.bx-v22-route-active) .bx-v278-radar-ring-one{
  display:block!important;
  opacity:.42!important;
  animation:bxV283BlueRadar .82s cubic-bezier(.2,.7,.2,1) 0s 2!important;
  will-change:transform,opacity!important;
}
body.bx-gps-lock-pulse:not(.navigation-active):not(.bx-r9b-route-active):not(.bx-v22-route-active) .bx-v278-radar-ring-two{
  display:block!important;
  opacity:.24!important;
  animation:bxV283BlueRadar .82s cubic-bezier(.2,.7,.2,1) .28s 1!important;
  will-change:transform,opacity!important;
}

/* R29 first-load cursor confirmation: brief visible blink, then fully static */
@keyframes bxR29CursorBlink{
  0%,100%{opacity:1}
  48%{opacity:.42}
}
body.bx-gps-lock-pulse:not(.navigation-active):not(.bx-r9b-route-active):not(.bx-v22-route-active) .bx-v278-pointed-cursor{
  animation:bxR29CursorBlink .42s ease-in-out 0s 4!important;
  will-change:opacity!important;
}
body.bx-gps-lock-pulse:not(.navigation-active):not(.bx-r9b-route-active):not(.bx-v22-route-active) .bx-v278-gps-anchor{
  animation:bxR29CursorBlink .42s ease-in-out .08s 4!important;
  will-change:opacity!important;
}

/* R44 traffic visualization badge */
#bxR44TrafficBadge[hidden]{display:none!important}
#bxR44TrafficBadge{position:fixed;z-index:2147482765;left:22px;bottom:146px;display:flex;align-items:center;gap:7px;min-height:34px;padding:7px 11px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(5,18,31,.94);box-shadow:0 8px 24px rgba(0,0,0,.28);color:#fff;font-family:Inter,"Segoe UI","Noto Sans Arabic",Tahoma,Arial,sans-serif;pointer-events:none;backdrop-filter:blur(7px)}
#bxR44TrafficBadge .bx44-dot{width:9px;height:9px;border-radius:50%;background:#f6c744;box-shadow:0 0 0 3px rgba(246,199,68,.14)}
#bxR44TrafficBadge strong{font-size:12px;line-height:1}
#bxR44TrafficBadge small{color:#91a7bb;font:700 9px/1 "Noto Sans Arabic",Tahoma,sans-serif}
#bxR44TrafficBadge[data-level="slow"] .bx44-dot{background:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.14)}
#bxR44TrafficBadge[data-level="heavy"] .bx44-dot{background:#8f1d2c;box-shadow:0 0 0 3px rgba(143,29,44,.18)}
@media(max-width:1023px){#bxR44TrafficBadge{left:12px;bottom:max(122px,calc(env(safe-area-inset-bottom) + 116px));min-height:30px;padding:6px 9px;border-radius:10px}#bxR44TrafficBadge strong{font-size:11px}#bxR44TrafficBadge small{display:none}}
body.bx-r38-ui:not(.navigation-active) #bxR44TrafficBadge{display:none!important}
body.bx-r38-ui.bx38-drawer-open #bxR44TrafficBadge{display:none!important}