/* Complément minimal à Tailwind (chargé en CDN) — juste ce que les utility classes ne couvrent pas bien. */

:root {
  color-scheme: light;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  /* Police système = zéro requête réseau supplémentaire, important sur connexion faible. */
}

/* Empêche le "flash" de contenu non stylé pendant le chargement du CDN Tailwind. */
[x-cloak],
.js-cloak {
  display: none !important;
}

.badge {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.125rem 0.625rem;
  border-radius: 9999px;
  font-size: 0.75rem;
  font-weight: 600;
}

.badge-pending {
  background-color: #fef3c7;
  color: #92400e;
}

.badge-paid {
  background-color: #d1fae5;
  color: #065f46;
}

.badge-failed {
  background-color: #fee2e2;
  color: #991b1b;
}

.spinner {
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-top-color: #fff;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  animation: spin 0.6s linear infinite;
}

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