/* =======================================================================
   File: components/data-table.css                                                   
   Author: Émile SNYERS                                                    
   Date: 2025-08-16                                                       
   Version: v1.0.0                                                 
   Purpose: Tableau de données avec animation des lignes.                                                  
   Notes: 
   - Code organisé par modules pour un projet plus professionnel.
   - Commentaires présents en tête de fichier et avant chaque bloc.
   - Les couleurs et styles initiaux sont conservés via des variables.
   ======================================================================= */
.data-table {
  width: 100%;
  border-collapse: collapse;
  margin: 20px 0;
  background: rgba(0, 0, 0, 0.3);
  overflow: hidden;
  border-radius: var(--radius-md);
  animation: fadeIn 1s ease-out;
}
.data-table thead {
  background: var(--aperture-orange);
  color: var(--aperture-dark);
}
.data-table th, .data-table td {
  padding: 15px;
  text-align: left;
  border-bottom: 1px solid var(--aperture-light-grey);
}
.data-table tbody tr {
  transition: all 0.3s ease;
  opacity: 0;
  animation: fadeInRow 0.5s ease-out forwards;
}
.data-table tbody tr:nth-child(1) { animation-delay: 0.1s; }
.data-table tbody tr:nth-child(2) { animation-delay: 0.2s; }
.data-table tbody tr:nth-child(3) { animation-delay: 0.3s; }
.data-table tbody tr:nth-child(4) { animation-delay: 0.4s; }
.data-table tbody tr:hover {
  background: rgba(78, 205, 196, 0.1);
  transform: scale(1.02);
}
/* ===== End of components/data-table.css | Author: Émile SNYERS | Date: 2025-08-16 | v1.0.0 ===== */