/* Batch 1 UX (Oct 2026) */
/* Driver header fits a 375px phone */
.nav { flex-wrap: wrap; row-gap: 6px; }
.nav-right { flex-wrap: wrap; min-width: 0; row-gap: 6px; }
@media (max-width: 600px) {
  .nav { padding-left: 12px; padding-right: 12px; }
  .nav-right { width: 100%; justify-content: flex-start; gap: 8px 12px; }
  .nav-right .admin-link { font-size: 15px; padding: 4px 0; }
  #driverWelcome:empty { display: none; }
  body { overflow-x: hidden; }
  /* My Tickets cards: details full width, buttons in a row underneath */
  .ticket-list li { flex-direction: column; align-items: stretch; gap: 10px; }
  .ticket-list li .ticket-info { min-width: 0; overflow-wrap: anywhere; }
  .ticket-actions { width: 100%; }
  .ticket-actions button { flex: 1 1 120px; min-height: 44px; }
}
#driverWelcome:empty { display: none; }
/* Search / filter bars */
.tk-filters { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin: 10px 0; padding: 10px; background: #f3f6fb; border: 1px solid #d0d7e2; border-radius: 10px; }
.tk-filters input[type=search] { flex: 2 1 260px; min-width: 0; font-size: 16px; margin: 0; }
.tk-filters select { flex: 1 1 150px; width: auto; min-width: 0; font-size: 16px; margin: 0; }
.tk-filters .tk-date { display: flex; align-items: center; gap: 6px; font-size: 14px; margin: 0; flex: 0 1 auto; }
.tk-filters .tk-date input { width: auto; margin: 0; font-size: 16px; }
.tk-filters button { width: auto; margin: 0; }
.tk-filters .tk-count { font-size: 14px; color: #334155; font-weight: 600; }
.tk-driver input[type=search] { flex: 1 1 200px; }
.tk-driver select { flex: 0 1 140px; }
.dup-flag { display: inline-block; margin-top: 4px; background: #fff7ed; color: #9a3412; border: 1px solid #F26B1D; border-radius: 999px; font-size: 12px; font-weight: 700; padding: 1px 8px; white-space: nowrap; }
/* Backup tools */
details.backup-tools { margin: 8px 0 12px; border: 1px dashed #c3cfdf; border-radius: 8px; padding: 6px 12px; background: #fafbfd; }
details.backup-tools summary { cursor: pointer; font-weight: 600; color: #475569; font-size: 14px; }
details.backup-tools .admin-actions { margin-top: 8px; }
/* Admin side menu: role groups */
.side-section { letter-spacing: .06em; }