/* Voile de chargement (LoadingOverlay.tsx) — couleurs prises dans constantes.css du thème. */
.loading-overlay {
  position: fixed;
  inset: 0;
  z-index: 9998; /* sous SystemError (9999), pour qu'une erreur reste lisible */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  background: rgba(255, 255, 255, 0.75);
  cursor: progress;
}

.loading-overlay-spinner {
  --bs-spinner-width: 3rem;
  --bs-spinner-height: 3rem;
  color: var(--color-button-primary);
}

.loading-overlay-label {
  color: var(--color-darker-grey);
  font-weight: var(--font-weight-medium);
}