.customer-ride-status{background:radial-gradient(circle at 88% 12%,#174669 0,transparent 28%),linear-gradient(180deg,#03101b,#07131d)!important;color:#fff!important;padding-bottom:max(28px,env(safe-area-inset-bottom))!important}
.customer-ride-status header{position:sticky;top:0;z-index:900;height:74px;padding:max(8px,env(safe-area-inset-top)) 18px 8px!important;background:linear-gradient(180deg,#03101bf2,#03101bba,transparent);backdrop-filter:blur(8px)}
.customer-ride-status header img{width:132px!important;height:56px!important}.ride-status-menu{width:38px;height:38px;display:grid;align-content:center;gap:4px;padding:9px!important;border:0!important;background:transparent!important}.ride-status-menu i{display:block;height:2px;border-radius:2px;background:#fff}.ride-status-menu i:last-child{width:65%}.ride-status-live{padding:7px 9px;border:1px solid #2d556f;border-radius:99px;color:#ffc51b;font-size:8px;font-weight:900;letter-spacing:.12em}
.customer-ride-status main{width:min(520px,100%)!important;margin:0 auto!important;padding:0 14px}.ride-status-heading{padding:12px 4px 4px}.ride-status-label{color:#ffc51b!important}.customer-ride-status h1{margin:5px 0!important;color:#fff!important;font-size:29px!important}.ride-status-copy{margin-bottom:13px!important;color:#bdcbd8!important}.ride-status-progress{margin-bottom:11px!important}.ride-status-progress i{background:#294052!important}.ride-status-progress i.active{background:#ffc51b!important}
.customer-status-live-map{height:340px!important;margin:0 -14px 14px!important;border:0!important;border-radius:0!important;background:#142938!important;box-shadow:none!important}.customer-status-live-map:after{content:"";position:absolute;z-index:500;inset:0;pointer-events:none;box-shadow:inset 0 30px 35px #03101b99,inset 0 -28px 35px #03101b77}.customer-status-live-map>[data-live-map-state]{left:16px!important;right:auto!important;bottom:16px!important;padding:10px 13px!important;border:1px solid #ffffff24!important;border-radius:99px!important;background:#07121de8!important;color:#fff!important}
.driver-confirmation-card,.customer-ride-card{border:1px solid #294050!important;background:linear-gradient(145deg,#0a1823,#111f29)!important;color:#fff!important;box-shadow:0 16px 35px #0005!important}.driver-confirmation-card{grid-template-columns:58px 1fr auto!important;border-radius:19px!important;padding:14px!important}.driver-confirmation-card img{width:57px!important;height:57px!important;border:2px solid #ffc51b}.driver-confirmation-card small,.customer-ride-card small{color:#8ea1b2!important}.driver-confirmation-card b{font-size:15px!important}.driver-confirmation-card span{color:#c3cfda!important}.driver-confirmation-card strong{border-color:#ffc51b!important;background:#0b151f!important;color:#ffc51b!important}
.customer-ride-card{gap:12px!important;padding:17px!important;border-radius:19px!important}.customer-ride-card hr{border-color:#2a3c49!important}.customer-ride-card>p{position:relative;padding-left:18px}.customer-ride-card>p:before{content:"";position:absolute;left:4px;top:9px;bottom:9px;border-left:2px solid #ffc51b}.customer-ride-card>p span:before{content:"";position:absolute;left:0;width:10px;height:10px;border:2px solid #ffc51b;border-radius:50%;background:#0c1923}.customer-ride-card>p span:last-child:before{bottom:5px;border-radius:2px;background:#ffc51b}.customer-ride-status aside{border:1px solid #5b4816!important;background:#1d1a10!important;color:#f7d975!important}.cancel-customer-ride{height:48px!important;border-color:#e34848!important;background:transparent!important;color:#ff6666!important}
.customer-ride-status .live-ride-tools{grid-template-columns:repeat(3,1fr)!important;gap:8px!important;margin:12px 0!important;padding:0!important;border:0!important;background:transparent!important}.customer-ride-status .live-ride-tools button{height:45px!important;border:1px solid #334857!important;border-radius:99px!important;background:#0b1822!important;color:#fff!important;font-size:10px!important}.customer-ride-status .live-ride-tools .sos{border-color:#ad3b3b!important;color:#ff6c6c!important}.customer-ride-status .live-ride-tools button:last-child:nth-child(odd){grid-column:auto!important}
.ride-complete-view{padding:24px 0 10px;text-align:center}.ride-complete-check{width:78px;height:78px;display:grid;place-items:center;margin:8px auto 18px;border-radius:50%;background:#ffc51b;color:#08121b;font-size:38px;font-weight:900;box-shadow:0 0 0 12px #ffc51b15,0 0 45px #ffc51b55}.ride-complete-view>h1{font-size:32px!important}.ride-complete-view>p{margin:0 0 22px;color:#bac8d4}.ride-complete-view>article{padding:19px;border:1px solid #304452;border-radius:19px;background:linear-gradient(145deg,#0b1924,#111e28);text-align:left;box-shadow:0 16px 40px #0005}.ride-complete-view article h2,.ride-rating h2{margin:0 0 15px;font:800 17px Manrope}.ride-complete-view article div{display:flex;justify-content:space-between;gap:18px;padding:8px 0;color:#aebcca;font-size:11px}.ride-complete-view article b{color:#fff;text-align:right}.ride-complete-view article hr{border:0;border-top:1px solid #304452}.ride-rating{padding:22px 0 14px}.ride-rating>div{display:flex;justify-content:center;gap:10px}.ride-rating button{padding:0;border:0;background:transparent;color:#667785;font-size:33px;line-height:1}.ride-rating button.selected{color:#ffc51b}.ride-rating small{display:block;margin-top:9px;color:#8fa0ae}.ride-complete-done{width:100%;height:52px;border:0;border-radius:14px;background:#ffc51b;color:#07121b;font-weight:900}.customer-ride-status.is-completed header .ride-status-live{display:none}
@media(max-width:600px){.customer-ride-status main{padding-inline:12px}.customer-status-live-map{height:315px!important;margin-inline:-12px!important}.customer-ride-status h1{font-size:26px!important}.driver-confirmation-card{grid-template-columns:52px 1fr auto!important}.driver-confirmation-card img{width:50px!important;height:50px!important}}
@media(max-width:600px){.customer-ride-status.status-accepted .ride-status-heading,.customer-ride-status.status-arrived .ride-status-heading,.customer-ride-status.status-in_progress .ride-status-heading{padding-bottom:8px}.customer-ride-status.status-accepted .customer-status-live-map,.customer-ride-status.status-arrived .customer-status-live-map,.customer-ride-status.status-in_progress .customer-status-live-map{height:360px!important}.customer-ride-status.status-accepted .ride-status-label{color:#ffc51b!important}.customer-ride-status.status-in_progress .ride-status-progress i{background:#ffc51b!important}.customer-ride-status.is-completed main{padding:0 18px!important}.customer-ride-status.is-completed header{background:transparent!important}}