/* =============================================================================
 * admin-dark-enforce.css — FORCE dark exhaustif
 *
 * Chargé EN DERNIER (après metallic + finitions). Override systématique de
 * toute source connue de "zone lumineuse sur dark" :
 *
 *  1. Utilitaires Bootstrap bg-white / bg-light / text-dark / text-black
 *  2. Styles inline "background:#fff" / "background-color:#f8f9fa" / etc.
 *  3. login-style.css (.gradient-custom-2 background:#fbf5ed)
 *  4. Notifications dropdown legacy (fond blanc + gradient purple qui cassait)
 *  5. Chat / messages widgets
 *  6. Pickadate / Slick / ApexCharts / DataTables third-party light themes
 *  7. Color texts sombres (#333, #666, #999, #26588e) illisibles sur dark
 *  8. Emails preview iframe
 *
 * Variables fallback inline pour robustesse si les tokens ne sont pas chargés.
 * ============================================================================= */

/* ============= 1. BOOTSTRAP UTILS LIGHT → DARK ============= */
:root[data-theme="dark"] .bg-white,
:root[data-theme="dark"] .bg-light {
    background-color: var(--mt-bg-2, #111827) !important;
    color: var(--mt-text-0, #f1f5f9) !important;
}

:root[data-theme="dark"] .bg-body,
:root[data-theme="dark"] .bg-body-tertiary {
    background-color: var(--mt-bg-0, #05080d) !important;
    color: var(--mt-text-0, #f1f5f9) !important;
}

:root[data-theme="dark"] .text-dark,
:root[data-theme="dark"] .text-black {
    color: var(--mt-text-0, #f1f5f9) !important;
}

:root[data-theme="dark"] .text-body {
    color: var(--mt-text-0, #f1f5f9) !important;
}

:root[data-theme="dark"] .border {
    border-color: var(--mt-line-strong, rgba(255, 255, 255, 0.12)) !important;
}

/* ============= 2. INLINE STYLES HARD-CODÉS ============= */
/* Selector attribute sur n'importe quel élément non-media (pas img/video/canvas) */
:root[data-theme="dark"] [style*="background-color:#fff"]:not(img):not(video):not(canvas):not(input):not(textarea),
:root[data-theme="dark"] [style*="background-color: #fff"]:not(img):not(video):not(canvas):not(input):not(textarea),
:root[data-theme="dark"] [style*="background-color:#FFF"]:not(img):not(video):not(canvas):not(input):not(textarea),
:root[data-theme="dark"] [style*="background:#fff"]:not(img):not(video):not(canvas):not(input):not(textarea),
:root[data-theme="dark"] [style*="background: #fff"]:not(img):not(video):not(canvas):not(input):not(textarea),
:root[data-theme="dark"] [style*="background: white"]:not(img):not(video):not(canvas):not(input):not(textarea),
:root[data-theme="dark"] [style*="background:white"]:not(img):not(video):not(canvas):not(input):not(textarea) {
    background: var(--mt-bg-2, #111827) !important;
    color: var(--mt-text-0, #f1f5f9) !important;
}

:root[data-theme="dark"] [style*="#f8f9fa"]:not(input):not(textarea),
:root[data-theme="dark"] [style*="#F8F9FA"]:not(input):not(textarea),
:root[data-theme="dark"] [style*="#f1f1f1"]:not(input):not(textarea),
:root[data-theme="dark"] [style*="#eee"]:not(input):not(textarea),
:root[data-theme="dark"] [style*="#EEE"]:not(input):not(textarea),
:root[data-theme="dark"] [style*="#f0f8ff"]:not(input):not(textarea) {
    background-color: var(--mt-bg-2, #111827) !important;
    color: var(--mt-text-1, #cbd5e1) !important;
}

/* Notification non-lue (#fff3cd → accent copper) */
:root[data-theme="dark"] [style*="#fff3cd"]:not(input):not(textarea),
:root[data-theme="dark"] [style*="#FFF3CD"]:not(input):not(textarea) {
    background-color: rgba(184, 115, 58, 0.15) !important;
    border-left: 3px solid var(--mt-copper-300, #d9966b) !important;
    color: var(--mt-text-0, #f1f5f9) !important;
}

/* ============= 3. LOGIN PAGE (.gradient-custom-2 #fbf5ed) ============= */
:root[data-theme="dark"] .gradient-custom-2,
:root[data-theme="dark"] .img-gauche {
    background: linear-gradient(135deg, #1a2130 0%, #0a0f18 100%) !important;
}

:root[data-theme="dark"] section.gradient-form {
    background: radial-gradient(1000px 600px at 50% 50%, rgba(184, 115, 58, 0.08), transparent 60%),
                var(--mt-bg-0, #05080d) !important;
}

:root[data-theme="dark"] .card.rounded-3.text-black {
    background: var(--mt-gra-card, linear-gradient(180deg, #1b2230, #10151f)) !important;
    color: var(--mt-text-0, #f1f5f9) !important;
    border: 1px solid var(--mt-line-strong, rgba(255, 255, 255, 0.12)) !important;
}

/* ============= 4. NOTIFICATIONS / MESSAGES DROPDOWNS ============= */
:root[data-theme="dark"] .notification-dropdown-fixed,
:root[data-theme="dark"] .notification-body-fixed,
:root[data-theme="dark"] .notification-footer-fixed,
:root[data-theme="dark"] [class*="message-dropdown"],
:root[data-theme="dark"] [class*="message-body"],
:root[data-theme="dark"] [class*="message-footer"] {
    background-color: var(--mt-bg-2, #111827) !important;
    color: var(--mt-text-0, #f1f5f9) !important;
}

/* Header gradient purple → gradient copper (brand-coherent) */
:root[data-theme="dark"] .notification-header-fixed,
:root[data-theme="dark"] [class*="message-header"] {
    background: linear-gradient(135deg, #1a2130 0%, #242c3c 100%) !important;
    border-bottom: 1px solid var(--mt-line-strong, rgba(255, 255, 255, 0.12)) !important;
    color: var(--mt-text-0, #f1f5f9) !important;
}
:root[data-theme="dark"] .notification-header-fixed h6,
:root[data-theme="dark"] .notification-header-fixed small {
    color: var(--mt-chrome-100, #e8ecf1) !important;
}

:root[data-theme="dark"] .notification-item-fixed,
:root[data-theme="dark"] [class*="message-item"] {
    background-color: transparent !important;
    color: var(--mt-text-1, #cbd5e1) !important;
    border-bottom: 1px solid var(--mt-line, rgba(255, 255, 255, 0.06)) !important;
}
:root[data-theme="dark"] .notification-item-fixed:hover,
:root[data-theme="dark"] [class*="message-item"]:hover {
    background-color: var(--mt-bg-3, #1a2130) !important;
}
:root[data-theme="dark"] .notification-content-fixed h6,
:root[data-theme="dark"] .notification-content-fixed p,
:root[data-theme="dark"] .notification-content-fixed small,
:root[data-theme="dark"] [class*="message-content"] h6,
:root[data-theme="dark"] [class*="message-content"] p {
    color: var(--mt-text-0, #f1f5f9) !important;
}
:root[data-theme="dark"] .notification-content-fixed p,
:root[data-theme="dark"] .notification-content-fixed small {
    color: var(--mt-text-2, #94a3b8) !important;
}

/* ============= 5. CHAT WIDGETS ============= */
:root[data-theme="dark"] .chat-messages,
:root[data-theme="dark"] .chat-window,
:root[data-theme="dark"] .chat-panel,
:root[data-theme="dark"] .conversation-container,
:root[data-theme="dark"] [class*="messenger"],
:root[data-theme="dark"] [class*="conversation"] {
    background: var(--mt-bg-1, #0a0f18) !important;
    color: var(--mt-text-0, #f1f5f9) !important;
    border-color: var(--mt-line-strong, rgba(255, 255, 255, 0.12)) !important;
}

:root[data-theme="dark"] .chat-message,
:root[data-theme="dark"] .message-bubble {
    background: var(--mt-bg-3, #1a2130);
    color: var(--mt-text-0, #f1f5f9);
}

/* ============= 6. THIRD-PARTY WIDGETS ============= */
/* DataTables */
:root[data-theme="dark"] .dataTables_wrapper .dataTables_length,
:root[data-theme="dark"] .dataTables_wrapper .dataTables_filter,
:root[data-theme="dark"] .dataTables_wrapper .dataTables_info,
:root[data-theme="dark"] .dataTables_wrapper .dataTables_paginate {
    color: var(--mt-text-1, #cbd5e1) !important;
}
:root[data-theme="dark"] .dataTables_wrapper .paginate_button {
    background: var(--mt-gra-card, linear-gradient(180deg, #1b2230, #10151f)) !important;
    color: var(--mt-text-1, #cbd5e1) !important;
    border-color: var(--mt-line-strong, rgba(255, 255, 255, 0.12)) !important;
}
:root[data-theme="dark"] .dataTables_wrapper .paginate_button.current {
    background: var(--mt-gra-copper, linear-gradient(180deg, #d9966b, #b8733a)) !important;
    color: #fff !important;
}

/* Pickadate (date picker) */
:root[data-theme="dark"] .picker,
:root[data-theme="dark"] .picker__holder,
:root[data-theme="dark"] .picker__box {
    background: var(--mt-bg-2, #111827) !important;
    color: var(--mt-text-0, #f1f5f9) !important;
    border-color: var(--mt-line-strong, rgba(255, 255, 255, 0.12)) !important;
}
:root[data-theme="dark"] .picker__day,
:root[data-theme="dark"] .picker__weekday {
    color: var(--mt-text-1, #cbd5e1) !important;
}
:root[data-theme="dark"] .picker__day:hover,
:root[data-theme="dark"] .picker__day--selected {
    background: var(--mt-copper-500, #b8733a) !important;
    color: #fff !important;
}
:root[data-theme="dark"] .picker__day--today {
    color: var(--mt-copper-300, #d9966b) !important;
}

/* Slick slider */
:root[data-theme="dark"] .slick-slide {
    background: transparent !important;
}
:root[data-theme="dark"] .slick-prev::before,
:root[data-theme="dark"] .slick-next::before {
    color: var(--mt-chrome-200, #cdd4dd) !important;
}
:root[data-theme="dark"] .slick-dots li button::before {
    color: var(--mt-text-3, #64748b) !important;
}
:root[data-theme="dark"] .slick-dots li.slick-active button::before {
    color: var(--mt-copper-300, #d9966b) !important;
}

/* Select2 */
:root[data-theme="dark"] .select2-container--default .select2-selection,
:root[data-theme="dark"] .select2-dropdown,
:root[data-theme="dark"] .select2-results__option {
    background: var(--mt-bg-2, #111827) !important;
    color: var(--mt-text-0, #f1f5f9) !important;
    border-color: var(--mt-line-strong, rgba(255, 255, 255, 0.12)) !important;
}
:root[data-theme="dark"] .select2-results__option--highlighted {
    background: var(--mt-copper-500, #b8733a) !important;
    color: #fff !important;
}

/* SweetAlert2 */
:root[data-theme="dark"] .swal2-popup {
    background: var(--mt-gra-card, linear-gradient(180deg, #1b2230, #10151f)) !important;
    color: var(--mt-text-0, #f1f5f9) !important;
    border: 1px solid var(--mt-line-strong, rgba(255, 255, 255, 0.12)) !important;
}
:root[data-theme="dark"] .swal2-title,
:root[data-theme="dark"] .swal2-content,
:root[data-theme="dark"] .swal2-html-container {
    color: var(--mt-text-0, #f1f5f9) !important;
}

/* Toastr */
:root[data-theme="dark"] #toast-container > div {
    background-color: var(--mt-bg-3, #1a2130) !important;
    color: var(--mt-text-0, #f1f5f9) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

/* ApexCharts */
:root[data-theme="dark"] .apexcharts-tooltip {
    background: var(--mt-bg-2, #111827) !important;
    color: var(--mt-text-0, #f1f5f9) !important;
    border: 1px solid var(--mt-line-strong, rgba(255, 255, 255, 0.12)) !important;
}
:root[data-theme="dark"] .apexcharts-text {
    fill: var(--mt-text-1, #cbd5e1) !important;
}
:root[data-theme="dark"] .apexcharts-legend-text {
    color: var(--mt-text-1, #cbd5e1) !important;
}

/* ============= 7. TEXT COLORS SOMBRES ILLISIBLES SUR DARK ============= */
/* Tout color sombre sur dark = invisible → forcer en text clair */
:root[data-theme="dark"] [style*="color:#333"],
:root[data-theme="dark"] [style*="color: #333"],
:root[data-theme="dark"] [style*="color:#222"],
:root[data-theme="dark"] [style*="color: #222"],
:root[data-theme="dark"] [style*="color:#111"],
:root[data-theme="dark"] [style*="color: #111"],
:root[data-theme="dark"] [style*="color:#000"],
:root[data-theme="dark"] [style*="color: #000"],
:root[data-theme="dark"] [style*="color: black"],
:root[data-theme="dark"] [style*="color:black"] {
    color: var(--mt-text-0, #f1f5f9) !important;
}

:root[data-theme="dark"] [style*="color:#666"],
:root[data-theme="dark"] [style*="color: #666"],
:root[data-theme="dark"] [style*="color:#777"],
:root[data-theme="dark"] [style*="color: #777"],
:root[data-theme="dark"] [style*="color:#6c757d"],
:root[data-theme="dark"] [style*="color: #6c757d"] {
    color: var(--mt-text-2, #94a3b8) !important;
}

:root[data-theme="dark"] [style*="color:#999"],
:root[data-theme="dark"] [style*="color: #999"] {
    color: var(--mt-text-3, #64748b) !important;
}

/* Couleurs brand bleues utilisées dans headers → chrome */
:root[data-theme="dark"] [style*="color:#26588e"],
:root[data-theme="dark"] [style*="color: #26588e"],
:root[data-theme="dark"] [style*="color:#667eea"],
:root[data-theme="dark"] [style*="color: #667eea"] {
    color: var(--mt-chrome-100, #e8ecf1) !important;
}

/* ============= 8. EMAIL PREVIEW IFRAME ============= */
:root[data-theme="dark"] iframe[src*="preview"],
:root[data-theme="dark"] iframe[name*="preview"] {
    background: #fff;  /* les previews emails sont conçus light, on laisse */
    border: 1px solid var(--mt-line-strong, rgba(255, 255, 255, 0.12)) !important;
    border-radius: 10px;
}

/* ============= 9. CARDS SANS BG = fallback dark ============= */
/* Certaines .card Bootstrap peuvent hériter le bg-white implicite */
:root[data-theme="dark"] .card:not([style*="background"]):not([class*="bg-"]) {
    background: var(--mt-gra-card, linear-gradient(180deg, #1b2230, #10151f)) !important;
    color: var(--mt-text-0, #f1f5f9) !important;
}

/* ============= 10. TABLE-STRIPED / TABLE-HOVER ============= */
:root[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) > * {
    background-color: rgba(255, 255, 255, 0.02) !important;
    color: var(--mt-text-1, #cbd5e1) !important;
}
:root[data-theme="dark"] .table-hover > tbody > tr:hover > * {
    background-color: var(--mt-bg-3, #1a2130) !important;
    color: var(--mt-text-0, #f1f5f9) !important;
}

/* ============= 11. LABEL / BADGE AVEC BG LIGHT ============= */
:root[data-theme="dark"] .badge-light,
:root[data-theme="dark"] .label-light {
    background-color: var(--mt-bg-3, #1a2130) !important;
    color: var(--mt-text-0, #f1f5f9) !important;
}

/* ============= 12. FORM VALIDATION OK/ERROR ============= */
:root[data-theme="dark"] .is-invalid {
    border-color: #ef4444 !important;
}
:root[data-theme="dark"] .invalid-feedback {
    color: #fca5a5 !important;
}
:root[data-theme="dark"] .is-valid {
    border-color: #10b981 !important;
}
:root[data-theme="dark"] .valid-feedback {
    color: #6ee7b7 !important;
}

/* ============= 13. LINKS (reset link color par défaut) ============= */
:root[data-theme="dark"] a:not(.btn):not(.nav-link):not(.dropdown-item) {
    color: var(--mt-copper-200, #e9b488);
}
:root[data-theme="dark"] a:not(.btn):not(.nav-link):not(.dropdown-item):hover {
    color: var(--mt-copper-100, #f5d5b8);
}

/* ============= 14. BOOTSTRAP CARD FOOTER LIGHT ============= */
:root[data-theme="dark"] .card-footer {
    background: rgba(0, 0, 0, 0.2) !important;
    border-top: 1px solid var(--mt-line, rgba(255, 255, 255, 0.06)) !important;
    color: var(--mt-text-1, #cbd5e1) !important;
}

/* ============= 15. HEADER TOP UTILS (body > header si pas .main-header) ============= */
:root[data-theme="dark"] body > header:not(.main-header),
:root[data-theme="dark"] .top-header,
:root[data-theme="dark"] .page-header {
    background: var(--mt-gra-panel, linear-gradient(180deg, #151c28, #0a101a)) !important;
    color: var(--mt-text-0, #f1f5f9) !important;
    border-bottom: 1px solid var(--mt-line-strong, rgba(255, 255, 255, 0.12)) !important;
}

/* ============= 16. MAIN CONTENT AREA  ============= */
:root[data-theme="dark"] .main-content,
:root[data-theme="dark"] .content-wrapper,
:root[data-theme="dark"] .page-content,
:root[data-theme="dark"] .admin-main {
    background: transparent !important;
    color: var(--mt-text-0, #f1f5f9);
}

/* ============= 17. MODALS DANS IFRAME PREVIEW ============= */
:root[data-theme="dark"] .modal-dialog .modal-content {
    background: var(--mt-gra-card, linear-gradient(180deg, #1b2230, #10151f)) !important;
    color: var(--mt-text-0, #f1f5f9) !important;
}
:root[data-theme="dark"] .modal-dialog .modal-body {
    background: transparent !important;
    color: var(--mt-text-0, #f1f5f9) !important;
}

/* ============= 18. TOOLTIP & POPOVER ============= */
:root[data-theme="dark"] .tooltip-inner {
    background: var(--mt-bg-4, #242c3c) !important;
    color: var(--mt-text-0, #f1f5f9) !important;
    border: 1px solid var(--mt-line-strong, rgba(255, 255, 255, 0.12));
}
:root[data-theme="dark"] .popover {
    background: var(--mt-bg-2, #111827) !important;
    border: 1px solid var(--mt-line-strong, rgba(255, 255, 255, 0.12)) !important;
    color: var(--mt-text-0, #f1f5f9) !important;
}
:root[data-theme="dark"] .popover-header {
    background: var(--mt-bg-3, #1a2130) !important;
    color: var(--mt-chrome-100, #e8ecf1) !important;
    border-bottom: 1px solid var(--mt-line-strong, rgba(255, 255, 255, 0.12)) !important;
}

/* ============= 19. FLOATING/STICKY ELEMENTS ============= */
:root[data-theme="dark"] .floating-widget,
:root[data-theme="dark"] .sticky-top,
:root[data-theme="dark"] .fixed-top,
:root[data-theme="dark"] .fixed-bottom {
    background: var(--mt-gra-panel, linear-gradient(180deg, #151c28, #0a101a)) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    color: var(--mt-text-0, #f1f5f9);
}

/* ============= 22. KPI TOP WIDGET (admin/layout/kpi-dashboard-widget.blade.php) ============= */
/* Ce widget a des styles INLINE hard-codés color:#0f172a (navy = invisible sur dark).
   Override specifique avec #admKpiDashboard pour gagner en spécificité. */
:root[data-theme="dark"] #admKpiDashboard .kpi-card {
    background: var(--mt-gra-card, linear-gradient(180deg, #1b2230, #10151f)) !important;
    border: 1px solid var(--mt-line-strong, rgba(255,255,255,0.12)) !important;
    color: var(--mt-text-0, #f1f5f9) !important;
    box-shadow: var(--mt-sh-sm, 0 2px 8px rgba(0,0,0,0.55)) !important;
    border-radius: 12px;
}
:root[data-theme="dark"] #admKpiDashboard .kpi-label {
    color: var(--mt-chrome-300, #a8b1bd) !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em !important;
    font-size: 0.72rem !important;
}
:root[data-theme="dark"] #admKpiDashboard .kpi-value {
    color: #ffffff !important;
    font-size: 2rem !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    margin: 0.35rem 0 0.2rem 0;
}
:root[data-theme="dark"] #admKpiDashboard .kpi-sub {
    color: var(--mt-text-2, #94a3b8) !important;
}
:root[data-theme="dark"] #admKpiDashboard .kpi-sub.up   { color: #6ee7b7 !important; }
:root[data-theme="dark"] #admKpiDashboard .kpi-sub.down { color: #fca5a5 !important; }

:root[data-theme="dark"] #admKpiDashboard h5 {
    color: var(--mt-chrome-100, #e8ecf1) !important;
    font-weight: 600 !important;
}

/* Top produits table */
:root[data-theme="dark"] #admKpiDashboard .audit-table th {
    background: rgba(184, 115, 58, 0.08) !important;
    color: var(--mt-chrome-200, #cdd4dd) !important;
    border-bottom: 1px solid var(--mt-line-strong, rgba(255,255,255,0.12)) !important;
}
:root[data-theme="dark"] #admKpiDashboard .audit-table td {
    color: var(--mt-text-1, #cbd5e1) !important;
    border-top: 1px solid var(--mt-line, rgba(255,255,255,0.06)) !important;
}
:root[data-theme="dark"] #admKpiDashboard .audit-table td.text-muted {
    color: var(--mt-text-3, #64748b) !important;
}

/* Alertes opérationnelles — les pills rouges étaient agressives */
:root[data-theme="dark"] #admKpiDashboard .alert-pill {
    background: rgba(255, 255, 255, 0.04) !important;
    color: var(--mt-text-0, #f1f5f9) !important;
    border: 1px solid var(--mt-line-strong, rgba(255,255,255,0.12)) !important;
    border-left-width: 3px !important;
}
:root[data-theme="dark"] #admKpiDashboard .alert-pill.ok {
    background: rgba(16, 185, 129, 0.08) !important;
    color: #6ee7b7 !important;
    border-left-color: #10b981 !important;
}
:root[data-theme="dark"] #admKpiDashboard .alert-pill.w {
    background: rgba(245, 158, 11, 0.08) !important;
    color: #fcd34d !important;
    border-left-color: #f59e0b !important;
}
:root[data-theme="dark"] #admKpiDashboard .alert-pill.c {
    background: rgba(239, 68, 68, 0.10) !important;
    color: #fca5a5 !important;
    border-left-color: #ef4444 !important;
}
:root[data-theme="dark"] #admKpiDashboard .alert-pill strong {
    color: #ffffff !important;
    font-weight: 700;
}

/* ============= 23. SCRAPING WIDGET (.adm-scraping-widget) ============= */
/* admin-enhance.css hard-code background:#fff → override total */
:root[data-theme="dark"] .adm-scraping-widget {
    background: var(--mt-gra-card, linear-gradient(180deg, #1b2230, #10151f)) !important;
    border: 1px solid var(--mt-line-strong, rgba(255,255,255,0.12)) !important;
    color: var(--mt-text-0, #f1f5f9) !important;
    box-shadow: var(--mt-sh-sm, 0 2px 8px rgba(0,0,0,0.55));
    border-radius: 14px;
}
:root[data-theme="dark"] .adm-scraping-widget header {
    background: var(--mt-gra-panel, linear-gradient(180deg, #151c28, #0a101a)) !important;
    color: var(--mt-chrome-100, #e8ecf1) !important;
    border-bottom: 1px solid var(--mt-line-strong, rgba(255,255,255,0.12)) !important;
}
:root[data-theme="dark"] .adm-scraping-widget header small {
    color: var(--mt-text-2, #94a3b8) !important;
}
:root[data-theme="dark"] .adm-scraping-widget li {
    color: var(--mt-text-1, #cbd5e1) !important;
    border-top: 1px solid var(--mt-line, rgba(255,255,255,0.06)) !important;
    background: transparent !important;
}
:root[data-theme="dark"] .adm-scraping-widget li:hover {
    background: var(--mt-bg-3, #1a2130) !important;
}
:root[data-theme="dark"] .adm-scraping-widget .adm-run-status[data-status="success"] {
    background: rgba(16, 185, 129, 0.15) !important;
    color: #6ee7b7 !important;
}
:root[data-theme="dark"] .adm-scraping-widget .adm-run-status[data-status="failed"] {
    background: rgba(239, 68, 68, 0.15) !important;
    color: #fca5a5 !important;
}
:root[data-theme="dark"] .adm-scraping-widget .adm-run-status[data-status="running"] {
    background: rgba(14, 165, 233, 0.15) !important;
    color: #7dd3fc !important;
}
:root[data-theme="dark"] .adm-scraping-widget .adm-run-status[data-status="pending"] {
    background: rgba(245, 158, 11, 0.15) !important;
    color: #fcd34d !important;
}

/* ============= 24. Product cards dans "Produits récents" ============= */
/* Images produits sur fond BLANC éblouissant → frame subtil dark */
:root[data-theme="dark"] .panneau-global .card,
:root[data-theme="dark"] #produitsRecents .card,
:root[data-theme="dark"] .produit-recent .card {
    background: var(--mt-gra-card, linear-gradient(180deg, #1b2230, #10151f)) !important;
    border: 1px solid var(--mt-line-strong, rgba(255,255,255,0.12)) !important;
}
:root[data-theme="dark"] .panneau-global .card img,
:root[data-theme="dark"] .card img[src*="produits"],
:root[data-theme="dark"] .produit-recent img {
    background: transparent;
    padding: 0;
    border-radius: 10px;
    filter: brightness(0.92) contrast(1.02);
    transition: filter 200ms;
    border: 1px solid var(--mt-line, rgba(255,255,255,0.06));
}
:root[data-theme="dark"] .panneau-global .card:hover img,
:root[data-theme="dark"] .produit-recent:hover img {
    filter: brightness(1) contrast(1);
}
/* Cadre subtile autour du conteneur de l'image (pas de bg blanc) */
:root[data-theme="dark"] .panneau-global .card > *:has(> img),
:root[data-theme="dark"] .produit-recent .card-body:has(> img) {
    background: var(--mt-bg-2, #111827) !important;
    border-radius: 10px;
    padding: 0.4rem !important;
}

/* ============= 25. Card headings / titles dashboard home ============= */
:root[data-theme="dark"] .card-body h5.mb-0,
:root[data-theme="dark"] .card-body h5.mb-3,
:root[data-theme="dark"] .card-panneau h5,
:root[data-theme="dark"] .card-body .heading,
:root[data-theme="dark"] #Commande-recente h5,
:root[data-theme="dark"] .card h5,
:root[data-theme="dark"] .card h6 {
    color: var(--mt-chrome-100, #e8ecf1) !important;
    font-weight: 600 !important;
}

/* ============= 21. DASHBOARD KPI WIDGETS (admin/home.blade.php) ============= */
/* Les KPIs home utilisent <h2 class="t-font-boldest"> dans
   <div class="ul-widget__chart-number"> — cibler précisément pour alignment parfait. */
:root[data-theme="dark"] .ul-widget__chart-info,
:root[data-theme="dark"] .ul-card__widget-chart {
    padding: 1.25rem !important;
}
:root[data-theme="dark"] .ul-widget__chart-info .heading {
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    color: var(--mt-text-2, #94a3b8) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    margin-bottom: 0.5rem !important;
    line-height: 1.3 !important;
}
:root[data-theme="dark"] .ul-widget__chart-number {
    margin: 0 !important;
    line-height: 1 !important;
}
:root[data-theme="dark"] .ul-widget__chart-number h2,
:root[data-theme="dark"] .ul-widget__chart-number .t-font-boldest {
    font-size: 2.25rem !important;     /* ~36px, cohérent avec largeur card */
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
    color: #ffffff !important;
    margin: 0 0 0.25rem 0 !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
    font-variant-numeric: tabular-nums;
    /* Utilise la même font-family que le reste pour cohérence */
    font-family: inherit !important;
}
:root[data-theme="dark"] .ul-widget__chart-number small {
    font-size: 0.78rem !important;
    color: var(--mt-text-2, #94a3b8) !important;
    font-weight: 400 !important;
    display: block;
    margin-top: 0.35rem;
}

/* Remove bg-secondary in dernière-mise-à-jour card (était gris clair) */
:root[data-theme="dark"] #derniereMiseAJour .card-body.bg-secondary {
    background: linear-gradient(135deg, #1a2130, #0f1319) !important;
    border-radius: 14px;
    padding: 1.25rem 1.5rem !important;
}
:root[data-theme="dark"] #derniereMiseAJour h6,
:root[data-theme="dark"] #derniereMiseAJour p {
    color: var(--mt-text-0, #f1f5f9) !important;
}
:root[data-theme="dark"] #derniereMiseAJour .text-22 {
    color: var(--mt-copper-100, #f5d5b8) !important;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
}

/* Cards panneau-global : uniformiser hauteur et padding */
:root[data-theme="dark"] .panneau-global .card {
    min-height: 120px;
    display: flex;
    flex-direction: column;
}

/* ============= 20. FIX OVERRIDES btn-link ============= */
:root[data-theme="dark"] .btn-link {
    color: var(--mt-copper-200, #e9b488) !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}
:root[data-theme="dark"] .btn-link:hover {
    color: var(--mt-copper-100, #f5d5b8) !important;
    text-decoration: underline;
}