/* Staff driver directory. Reuses the staff queue tabs, search box and card tokens. */
.drivers-list{display:grid;gap:16px}
.driver-card h3{margin:6px 0 2px;font-size:20px}
.driver-card .portal-section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.driver-airport{display:inline-block;margin-left:6px;padding:2px 9px;border-radius:999px;background:var(--pale);color:var(--ink);font-size:12px;font-weight:650;letter-spacing:.02em}
.driver-vehicle{margin:0 0 10px;color:var(--text);font-size:14.5px}
.driver-checks{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-wrap:wrap;gap:6px 8px}
.driver-checks li{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:12.5px;font-weight:600;line-height:1.3}
.driver-checks li span{font-size:12px}
.driver-checks .is-ok{background:#edf4f0;color:#4c7c66}
.driver-checks .is-off{background:#fff4dc;color:#6b4e12}
.driver-meta{margin:0 0 6px;color:var(--muted);font-size:13px;line-height:1.6}
.driver-meta a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.driver-note{margin:8px 0 0;padding:10px 14px;border-radius:12px;background:var(--ivory);font-size:13.5px}
.driver-card .staff-reason{margin:8px 0 0;border-radius:12px}
.driver-card .portal-actions{margin-top:14px;flex-wrap:wrap}
.badge.driver-status-ready{background:#edf4f0;color:#4c7c66}
.badge.driver-status-pending{background:#fff4dc;color:#6b4e12}
.badge.driver-status-suspended,.badge.driver-status-rejected{background:#fbeeee;color:#9a3b3b}
@media(max-width:600px){.driver-card h3{font-size:18px}.driver-checks li{font-size:12px;padding:4px 9px}}
.driver-next{margin:0 0 10px;padding:10px 14px;border-radius:12px;background:#fff4dc;color:#6b4e12;font-size:13.5px;line-height:1.55}
.driver-next.is-driver{background:var(--pale);color:var(--ink)}
.driver-progress{margin:0 0 6px;font-size:12px;font-weight:650;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
/* Pending change of an approved driver (migration 026): before → after, shared by the directory card, review modal and driver editor. */
.driver-change{margin:10px 0;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:#fff}
.driver-change-diff{margin:6px 0 0;padding:0;list-style:none;font-size:13.5px;line-height:1.6}
.driver-change-diff li{overflow-wrap:anywhere}
.driver-change-before{color:var(--muted);text-decoration:line-through}
.driver-change-after{font-weight:650;color:var(--ink)}
.driver-change-photos{display:inline-flex;align-items:center;gap:8px;margin-left:6px;vertical-align:middle}
.driver-change-photos .application-review-photo{width:56px;height:56px;margin:0}
.driver-change-rules p{margin:6px 0}