/**
 * Nom du fichier : dark-mode.css
 * Description : Styles additionnels pour le mode sombre.
 *               Les variables principales sont dans shared.styles.css.
 *               Ce fichier gère les cas spécifiques où la simple
 *               inversion de variables ne suffit pas.
 * Module : Core / UI / Dark Mode
 * Auteur : Reserva
 * Date de création : 12/04/2026
 * Dernière modification : 12/04/2026
 */

/* ==========================================================================
   1. Éléments de formulaire en mode sombre
   ========================================================================== */



/* ==========================================================================
   2. Tableaux en mode sombre
   ========================================================================== */

/*
 * Fix Dette 74 (Conv 126) : neutralise les fonds/bordures clairs poses par les
 * selecteurs nus globaux de accessibility.styles.css (th / tr:hover td / th,td border)
 * qui peignaient par-dessus les utilities Tailwind dark:* du composant
 * <x-admin.data-table> (fond dark sur thead/tr, mais enfants th/td repeints en clair).
 * Palette alignee sur le composant (gray-700/800/900). Aucun !important.
 */

/* Le <th> laisse transparaitre le fond sombre du <thead> (au lieu du #f9fafb clair) */
html.dark th {
    background-color: transparent;
}

/* Annule le hover clair (#f3f4f6) pose sur td par "tr:hover td" -> gray-700 */
html.dark tr:hover td {
    background-color: #374151;
}

/* Annule la bordure claire (#e5e7eb) des cellules -> gray-700 */
html.dark th,
html.dark td {
    border-color: #374151;
}



/* Conv 126 Dette 74 suite — texte d'en-tete lisible en sombre.
   Annule la couleur sombre forcee par le selecteur "th" nu global (hors-layer,
   donc prioritaire sur les utilities Tailwind). html.dark th (0,1,2) bat th nu (0,0,1). */
html.dark th {
    color: #e5e7eb;
}