/* ──────────────────────────────────────────────────────────────────────────────
   LPE — lisibilité des tableaux sur petit écran.

   Premier fichier CSS partagé du projet : chaque page redéfinit sa propre copie
   de `.hud-table`, donc dupliquer ces règles dans 13 fichiers garantirait la
   dérive. À charger APRÈS le <style> inline de la page pour l'emporter à
   spécificité égale.

   Parti pris retenu avec l'utilisateur : le tableau reste l'affichage par défaut
   partout, y compris sur téléphone — simplement en plus petit. On resserre donc
   au lieu de basculer en cartes.
   ────────────────────────────────────────────────────────────────────────────── */

@media (max-width: 640px) {

  /* Corps de tableau resserré : 13px/10px de padding devenaient illisibles
     une fois la page réduite à 375 px. */
  .hud-table { font-size: 11px; }
  .hud-table th {
    padding: 6px 7px;
    font-size: 8.5px;
    letter-spacing: .5px;
  }
  .hud-table td {
    padding: 6px 7px;
    line-height: 1.35;
  }

  /* Les pastilles et boutons d'action à l'intérieur des cellules suivent. */
  .hud-table .pill { font-size: 8.5px; padding: 1px 5px; letter-spacing: .5px; }
  .hud-table .btn,
  .hud-table .btn-sm,
  .hud-table .btn-xs { padding: 3px 6px; font-size: 9px; }

  /* Les tableaux portent des min-width calibrés pour le bureau (760 à 900 px).
     On les abaisse : combiné au resserrement ci-dessus, la plupart des colonnes
     tiennent alors sans défilement, et celles qui débordent restent accessibles
     par le wrapper overflow-x déjà en place. */
  .hud-table,
  table.hud-table { min-width: 0 !important; }

  /* Vignettes de photo dans les tableaux (catalogue, demandes). */
  .hud-table img { max-width: 28px; height: auto; }

  /* Barre de bascule vue : évite qu'elle ne pousse la barre de filtres
     sur deux lignes inutiles. */
  .view-toggle button { padding: 4px 8px; font-size: 9px; }
}

/* Très petits écrans : on gagne encore quelques colonnes. */
@media (max-width: 400px) {
  .hud-table { font-size: 10px; }
  .hud-table th,
  .hud-table td { padding: 5px 5px; }
}