/* Phone ride page: one scroll container, safe controls and compact map. */
@media(max-width:899px){
html.swift-design body #customerRidePanel[id]:not(.swift-location-editing){inset:0!important;width:100%!important;height:100dvh!important;max-height:100dvh!important;min-height:0!important;padding:0 12px calc(28px + env(safe-area-inset-bottom,0px))!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scroll-padding-top:calc(100px + env(safe-area-inset-top,0px));background:#f5f7f2!important}
html.swift-design body #customerRidePanel[id] .cr-shell{display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important;gap:12px!important;position:relative!important}
html.swift-design body #customerRidePanel[id] .cr-shell>*{flex:0 0 auto!important;min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}
html.swift-design body #customerRidePanel[id] .cr-header{position:sticky!important;top:0!important;z-index:20!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:calc(20px + env(safe-area-inset-top,0px)) 12px 14px!important;margin:0!important;background:#fff!important;border-radius:0 0 16px 16px!important;box-shadow:0 1px 0 #e5e9e1}
html.swift-design body #customerRidePanel[id] .cr-header>div{min-width:0;flex:1}
html.swift-design body #customerRidePanel[id] #crTitle{font-size:22px!important;line-height:1.25!important;margin:4px 0 0!important;overflow-wrap:anywhere}
html.swift-design body #customerRidePanel[id] #crClose{position:static!important;inset:auto!important;flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;padding:0!important;display:grid!important;place-items:center!important;align-self:center!important;font-size:20px!important;line-height:1!important;touch-action:manipulation}
html.swift-design body #customerRidePanel[id] .sd-ride-map{position:relative!important;top:auto!important;inset:auto!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:hidden!important;border-radius:16px!important}
html.swift-design body #customerRidePanel[id] #crMap{height:clamp(180px,27svh,250px)!important;min-height:180px!important;max-height:250px!important;width:100%!important;border-radius:16px!important}
html.swift-design body #customerRidePanel[id] #crNotice,html.swift-design body #customerRidePanel[id] #crUpdated{position:static!important;margin:0!important;padding:10px 12px!important;border-radius:12px!important;box-shadow:none!important;line-height:1.5!important}
html.swift-design body #customerRidePanel[id] #crNotice::before{content:none!important}
html.swift-design body #customerRidePanel[id] #crForm,html.swift-design body #customerRidePanel[id] #crTracking{position:relative!important;inset:auto!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;padding:14px!important;margin:0!important;border-radius:16px!important;box-sizing:border-box!important}
html.swift-design body #customerRidePanel[id] #crForm>*{min-width:0!important;max-width:100%!important;box-sizing:border-box!important;flex-shrink:0!important}
html.swift-design body #customerRidePanel[id] .cr-locations,html.swift-design body #customerRidePanel[id] .cr-contact{grid-template-columns:minmax(0,1fr)!important}
html.swift-design body #customerRidePanel[id] .cr-locations input{height:auto!important;min-height:44px!important;line-height:1.4!important}
html.swift-design body #customerRidePanel[id] .cr-tools{gap:8px!important;margin:12px 0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
html.swift-design body #customerRidePanel[id] .cr-tools button{min-width:0!important;min-height:44px!important;padding:9px 7px!important;font-size:11px!important;white-space:normal!important;line-height:1.4!important}
html.swift-design body #customerRidePanel[id] #crMapNotice{margin:8px 0 14px!important;font-size:11px!important;line-height:1.5!important}
html.swift-design body #customerRidePanel[id] .fleet-heading{display:flex!important;flex-wrap:wrap!important;min-width:0!important}
html.swift-design body #customerRidePanel[id] .fleet-cards{max-height:none!important;overflow:visible!important;grid-template-columns:minmax(0,1fr)!important}
html.swift-design body #customerRidePanel[id] .fleet-card,html.swift-design body #customerRidePanel[id] .cr-driver-card{min-width:0!important;overflow-wrap:anywhere}
html.swift-design body #customerRidePanel[id] .cr-driver-card{flex-wrap:wrap!important}
html.swift-design body #customerRidePanel[id] #crRequest:not([hidden]){position:relative!important;inset:auto!important;z-index:auto!important;display:flex!important;width:100%!important;min-height:52px!important;flex-shrink:0!important;margin:16px 0 4px!important;scroll-margin-bottom:calc(24px + env(safe-area-inset-bottom,0px));white-space:normal!important}
html.swift-design body #customerRidePanel[id] #crRequest[hidden],html.swift-design body #customerRidePanel[id] #crForm[hidden],html.swift-design body #customerRidePanel[id] #crTracking[hidden]{display:none!important}
html.swift-design body #customerRidePanel[id] #crFareBox dl>div,html.swift-design body #customerRidePanel[id] #crTrackingFare dl>div{gap:10px!important;min-width:0!important}
html.swift-design body #customerRidePanel[id] #crFareBox dt,html.swift-design body #customerRidePanel[id] #crTrackingFare dt{min-width:0;overflow-wrap:anywhere}
html.swift-design body #customerRidePanel[id] #crFareBox dd,html.swift-design body #customerRidePanel[id] #crTrackingFare dd{flex-shrink:0;margin-left:0}
html.swift-location-search html.swift-design body #customerRidePanel[id] .cr-header{position:relative!important;padding-top:calc(12px + env(safe-area-inset-top,0px))!important}
}