:root{--ride-bg:#f4f6f8;--ride-card:#fff;--ride-ink:#111827;--ride-muted:#667085;--ride-line:#e4e7ec;--ride-green:#12b76a;--ride-blue:#2563eb;--ride-red:#d92d20;--ride-shadow:0 12px 32px rgba(16,24,40,.09)}
body{background:var(--ride-bg);color:var(--ride-ink)}
.content-wrap{max-width:1440px}
.booking-card{background:var(--ride-card);border:1px solid var(--ride-line);border-radius:22px;box-shadow:var(--ride-shadow);overflow:hidden;position:relative}
.booking-card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:4px;border-radius:0 6px 6px 0;background:var(--ride-blue)}
.booking-card.active-trip-card:before{background:var(--ride-green)}
.booking-top{gap:14px}.booking-title{font-size:1.15rem;letter-spacing:-.02em}.meta{color:var(--ride-muted)}
.route{font-size:1.05rem;font-weight:750;line-height:1.35;padding:14px 0 14px 32px;position:relative}
.route:before{content:"";position:absolute;left:9px;top:19px;width:9px;height:9px;border:3px solid var(--ride-blue);border-radius:50%;background:#fff;box-shadow:0 28px 0 -1px #fff,0 28px 0 2px var(--ride-ink)}
.route:after{content:"";position:absolute;left:15px;top:30px;height:22px;border-left:2px dotted #98a2b3}
.request-timing{display:inline-flex;border-radius:999px;background:#eef4ff;color:#175cd3;padding:8px 12px;font-weight:800}.request-timing.immediate-request{background:#fff1f0;color:var(--ride-red)}
.status{border-radius:999px;padding:7px 11px;font-weight:800}.calendar-row{margin-top:12px}.calendar-btn{width:100%;border:1px solid #d0d5dd;background:#fff;color:#344054;border-radius:14px;padding:12px 14px;font-weight:800}.calendar-btn:hover{background:#f9fafb}
.driver-action-zone{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.driver-action-zone .engine-button,.driver-action-zone .manual-complete-btn,.driver-action-zone .returning-badge{grid-column:1/-1}
.driver-new-alert{border-radius:20px;box-shadow:var(--ride-shadow)}
.kpis>div,.chart-card,.availability-panel,.live-command-card{border-radius:22px;box-shadow:var(--ride-shadow);border:1px solid var(--ride-line);background:#fff}
.table-wrap{border-radius:20px;overflow:auto;box-shadow:var(--ride-shadow);border:1px solid var(--ride-line);background:#fff}table thead th{position:sticky;top:0;background:#f9fafb;color:#475467}table tbody tr:hover{background:#f8fafc}
.live-map-shell iframe,.summary-map iframe,.driver-route-map iframe{filter:saturate(.72) contrast(.96);border-radius:20px}
.live-progress-track i{background:linear-gradient(90deg,var(--ride-blue),var(--ride-green))}
@media(max-width:720px){.booking-card{border-radius:18px}.driver-action-zone{grid-template-columns:1fr}.driver-action-zone>*{grid-column:1!important}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.route{font-size:1rem}.admin-banner h1,.driver-banner h1{font-size:2rem}}