/* ═══════════════════════════════════════════════════════════════
   🌙 DARK MODE FIX — STANDALONE FILE
   Load this LAST in head.html to fix all dark mode text visibility
   Created: 2026-04-14
   ═══════════════════════════════════════════════════════════════ */

/* ------- CONTENT PAGE OVERRIDES ------- */
body.dark .content-page{background:transparent !important;color:#e2e8f0 !important}
body.dark .content-page h1,body.dark .content-page h2,body.dark .content-page h3,body.dark .content-page h4,body.dark .content-page h5,body.dark .content-page h6{color:#ffffff !important}
body.dark .content-page p{color:#cbd5e1 !important}
body.dark .content-page label,body.dark .content-page .form-label{color:#e2e8f0 !important}
body.dark .content-page .form-control{color:#ffffff !important;background:rgba(30,30,60,0.5) !important;border-color:rgba(168,85,247,0.1) !important}
body.dark .content-page .card{background:rgba(17,17,40,0.7) !important;color:#e2e8f0 !important;border-color:rgba(168,85,247,0.06) !important}
body.dark .content-page .card h1,body.dark .content-page .card h2,body.dark .content-page .card h3,body.dark .content-page .card h4,body.dark .content-page .card h5,body.dark .content-page .card h6{color:#ffffff !important}
body.dark .content-page .card p,body.dark .content-page .card span,body.dark .content-page .card div,body.dark .content-page .card label,body.dark .content-page .card li{color:#e2e8f0 !important}
body.dark .content-page .card-body{color:#e2e8f0 !important}
body.dark .content-page .table th,body.dark .content-page .table td{color:#e2e8f0 !important}
body.dark .content-page a:not(.btn):not([class*="btn-"]){color:#a78bfa !important}
body.dark .content-page .text-muted{color:#94a3b8 !important}

/* ------- BOOTSTRAP TEXT UTILITIES ------- */
body.dark .text-success{color:#34d399 !important}
body.dark .text-warning{color:#fbbf24 !important}
body.dark .text-primary{color:#a78bfa !important}
body.dark .text-info{color:#38bdf8 !important}
body.dark .text-danger{color:#f87171 !important}
body.dark .text-white{color:#ffffff !important}
body.dark .text-body{color:#e2e8f0 !important}

/* ------- CARD & HEADINGS ------- */
body.dark .card-header h4,body.dark .card-header .card-title{color:#ffffff !important}
body.dark .card-title{color:#ffffff !important}

/* ------- FORM ELEMENTS ------- */
body.dark .form-label{color:#e2e8f0 !important}
body.dark .form-group label{color:#e2e8f0 !important}
body.dark .col-form-label{color:#e2e8f0 !important}

/* ------- SELECT2 ------- */
body.dark .select2-container--default .select2-selection--single{background:rgba(30,30,60,0.5) !important;border-color:rgba(168,85,247,0.1) !important}
body.dark .select2-container--default .select2-selection--single .select2-selection__rendered{color:#e2e8f0 !important}
body.dark .select2-dropdown{background:rgba(17,17,40,0.95) !important}
body.dark .select2-results__option{color:#e2e8f0 !important}
body.dark .select2-search--dropdown .select2-search__field{background:rgba(30,30,60,0.5) !important;color:#fff !important;border-color:rgba(168,85,247,0.1) !important}

/* ------- DROPDOWNS ------- */
body.dark .dropdown-item{color:#e2e8f0 !important}
body.dark .dropdown-menu{background:rgba(17,17,40,0.95) !important}

/* ------- MODALS & SWEETALERT ------- */
body.dark .modal-content{background:#111133 !important}
body.dark .modal-body{color:#e2e8f0 !important}
body.dark .swal2-popup{background:#111133 !important;color:#e2e8f0 !important}
body.dark .swal2-title{color:#ffffff !important}

/* ------- NAV ------- */
body.dark .nav-pills .nav-item a{color:#94a3b8 !important}
body.dark .nav-pills .nav-item a.active{color:#fff !important}

/* ------- GLOBAL TEXT ------- */
body.dark h1,body.dark h2,body.dark h3,body.dark h4,body.dark h5,body.dark h6{color:#ffffff !important}
body.dark p{color:#cbd5e1 !important}
body.dark label{color:#e2e8f0 !important}
body.dark span:not(.badge):not([style*="background-clip"]){color:#e2e8f0}
body.dark .card-body *:not(.btn):not(.badge):not([style*="background-clip"]){color:#e2e8f0}
body.dark .card-body h1,body.dark .card-body h2,body.dark .card-body h3,body.dark .card-body h4,body.dark .card-body h5,body.dark .card-body h6{color:#ffffff !important}

/* ------- PRESERVE GRADIENT TEXT ------- */
body.dark [style*="background-clip:text"],body.dark [style*="-webkit-text-fill-color"]{color:transparent !important}
body.dark [style*="-webkit-background-clip:text"]{-webkit-text-fill-color:transparent !important}
body.dark [style*="background-clip: text"],body.dark [style*="-webkit-text-fill-color: transparent"]{color:transparent !important}
body.dark [style*="-webkit-background-clip: text"]{-webkit-text-fill-color:transparent !important}
