.loading-spinner{display:inline-block;border:3px solid #cbd5e1;border-top-color:#0ea5e9;border-radius:50%;width:18px;height:18px;animation:spin .7s linear infinite}
@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
/* Spinner unifié pour tout le site */

:root { --spinner-size: 28px; }

.spinner,
.loading-spinner,
/* Renforcer la spécificité pour éviter les overrides hérités */
body .spinner,
body .loading-spinner,
html body .spinner,
html body .loading-spinner {
  width: var(--spinner-size);
  height: var(--spinner-size);
  border: 3px solid var(--line);
  border-top-color: var(--brand);
  border-radius: 50%;
  animation: spin .7s linear infinite;
  display: block;
  margin: 8px auto; /* espace haut/bas */
  box-shadow: none; /* pas d’ombre portée */
}

/* Spinners d'overlay un peu plus grands par défaut */
.loading-content .loading-spinner { --spinner-size: 36px; }

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


/* Réactiver les flèches des inputs numériques (retour au comportement natif) */
.form-input[type="number"],
input[type="number"] {
  appearance: auto;
  -webkit-appearance: auto;
  -moz-appearance: auto;
}