/* ==========================================================================
   CMS Academy - Polish visuel (chargé après tailwind.min.css, avant dark-mode.css)
   1) Utilitaires "valeurs arbitraires" Tailwind absents du build compilé
      (sinon ces classes ne produisent AUCUN style : badges/labels à la mauvaise
      taille, modales/scroll sans plafond de hauteur, z-index ignoré).
   2) Finitions globales sûres et additives (focus clavier, transitions, rendu texte).
   ========================================================================== */

/* --- 1) Utilitaires à valeur arbitraire manquants (échappement des crochets) --- */
.text-\[8px\]  { font-size: 8px;  line-height: 1.1; }
.text-\[9px\]  { font-size: 9px;  line-height: 1.2; }
.text-\[10px\] { font-size: 10px; line-height: 1.3; }
.min-w-\[200px\] { min-width: 200px; }
.min-w-\[240px\] { min-width: 240px; }
.max-w-\[120px\] { max-width: 120px; }
.ml-\[52px\]     { margin-left: 52px; }
.max-h-\[300px\] { max-height: 300px; }
.max-h-\[400px\] { max-height: 400px; }
.max-h-\[80vh\]  { max-height: 80vh; }
.max-h-\[88vh\]  { max-height: 88vh; }
.max-h-\[90vh\]  { max-height: 90vh; }
.z-\[100000\]    { z-index: 100000; }

/* --- 2) Finitions globales --- */
html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }

/* Anneau de focus clavier cohérent (accessibilité + finition). Visible uniquement
   au clavier (:focus-visible), donc invisible à la souris : aucune gêne visuelle. */
a:focus-visible,
button:focus-visible,
[role="button"]:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible {
    outline: 2px solid #6366f1;
    outline-offset: 2px;
    border-radius: 6px;
}

/* Transition douce par défaut sur les éléments interactifs (sans transform : pas
   de surprise de mise en page). Complète les `transition-colors` déjà présents. */
a, button, [role="button"] {
    transition: background-color .15s ease, color .15s ease, border-color .15s ease, box-shadow .15s ease;
}

/* Les boutons désactivés ne réagissent pas au survol (cohérence visuelle). */
button:disabled,
button[disabled],
[aria-disabled="true"] {
    cursor: not-allowed;
}