/* Mode sombre — dashboard admin (layouts/admin.blade.php, layouts/auth.blade.php).
   Tout est préfixé html.dark : le mode clair n'est jamais touché.
   Base commune (jetons, utilitaires Tailwind, composants partagés) : base.css ;
   jumelles sombres des <style> des vues : admin-pages.css (généré). */

/* Bascule soleil/lune de la topbar. */
html.dark .weza-cs-toggle { background: var(--wz-surface-2); color: #F28DAA; }
html.dark .weza-cs-toggle:hover { color: #f9b8ca; }

/* Summernote : la zone de saisie reste claire (le contenu garde ses couleurs
   inline, publié tel quel sur le site) ; barre d'outils et cadre en sombre. */
html.dark .note-editor .note-editable { background: #fff !important; color: #1f2937 !important; color-scheme: light; }

/* Bordeaux de marque (#A62419) en TEXTE : illisible sur fond sombre (2,3:1)
   → rose clair de la palette. Les fonds bordeaux (boutons) ne bougent pas. */
html.dark .text-weza-red,
html.dark .hover\:text-weza-red:hover,
html.dark .group:hover .group-hover\:text-weza-red { color: var(--wz-burgundy-text); }
html.dark .bg-weza-red\/10 { background-color: rgba(242,141,170,.12); }
html.dark .border-weza-red\/30, html.dark .hover\:border-weza-red\/30:hover { border-color: rgba(242,141,170,.3); }
html.dark .hover\:bg-red-50\/50:hover { background-color: rgba(242,141,170,.08); }

/* Panneau bordeaux des écrans de connexion / changement de mot de passe. */
html.dark .text-white\/40 { color: rgba(255,255,255,.62); }
html.dark .text-white\/25 { color: rgba(255,255,255,.5); }

/* Suffixe discret (« /20 ») : gris-300 trop éteint sur surface sombre. */
html.dark span.text-gray-300 { color: var(--wz-text-4); }

/* Summernote : boîtes de dialogue (lien, image, vidéo, aide) et menus. */
html.dark .note-modal-content { background: var(--wz-surface); border-color: var(--wz-border); color: var(--wz-text-2); box-shadow: 0 25px 60px rgba(0,0,0,.7); }
html.dark .note-modal-header { border-bottom-color: var(--wz-border); }
html.dark .note-modal-title, html.dark .note-form-label { color: var(--wz-text); }
html.dark .note-modal-footer { border-top-color: var(--wz-border); }
html.dark .note-modal .close { color: var(--wz-text-3); }
html.dark .note-modal-backdrop { background: rgba(0,0,0,.6); }
html.dark .note-input { background: var(--wz-input-bg); border-color: var(--wz-border-input); color: var(--wz-text); }
html.dark .note-dropdown-menu, html.dark .note-popover .note-popover-content { background: var(--wz-surface); border-color: var(--wz-border); color: var(--wz-text-2); }
html.dark .note-dropdown-item:hover, html.dark a.note-dropdown-item:hover { background: var(--wz-surface-2); }
html.dark .note-current-fontsize, html.dark .note-current-fontname, html.dark .note-editor .note-btn { color: var(--wz-text-2); }

/* Rose pâle de marque (weza-red-light #FCE9E6) : pastilles, survols. */
html.dark .bg-weza-red-light, html.dark .hover\:bg-weza-red-light:hover { background-color: rgba(242,141,170,.14); }
html.dark .text-weza-red-dark, html.dark .hover\:text-weza-red-dark:hover { color: #f9b8ca; }

/* Fiche offre : carte partenaire (dégradé ambre → rose, seconde teinte trop
   sombre pour être convertie par le générateur). */
html.dark .partner-card { background: linear-gradient(135deg, hsl(40, 55%, 15%) 0%, hsl(0, 50%, 17%) 100%); }

/* ── Éditeur Summernote Lite (blog, documents légaux) ─────────────────────
   Zone de rédaction, menus, palettes, fenêtres (image, lien, vidéo, aide),
   bulles et mode code. Les fenêtres sont rattachées au <body> (dialogsInBody). */
html.dark .note-editor.note-frame,
html.dark .note-editor.note-airframe { background: var(--wz-surface) !important; }
html.dark .note-editor .note-editing-area .note-editable {
    background: var(--wz-surface) !important;
    color: var(--wz-text) !important;
    caret-color: var(--wz-text);
}
html.dark .note-editor .note-editable a { color: hsl(5, 74%, 72%); }
html.dark .note-editor .note-editable blockquote { border-left-color: var(--wz-border-input); color: var(--wz-text-2); }
html.dark .note-editor .note-editable table td,
html.dark .note-editor .note-editable table th { border-color: var(--wz-border-input) !important; }
html.dark .note-editor .note-editable pre,
html.dark .note-editor .note-editable code { background: var(--wz-inset); color: var(--wz-text); }
html.dark .note-editor .note-placeholder { color: var(--wz-text-3) !important; }
html.dark .note-editor .note-editing-area .note-codable {
    background: var(--wz-inset) !important;
    color: var(--wz-text) !important;
}
html.dark .note-editor .note-statusbar,
html.dark .note-editor .note-statusbar .note-resizebar { background: var(--wz-inset) !important; border-top-color: var(--wz-border) !important; }
html.dark .note-editor .note-statusbar .note-resizebar .note-icon-bar { border-top-color: var(--wz-border-input) !important; }
html.dark .note-editor .note-btn,
html.dark .note-editor .note-btn i,
html.dark .note-editor .note-current-fontsize,
html.dark .note-editor .note-btn .note-icon-caret { color: var(--wz-text-2) !important; }
html.dark .note-editor.fullscreen,
html.dark .note-editor.note-frame.fullscreen .note-editable { background: var(--wz-surface) !important; }

/* Menus déroulants (style, taille, paragraphe, tableau, couleur) */
html.dark .note-dropdown-menu {
    background: var(--wz-surface-2) !important;
    border: 1px solid var(--wz-border-input) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .45) !important;
}
html.dark .note-dropdown-item,
html.dark .note-dropdown-menu > li > a,
html.dark .note-dropdown-menu .note-btn { color: var(--wz-text) !important; }
html.dark .note-dropdown-item:hover,
html.dark .note-dropdown-menu > li > a:hover { background: var(--wz-surface-3) !important; }
html.dark .note-dropdown-item.checked,
html.dark .note-dropdown-item.active { color: hsl(5, 74%, 72%) !important; }
html.dark .note-dimension-picker .note-dimension-display { color: var(--wz-text-2) !important; }
html.dark .note-palette .note-palette-title { color: var(--wz-text) !important; border-bottom-color: var(--wz-border) !important; }
html.dark .note-palette .note-color-reset,
html.dark .note-palette .note-color-select { background: var(--wz-surface) !important; color: var(--wz-text) !important; border: 1px solid var(--wz-border-input) !important; }
html.dark .note-palette .note-color-reset:hover,
html.dark .note-palette .note-color-select:hover { background: var(--wz-surface-3) !important; }
html.dark .note-color-palette .note-color-btn { border-color: var(--wz-border) !important; }

/* Fenêtres (insérer une image / un lien / une vidéo, aide) */
html.dark .note-modal-backdrop { background: rgba(0, 0, 0, .65) !important; opacity: 1 !important; }
html.dark .note-modal .note-modal-content {
    background: var(--wz-surface) !important;
    border: 1px solid var(--wz-border-input) !important;
    color: var(--wz-text) !important;
    box-shadow: 0 24px 48px rgba(0, 0, 0, .55) !important;
}
html.dark .note-modal .note-modal-header { border-bottom: 1px solid var(--wz-border) !important; }
html.dark .note-modal .note-modal-title,
html.dark .note-modal .note-form-label,
html.dark .note-modal .note-modal-body,
html.dark .note-modal .note-modal-body label,
html.dark .note-modal .note-modal-body kbd + span { color: var(--wz-text) !important; }
html.dark .note-modal .close { color: var(--wz-text-2) !important; opacity: 1 !important; }
html.dark .note-modal .note-modal-footer { border-top: 1px solid var(--wz-border) !important; }
html.dark .note-modal .note-input {
    background: var(--wz-input-bg) !important;
    border: 1px solid var(--wz-border-input) !important;
    color: var(--wz-text) !important;
}
html.dark .note-modal .note-input:focus { border-color: hsl(5, 74%, 60%) !important; }
html.dark .note-modal input[type="file"]::file-selector-button {
    background: var(--wz-surface-3);
    color: var(--wz-text);
    border: 1px solid var(--wz-border-input);
}
html.dark .note-modal .note-btn {
    background: var(--wz-surface-2) !important;
    border: 1px solid var(--wz-border-input) !important;
    color: var(--wz-text) !important;
}
html.dark .note-modal .note-btn-primary {
    background: #A62419 !important;
    border-color: #A62419 !important;
    color: #fff !important;
}
html.dark .note-modal .note-btn-primary:hover { background: #8a1d14 !important; }
html.dark .note-modal .note-btn-primary:disabled,
html.dark .note-modal .note-btn-primary.disabled { opacity: .45 !important; }
html.dark .note-modal kbd { background: var(--wz-inset); color: var(--wz-text); border: 1px solid var(--wz-border-input); }

/* Bulles (lien, image, tableau) et suggestions */
html.dark .note-popover .note-popover-content,
html.dark .note-hint-popover .note-popover-content {
    background: var(--wz-surface-2) !important;
    border: 1px solid var(--wz-border-input) !important;
    color: var(--wz-text) !important;
}
html.dark .note-popover .note-popover-content a { color: hsl(5, 74%, 72%) !important; }
html.dark .note-popover.bottom .note-popover-arrow,
html.dark .note-popover.bottom .note-popover-arrow::after { border-bottom-color: var(--wz-surface-2) !important; }
html.dark .note-popover.top .note-popover-arrow,
html.dark .note-popover.top .note-popover-arrow::after { border-top-color: var(--wz-surface-2) !important; }
html.dark .note-hint-popover .note-hint-item:hover,
html.dark .note-hint-popover .note-hint-item.active { background: var(--wz-surface-3) !important; }

/* Onglets des fiches (wezaTabs) : souligné, icône et focus de l'onglet actif
   en rose de marque — le bordeaux #A62419 est illisible sur fond sombre. */
html.dark .wz-tab[aria-selected="true"] { border-bottom-color: var(--wz-burgundy-text); }
html.dark .wz-tab[aria-selected="true"] svg { color: var(--wz-burgundy-text); }
html.dark .wz-tab:focus-visible,
html.dark .wz-tabpanel:focus-visible { outline-color: var(--wz-burgundy-text); }

/* Fils et listes de discussion (tickets, conversations) : barres de
   défilement fines, discrètes sur fond sombre ; squelettes en ton sur ton. */
html.dark .chat-messages, html.dark .ticket-side, html.dark .cs-thread,
html.dark .cs-sidecol, html.dark .cv-scroll { scrollbar-color: #4A4A4A transparent; }
html.dark .chat-messages::-webkit-scrollbar-thumb, html.dark .ticket-side::-webkit-scrollbar-thumb,
html.dark .cs-thread::-webkit-scrollbar-thumb, html.dark .cs-sidecol::-webkit-scrollbar-thumb,
html.dark .cv-scroll::-webkit-scrollbar-thumb { background: #4A4A4A; }
html.dark .chat-messages::-webkit-scrollbar-thumb:hover, html.dark .ticket-side::-webkit-scrollbar-thumb:hover,
html.dark .cs-thread::-webkit-scrollbar-thumb:hover, html.dark .cs-sidecol::-webkit-scrollbar-thumb:hover,
html.dark .cv-scroll::-webkit-scrollbar-thumb:hover { background: var(--wz-text-4); }
html.dark .msg-skel .sk-line, html.dark .msg-skel .sk-time { background: rgba(255,255,255,.08); }
html.dark .chat-new-pill { box-shadow: 0 2px 8px rgba(0,0,0,.5); }