/* Booking page, my rides, chauffeur app. Builds on wizard.css tokens. */
.vrd-account { max-width:1080px; margin:0 auto; }
.vrd-account .vrd-head { margin-bottom:22px; }
.vrd-account .vrd-head h2 { font-size:clamp(28px,4vw,40px); }
.vrd-account .vrd-head p { margin-top:6px; }
.vrd-grid-2 { display:grid; grid-template-columns:1.1fr .9fr; gap:22px; align-items:start; }
.vrd-card-narrow { max-width:560px; margin:0 auto; }
.vrd-account .vrd-card { margin-bottom:16px; }
.vrd-account .vrd-card h2 { font-size:30px; margin-bottom:8px; }
.vrd-account h4.vrd-h4, .vrd-h4 { font:800 12px/1.3 var(--vrd-body) !important; letter-spacing:.14em; text-transform:uppercase; color:var(--vrd-brass-deep); margin:18px 0 8px; }
.vrd-dl { display:grid; grid-template-columns:120px 1fr; gap:10px 16px; margin:0; font-size:15px; }
.vrd-dl dt { font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--vrd-muted); font-weight:700; padding-top:3px; }
.vrd-dl dd { margin:0; }
.vrd-status { display:inline-block; font-size:11.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; padding:4px 10px; border-radius:999px; background:var(--vrd-paper-2); color:var(--vrd-muted); }
.vrd-status-confirmed, .vrd-status-assigned, .vrd-status-completed { background:var(--vrd-ok-soft); color:var(--vrd-ok); }
.vrd-status-en_route, .vrd-status-arrived { background:var(--vrd-blue-soft); color:var(--vrd-blue); }
.vrd-status-pending_payment { background:var(--vrd-brass-soft); color:var(--vrd-brass-deep); }
.vrd-status-cancelled, .vrd-status-expired, .vrd-status-refunded, .vrd-status-no_show { background:var(--vrd-err-soft); color:var(--vrd-err); }
.vrd-notice { background:var(--vrd-brass-soft); color:var(--vrd-brass-deep); border-radius:10px; padding:10px 14px; font-size:14px; font-weight:600; margin-top:10px !important; }
.vrd-notice-warn { background:#FBEDD9; color:#9A5B12; }
.vrd-notice-err, .vrd-error { background:var(--vrd-err-soft); color:var(--vrd-err); border-radius:10px; padding:10px 14px; font-size:14px; font-weight:600; margin-top:10px !important; }
.vrd-lines { width:100%; border-collapse:collapse; font-size:14.5px; }
.vrd-lines td { padding:8px 0; border-bottom:1px solid var(--vrd-line); vertical-align:top; }
.vrd-lines td.r { text-align:right; white-space:nowrap; font-variant-numeric:tabular-nums; }
.vrd-lines tr.total td { border-top:2px solid var(--vrd-ink); font-weight:800; font-size:16px; }
.vrd-pay-box { margin-top:16px; padding-top:4px; }
.vrd-pay-methods { display:grid; gap:8px; margin-bottom:12px; }
.vrd-radio { display:flex; align-items:center; gap:10px; padding:10px 12px; border:1px solid var(--vrd-line); border-radius:10px; cursor:pointer; margin:0; font-size:14.5px; }
.vrd-radio:has(input:checked) { border-color:var(--vrd-brass); background:var(--vrd-brass-soft); }
.vrd-radio input { accent-color:var(--vrd-brass); margin:0; width:16px; height:16px; }
.vrd-docs { display:flex; gap:8px; flex-wrap:wrap; }
.vrd-help-row { display:flex; gap:8px; flex-wrap:wrap; }
.vrd-driver-card { display:flex; gap:14px; align-items:center; }
.vrd-driver-card img, .vrd-avatar { width:60px; height:60px; border-radius:50%; object-fit:cover; flex:none; background:var(--vrd-brass-soft); color:var(--vrd-brass-deep); display:grid; place-items:center; font:600 26px var(--vrd-display); }
.vrd-meet { font-size:14px; color:var(--vrd-text); }
.vrd-lookup { display:grid; gap:10px; margin-top:14px; }
.vrd-lookup label { display:grid; gap:4px; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--vrd-muted); }
.vrd-lookup input { border:1px solid var(--vrd-line); border-radius:10px; padding:10px 12px; font:600 15px var(--vrd-body); background:var(--vrd-paper); width:100%; }
.vrd-lookup-msg { font-size:14px; font-weight:600; }
.vrd-lookup-msg.ok { color:var(--vrd-ok); } .vrd-lookup-msg.err { color:var(--vrd-err); }
.vrd-account form#vrd-login p { margin:0 0 12px; }
.vrd-account form#vrd-login label { display:block; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--vrd-muted); margin-bottom:4px; }
.vrd-account form#vrd-login input[type="text"], .vrd-account form#vrd-login input[type="password"] { width:100%; border:1px solid var(--vrd-line); border-radius:10px; padding:10px 12px; font:600 15px var(--vrd-body); }
.vrd-account form#vrd-login input[type="submit"] { background:var(--vrd-brass); color:#fff; border:0; border-radius:999px; padding:14px 24px; font:700 15px var(--vrd-body); cursor:pointer; }
.vrd-row { display:grid; grid-template-columns:1fr auto auto; gap:16px; align-items:center; text-decoration:none !important; color:inherit; }
.vrd-row .vrd-arrow { font-size:22px; color:var(--vrd-brass); }
.vrd-row:hover { border-color:var(--vrd-brass); }
/* driver app */
.vrd-driver { max-width:640px; }
.vrd-day { font-size:22px; margin:20px 0 10px; }
.vrd-ride-card { display:grid; gap:8px; }
.vrd-ride-top { display:flex; justify-content:space-between; align-items:center; }
.vrd-ride-time { font-family:var(--vrd-display); font-size:30px; font-weight:600; line-height:1; }
.vrd-ride-route { font-size:15px; }
.vrd-ride-facts { display:flex; gap:12px; flex-wrap:wrap; font-size:13px; color:var(--vrd-muted); }
.vrd-ride-customer { font-size:14.5px; }
.vrd-collect { background:var(--vrd-brass-soft); color:var(--vrd-brass-deep); border-radius:8px; padding:8px 12px; font-size:14px; }
.vrd-ride-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:6px; }
.vrd-ride-actions .vrd-btn { flex:1; }
@media (max-width:760px) { .vrd-grid-2 { grid-template-columns:1fr; } .vrd-dl { grid-template-columns:1fr; gap:4px; } .vrd-dl dt { margin-top:8px; } .vrd-row { grid-template-columns:1fr auto; } .vrd-row .vrd-arrow { display:none; } }