.rider-location-health{display:flex;align-items:flex-start;gap:12px;margin:0 0 18px;padding:14px 16px;border:1px solid #d8efe2;border-radius:16px;background:#f3fcf7;color:#22613f}.rider-location-health .health-icon{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:#d8f5e4;font-size:17px}.rider-location-health strong,.rider-location-health small{display:block}.rider-location-health small{margin-top:3px;color:#64746b}.rider-location-health.stale{border-color:#f0c9a3;background:#fff8ef;color:#8a4817}.rider-location-health.stale .health-icon{background:#ffe5c7}.rider-location-health.offline{border-color:#ded7e7;background:#f8f5fa;color:#695b75}.rider-location-health.offline .health-icon{background:#ebe5ef}
.customer-tracking-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.customer-tracking-head span{display:flex;align-items:center;gap:8px;color:#3b2852;font-weight:850}.customer-tracking-head i{width:9px;height:9px;flex:none;border-radius:50%;background:#29b86f;box-shadow:0 0 0 5px #29b86f22}.customer-tracking-head small{color:#766982;text-align:right}.live-route-shell{position:relative;margin-top:12px;overflow:hidden;border:1px solid #ded1e9;border-radius:19px;background:#f7f4fa;box-shadow:0 12px 30px rgba(49,8,104,.1)}.customer-rider-map{position:relative;height:270px;background:#eef0f3}.live-route-details{position:absolute;left:12px;right:12px;bottom:12px;z-index:5;display:flex;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.9);border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 8px 25px rgba(35,18,55,.16);backdrop-filter:blur(12px)}.live-route-details span{display:grid;gap:2px;min-width:0;flex:1}.live-route-details small{color:#766982;font-size:10px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}.live-route-details strong{color:#29133f;font-size:14px}.live-map-marker{display:grid;place-items:center;box-sizing:border-box}.live-map-marker.rider{width:42px;height:42px;border:4px solid #fff;border-radius:50%;background:linear-gradient(135deg,#ee34b7,#7625d7);box-shadow:0 8px 22px rgba(64,13,108,.38);color:#fff}.live-map-marker.rider span{display:block;font-size:19px;transform:rotate(-35deg)}.live-map-marker.destination{width:34px;height:34px;border:3px solid #fff;border-radius:50%;background:#29133f;box-shadow:0 7px 18px rgba(41,19,63,.3);color:#fff}.live-map-marker.destination span{font-size:15px}.map-fallback{position:absolute;inset:0;display:grid;place-content:center;gap:5px;padding:24px;text-align:center;color:#4e3a61;background:#f5f0f8}.map-fallback strong,.map-fallback small{display:block}.map-error .live-route-details{display:none}.maplibregl-ctrl-attrib{font-size:9px!important}.maplibregl-ctrl-top-right{top:8px!important;right:8px!important}.maplibregl-ctrl-group{border-radius:12px!important;overflow:hidden}.rider-route-shell{margin-top:12px}.rider-route-shell .customer-rider-map{height:250px}
@media(max-width:700px){body:has(.rider-nav) .container{padding:16px 13px calc(104px + env(safe-area-inset-bottom))!important}body:has(.rider-nav) .topbar{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;width:100%!important;max-width:100%!important;height:60px!important;padding:0 14px!important;overflow:visible!important}body:has(.rider-nav) .topbar .brand{min-width:0!important;max-width:calc(100% - 52px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:clamp(14px,4.4vw,19px)!important}body:has(.rider-nav) .topbar .compact-actions{position:static!important;display:flex!important;visibility:visible!important;flex:0 0 auto!important;margin-left:auto!important}body:has(.rider-nav) .topbar #out{display:inline-grid!important;visibility:visible!important;opacity:1!important;flex:0 0 38px!important;width:38px!important;height:38px!important}.rider-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:50!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;width:100%!important;padding:7px 8px calc(7px + env(safe-area-inset-bottom))!important;border-top:1px solid #eadff2!important;background:rgba(255,255,255,.97)!important;box-shadow:0 -8px 26px rgba(42,10,82,.13)!important;backdrop-filter:blur(16px)!important}.rider-nav button{display:flex!important;min-width:0!important;width:100%!important;min-height:57px!important;padding:7px 2px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;border-radius:14px!important;color:#71647c!important;font-size:10px!important;font-weight:800!important;line-height:1.05!important;white-space:nowrap!important}.rider-nav button svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.rider-nav button.active{color:#a31ac0!important}.rider-nav .nav-label{font-size:10px!important}.rider-hero{padding:22px 18px!important;gap:16px!important}.rider-hero h1{font-size:27px!important}.rider-availability-switch{padding:12px 14px!important;border-radius:17px!important}.rider-switch-track{width:54px;height:31px}.rider-switch-track i{width:23px;height:23px}.rider-availability-switch.is-online .rider-switch-track i{transform:translateX(23px)}.rider-cash-wallet{margin-top:0!important;padding:16px!important;border-radius:18px!important}.wallet-head{align-items:flex-start}.wallet-head h2{font-size:23px}.wallet-metrics{gap:8px}.wallet-metrics article{padding:12px}.wallet-metrics strong{font-size:1.08rem}.customer-rider-map{height:235px}.customer-tracking-head{align-items:flex-start;flex-direction:column}.customer-tracking-head small{text-align:left}.live-route-details{left:9px;right:9px;bottom:9px}.rider-route-shell .customer-rider-map{height:225px}}
@media(prefers-reduced-motion:reduce){.maplibregl-canvas{scroll-behavior:auto!important}}
.delivery-status-copy{animation:none!important}
.rider-maps-link{display:inline-flex;align-items:center;justify-content:center;margin-top:8px;text-decoration:none;line-height:1.25}.rider-maps-link:before{content:"⌖";margin-right:7px;font-size:18px;line-height:1}
@media(max-width:700px){.rider-maps-link{display:flex;width:100%;min-height:44px;padding:11px 13px!important;text-align:center}}