/* Téléphone (iPhone surtout) — 25/10/2026. Retour du propriétaire après l'installation sur iPhone : « ce n'est pas du
   tout optimisé à l'écran du téléphone ». Feuille chargée en DERNIER : elle l'emporte sur les feuilles des pages
   (chauffeurs.css, vehicules.css, finance-yango.css…). Les réserves d'encoche (safe-area) restent dans responsive.css. */

/* ---- Accueil : le sélecteur de période (« Aujourd'hui ⌄ · Jour ») écrasait le logo à 2 px, et son trait orange
   dépassait. Sur téléphone, le sélecteur prend la place du logo ; « Accueil » reste dans la barre du bas, et le logo
   revient sur toutes les autres pages (le créneau est vidé en quittant l'accueil). ---- */
@media (max-width: 768px) {
  .header:has(.header-period-slot:not(:empty)) .header-left { display: none; }
  .header:has(.header-period-slot:not(:empty)) .header-right { flex: 1 1 auto; min-width: 0; }
  .header-period-slot:not(:empty) { order: -1; margin-right: auto; min-width: 0; }
}

/* ---- Écrans plus denses : sur un iPhone, le titre, sa phrase d'explication, les boutons en deux lignes et cinq grandes
   cases de chiffres prenaient tout le premier écran, avant la moindre fiche. ---- */
@media (max-width: 600px) {
  /* En-tête de page */
  :is(.fin-header, .drivers-heading) { gap: 10px !important; margin-bottom: 14px !important; }
  :is(.fin-header, .drivers-heading) h1 { font-size: 20px !important; margin: 0 0 2px !important; }
  :is(.fin-header, .drivers-heading) > div:first-child > p {
    font-size: 12.5px !important; line-height: 1.45 !important;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  }
  :is(.fin-actions, #vehicules-page-actions, .drivers-heading > div:last-child) { gap: 6px !important; }
  :is(.fin-header, .drivers-heading) .btn:not(.cx-icone) {
    min-height: 34px !important; padding: 7px 11px !important; font-size: 12.5px !important; border-radius: 10px !important;
  }
  :is(.fin-header, .drivers-heading) .btn.cx-icone { width: 34px !important; height: 34px !important; min-height: 34px !important; }
  :is(.fin-header, .drivers-heading) .fin-export summary { padding: 7px 11px !important; font-size: 12.5px !important; }
  #vehicules-page-actions .btn { width: auto !important; }

  /* Chiffres clés des Chauffeurs (5 cases) : 3 par ligne ; ceux de la Flotte (4 cases) : 2 par ligne, plus serrés */
  .drivers-workspace .drivers-stats { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; margin-bottom: 16px !important; }
  .drivers-workspace .drivers-stats .drivers-stat:last-child:nth-child(odd) { grid-column: auto; }
  .drivers-workspace .drivers-stats .drivers-stat:nth-child(5):last-child { grid-column: span 2; }
  .drivers-workspace .vehicle-stats { margin-bottom: 16px !important; }
  .drivers-workspace :is(.drivers-stats, .vehicle-stats) .drivers-stat:nth-child(n) { padding: 10px 12px !important; gap: 2px !important; }
  .drivers-workspace :is(.drivers-stats, .vehicle-stats) .drivers-stat > span { font-size: 11.5px !important; }
  .drivers-workspace :is(.drivers-stats, .vehicle-stats) .drivers-stat > strong { font-size: 19px !important; }

  /* Rubriques en onglets (Caisse, Flotte, Finance…) : une ligne basse, l'orbe de l'équipe à sa taille d'icône */
  .fin-sidenav { align-items: center; }
  .fin-sidenav .cx-orbe { width: 22px !important; height: 22px !important; }
}