/**
 * Styles pour les animations de chargement et les transitions générales
 */

/* Styles pour l'état de chargement */
.loading {
  cursor: wait;
}

.loading #main-content {
  opacity: 0.7;
  transition: opacity 0.3s ease;
}

/* Animation de chargement initiale */
.main-content-loading {
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main-content-loading::after {
  content: '';
  width: 50px;
  height: 50px;
  border: 5px solid #f3f4f6;
  border-top-color: #6366f1;
  border-radius: 50%;
  animation: spinner 1s linear infinite;
}

@keyframes spinner {
  to { transform: rotate(360deg); }
}