.active-trip-card{position:relative;isolation:isolate;overflow:hidden;min-height:126px;margin:0 0 17px;padding:19px 55px 19px 82px;display:flex;align-items:center;border:1px solid rgba(255,255,255,.15);border-radius:25px;background:linear-gradient(115deg,#062f54,#006d83);color:#fff;box-shadow:0 17px 38px rgba(0,43,72,.2);transition:.22s transform,.22s box-shadow}.active-trip-card:before{content:"";position:absolute;z-index:-1;width:210px;height:210px;right:-65px;top:-115px;border:32px solid rgba(80,231,226,.12);border-radius:50%}.active-trip-card:hover{transform:translateY(-3px);box-shadow:0 22px 48px rgba(0,43,72,.27)}.active-trip-card>div{min-width:0;display:grid;gap:4px}.active-trip-card small{display:flex;align-items:center;gap:7px;color:#6de9e2;font-size:10px;font-weight:850;letter-spacing:.09em}.active-trip-card small i{width:7px;height:7px;border-radius:50%;background:#53ee9b;box-shadow:0 0 0 6px rgba(83,238,155,.13);animation:activeTripPulse 1.6s infinite}.active-trip-card h2{margin:1px 0;font-size:23px}.active-trip-card p{min-width:0;margin:0;display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.74);font-size:11px}.active-trip-card p b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-trip-card p svg{width:15px;flex:0 0 15px}.active-trip-card>div>span{font-size:10px;color:rgba(255,255,255,.58)}.active-trip-orbit{position:absolute;left:18px;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:17px;background:rgba(255,255,255,.12);box-shadow:0 0 0 8px rgba(85,228,225,.07)}.active-trip-orbit svg{width:23px;animation:activeTripFloat 2s ease-in-out infinite}.active-trip-arrow{position:absolute;right:18px;width:22px}.active-trip-driver{background:linear-gradient(115deg,#071d26,#006b6d)}.trip-request-locked{opacity:.72!important;cursor:not-allowed!important}.next-trip-offer{position:absolute;z-index:650;left:14px;right:14px;bottom:28px;padding:17px;border:1px solid rgba(255,255,255,.25);border-radius:23px;background:rgba(5,25,37,.94);color:#fff;box-shadow:0 18px 50px rgba(0,0,0,.35);backdrop-filter:blur(18px);animation:offerEnter .35s ease both}.next-trip-offer header{display:flex;align-items:center;justify-content:space-between;gap:10px}.next-trip-offer header span{color:#62e8df;font-size:10px;font-weight:850;letter-spacing:.09em}.next-trip-offer h3{margin:7px 0 4px;font-size:20px}.next-trip-offer p{margin:0;color:rgba(255,255,255,.7);font-size:11px}.next-trip-offer-route{display:grid;gap:6px;margin:13px 0}.next-trip-offer-route span{display:flex;gap:8px;align-items:center;font-size:12px}.next-trip-offer-route svg{width:16px;color:#62e8df}.next-trip-offer .row-actions{padding:0;border:0;background:transparent;box-shadow:none}.next-trip-offer .button{min-height:43px;flex:1}.next-trip-accepted{border-color:rgba(83,238,155,.3);background:rgba(5,52,44,.96)}@keyframes activeTripPulse{50%{box-shadow:0 0 0 11px rgba(83,238,155,0)}}@keyframes activeTripFloat{50%{transform:translateY(-3px) rotate(5deg)}}@keyframes offerEnter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media(max-width:768px){.active-trip-card{min-height:112px;margin:-5px 0 12px;padding:15px 42px 15px 67px;border-radius:21px}.active-trip-orbit{left:13px;width:42px;height:42px}.active-trip-card h2{font-size:19px}.active-trip-card p{max-width:230px}.active-trip-arrow{right:12px}.next-trip-offer{bottom:88px}}
.active-trip-card+.driver-metrics{margin-top:0}