/* ============================
   FIX TABLES MOBILE (ADMIN)
   ============================ */

@media (max-width: 768px) {

  /* Autorise le scroll horizontal des tableaux */
  .table-responsive,
  table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Empêche les mots de se casser lettre par lettre */
  th, td {
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  /* Largeur minimale des colonnes importantes */
  th:first-child,
  td:first-child {
    min-width: 140px;
  }

  /* Améliore la lisibilité */
  th {
    font-size: 0.9rem;
  }

  td {
    font-size: 0.9rem;
  }
}