.customer-ride-status{position:fixed;inset:0;z-index:1475;overflow:auto;background:linear-gradient(180deg,#071b2f 0,#102e47 285px,#f4f6f5 285px);color:#111827;padding-bottom:calc(95px + env(safe-area-inset-bottom))}.customer-ride-status header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:10px max(20px,calc((100% - 620px)/2));color:#fff}.customer-ride-status header img{width:120px;height:58px;object-fit:contain}.customer-ride-status header button{border:1px solid #ffffff45;border-radius:10px;background:#ffffff12;color:#fff;padding:10px 13px;font-weight:700}.customer-ride-status main{width:min(580px,calc(100% - 28px));margin:38px auto 0}.ride-status-label{margin:0;color:#f5bd17;font-size:10px;font-weight:800;letter-spacing:.14em}.customer-ride-status h1{margin:8px 0;color:#fff;font:800 clamp(27px,7vw,42px) Manrope;line-height:1.08}.ride-status-copy{max-width:480px;min-height:44px;margin:0 0 20px;color:#d5dde5;font-size:13px;line-height:1.5}.ride-status-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:22px}.ride-status-progress i{height:5px;border-radius:5px;background:#ffffff36}.ride-status-progress i.active{background:#f5bd17}.customer-ride-card{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:20px;border:1px solid #dfe5e2;border-radius:20px;background:#fff;box-shadow:0 18px 45px #071b2f24}.customer-ride-card>div{display:grid;gap:3px}.customer-ride-card small{color:#7d8782;font-size:8px;font-weight:800;letter-spacing:.1em}.customer-ride-card b{font-size:13px}.customer-ride-card hr{grid-column:1/-1;width:100%;margin:0;border:0;border-top:1px solid #edf0ef}.customer-ride-card>p{grid-column:1/-1;display:grid;gap:13px;margin:0}.customer-ride-card>p span{display:grid;gap:3px}.customer-ride-status aside{display:grid;gap:4px;margin:12px 0;padding:15px;border-radius:14px;background:#fff6d8;color:#594100}.customer-ride-status aside b{font-size:12px}.customer-ride-status aside span{font-size:10px;line-height:1.45}.cancel-customer-ride{width:100%;height:50px;border:1px solid #e2b9b5;border-radius:13px;background:#fff;color:#b42318;font-weight:800}@media(max-width:600px){.customer-ride-status header{height:66px;padding:8px 14px}.customer-ride-status header img{width:100px}.customer-ride-status main{margin-top:24px}.customer-ride-card{padding:17px}.customer-ride-status h1{font-size:29px}}
.driver-confirmation-card{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;margin-bottom:12px;padding:14px;border-radius:16px;background:#fff;border:1px solid #dfe5e2}.driver-confirmation-card img{width:52px;height:52px;border-radius:50%;object-fit:cover}.driver-confirmation-card>div{display:grid;gap:2px}.driver-confirmation-card small{color:#8b6b00;font-size:8px;font-weight:800;letter-spacing:.1em}.driver-confirmation-card b{font-size:14px}.driver-confirmation-card span{color:#737e79;font-size:10px}.driver-confirmation-card strong{padding:8px 10px;border:2px solid #111827;border-radius:7px;background:#f8f8f5;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.customer-ride-status .live-ride-tools{position:static!important;display:grid!important;grid-template-columns:1fr 1fr;width:100%;margin:12px 0 0;padding:8px;border:1px solid #dfe5e2;border-radius:16px;background:#fff;box-shadow:none}.customer-ride-status .live-ride-tools.hidden{display:none!important}.customer-ride-status .live-ride-tools button{width:100%;min-width:0;height:48px;padding:0 10px;white-space:normal;line-height:1.15}.customer-ride-status .live-ride-tools button:last-child:nth-child(odd){grid-column:1/-1}
.customer-status-live-map{position:relative;height:270px;margin:0 0 14px;overflow:hidden;border:1px solid #dfe5e2;border-radius:20px;background:#dce7e3;box-shadow:0 15px 35px #071b2f24}.customer-status-live-map>[data-customer-status-map]{position:absolute;inset:0}.customer-status-live-map>[data-live-map-state]{position:absolute;z-index:550;left:12px;right:12px;bottom:12px;padding:10px 12px;border-radius:11px;background:#071b2fe8;color:#fff;font-size:11px;font-weight:800;box-shadow:0 8px 24px #071b2f48}.customer-status-live-map>[data-live-map-state].live:before{content:'';display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#19d99a;box-shadow:0 0 0 4px #19d99a30}.customer-status-live-map .leaflet-control-attribution{font-size:7px!important}@media(max-width:600px){.customer-status-live-map{height:245px;border-radius:17px}}