/* ── Phase 6.8 Delivery Board ─────────────────────────────────────────────── */

.del-board { display:flex; flex-direction:column; height:100%; }

.del-header {
  display:flex; align-items:center; justify-content:space-between;
  padding:14px 16px; background:#0D0D14; border-bottom:1px solid #1A1A24;
  flex-shrink:0; flex-wrap:wrap; gap:8px;
}
.del-title { font-size:15px; font-weight:800; color:#EDEDF0; }
.del-header-actions { display:flex; gap:6px; flex-wrap:wrap; }

/* Driver cards */
.del-drivers-row {
  display:flex; flex-wrap:wrap; gap:8px; padding:12px 16px;
  background:#0D0D14; border-bottom:1px solid #1A1A24; flex-shrink:0;
}
.del-drivers-lbl { width:100%; font-size:10px; font-weight:700; color:#6B6B78;
  text-transform:uppercase; letter-spacing:.5px; }
.del-driver-card {
  background:#12121A; border:1px solid #1A1A24; border-radius:8px;
  padding:10px 14px; min-width:130px;
}
.del-driver-name { font-size:13px; font-weight:700; color:#EDEDF0; margin-bottom:4px; }
.del-driver-stat { font-size:11px; color:#6B6B78; }
.del-driver-pay  { font-size:13px; font-weight:700; color:#4F7BE8; margin-top:4px; }

/* Tab bar */
.del-tabbar { display:flex; border-bottom:1px solid #1A1A24; overflow-x:auto; flex-shrink:0; }
.del-tab {
  flex-shrink:0; padding:10px 14px; font-size:11px; font-weight:600;
  color:#6B6B78; border:none; border-bottom:2px solid transparent;
  background:none; cursor:pointer; white-space:nowrap;
}
.del-tab-active { color:#4F7BE8; border-bottom-color:#4F7BE8; }

.del-tab-body { flex:1; overflow-y:auto; padding:12px 16px; }
.del-loading  { text-align:center; padding:40px; color:#6B6B78; font-size:13px; }
.del-empty    { text-align:center; padding:40px; color:#6B6B78; font-size:12px; }

/* Run / order cards */
.del-run-card {
  background:#12121A; border:1px solid #1A1A24; border-radius:10px;
  padding:14px 16px; margin-bottom:10px;
}
.del-run-card:hover { border-color:#2A2A38; }
.del-run-late { border-left:3px solid #E8400C; }

.del-run-top    { display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; }
.del-run-num    { font-size:12px; font-weight:700; color:#4F7BE8; }
.del-run-driver { font-size:13px; font-weight:700; color:#EDEDF0; }

.del-status-badge {
  font-size:10px; font-weight:700; padding:3px 8px;
  border-radius:12px; text-transform:uppercase; letter-spacing:.3px;
}
.del-status-ready { background:#22C55E22; color:#22C55E; }

.del-run-customer { font-size:13px; font-weight:600; color:#EDEDF0; margin-bottom:2px; }
.del-run-detail   { font-size:11px; color:#6B6B78; margin-bottom:2px; }
.del-run-addr     { font-style:italic; }
.del-run-total    { font-size:13px; font-weight:700; color:#EDEDF0; margin:6px 0; }
.del-run-miles    { font-size:11px; color:#4F7BE8; margin-bottom:4px; }
.del-run-timer    { font-size:11px; color:#6B6B78; margin-bottom:6px; }
.del-run-timer-late { color:#E8400C; font-weight:700; }

.del-run-actions { display:flex; flex-wrap:wrap; gap:6px; margin-top:8px; }

/* Buttons */
.del-btn-primary {
  background:#4F7BE8; color:#fff; border:none; border-radius:8px;
  padding:9px 16px; font-size:12px; font-weight:700; cursor:pointer; font-family:inherit;
}
.del-btn-primary:hover { background:#3D6AD4; }
.del-btn-sm {
  background:#1A1A24; color:#EDEDF0; border:1px solid #2A2A38; border-radius:6px;
  padding:6px 12px; font-size:11px; font-weight:600; cursor:pointer; font-family:inherit;
}
.del-btn-sm:hover  { border-color:#4F7BE8; }
.del-btn-blue  { background:#4F7BE822; color:#4F7BE8; border-color:#4F7BE8; }
.del-btn-green { background:#22C55E22; color:#22C55E; border-color:#22C55E; }

.del-modal-hint { font-size:11px; color:#6B6B78; margin:4px 0 8px; }