/* =============================================
   Responsive Tables - Material Table Override
   ============================================= */

/* ─── Desktop / Tablette large : comportement normal ─── */
.MuiPaper-root {
  max-width: 100%;
  overflow: hidden;
}

.MuiTableContainer-root {
  overflow-x: hidden !important;
}

/* Breakpoint intermédiaire : réduire fonts/padding */
@media (max-width: 1200px) {
  .MuiTableCell-head {
    font-size: 0.78rem !important;
    padding: 10px 8px !important;
    white-space: normal !important;
    word-break: break-word;
  }
  .MuiTableCell-body {
    font-size: 0.82rem !important;
    padding: 8px 8px !important;
    white-space: normal !important;
    word-break: break-word;
  }
}

/* ─── Mobile/Tablette : ajustements visuels ─── */
/* Les colonnes cachées sont gérées par ResponsiveMaterialTable.js  */
@media (max-width: 768px) {

  /* Supprimer tout scroll horizontal résiduel */
  .MuiTableContainer-root {
    overflow-x: hidden !important;
  }

  /* Toolbar : titre + recherche en colonne */
  .MuiToolbar-root {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  /* Pagination en flex-wrap */
  .MuiTablePagination-root .MuiToolbar-root {
    flex-wrap: wrap !important;
    justify-content: center !important;
  }

  /* Boutons d'action */
  .MuiTableCell-root .MuiIconButton-root {
    padding: 6px !important;
  }

  /* Images dans les cellules */
  .MuiTableCell-root img {
    max-width: 60px !important;
    height: auto !important;
    border-radius: 4px !important;
  }
}

/* Scrollbar stylée pour la lisibilité */
.MuiTableContainer-root::-webkit-scrollbar {
  height: 6px;
}

.MuiTableContainer-root::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}

.MuiTableContainer-root::-webkit-scrollbar-thumb {
  background: #b0b0b0;
  border-radius: 3px;
}

.MuiTableContainer-root::-webkit-scrollbar-thumb:hover {
  background: #888;
}


/*# sourceMappingURL=main.e5b410a0.css.map*/