/* SB ADMIN 2 - DARK THEME MINIMAL v2.0 */
.dark-mode body,
.dark-mode #wrapper,
.dark-mode #content-wrapper {
    background: #1a1c23 !important;
    background-image: none !important;
    color: #e0e0e0;
}

/* BACKGROUNDS ONLY */
.dark-mode .bg-white,
.dark-mode .card,
.dark-mode .modal-content,
.dark-mode .dropdown-menu,
.dark-mode .dropdown-list,
.dark-mode .breadcrumb,
.dark-mode .o-hidden {
    background-color: #2d3039 !important;
    border-color: #3a3d47 !important;
    /* NO color override here */
}

.dark-mode .navbar,
.dark-mode .sidebar,
.dark-mode .topbar,
.dark-mode .navbar-light.bg-white {
    background: #1a1c23 !important;
    background-image: none !important;
    box-shadow: 0 .15rem 1.75rem 0 rgba(0,0,0,.3) !important;
}

.dark-mode .card-header,
.dark-mode .dropdown-header {
    background-color: #252830 !important;
    border-bottom: 1px solid #3a3d47 !important;
    /* NO color override - keep original */
}

.dark-mode .bg-gradient-primary {
    background: #1a1c23 !important;
    background-image: none !important;
}

/* TEXT - ONLY BODY TEXT. LEAVE HEADINGS + COLORS ALONE */
.dark-mode body { color: #e0e0e0 !important; }
.dark-mode p, 
.dark-mode span:not(.badge),
.dark-mode .text-gray-600 { color: #cbd5e1 !important; }

/* DO NOT TOUCH THESE - KEEP ORIGINAL SB ADMIN COLORS */
/* .text-primary, .text-success, .text-info, .text-warning, .text-danger, .text-gray-800, .h1-.h6 */

/* SIDEBAR + TOPBAR NAV */
.dark-mode .sidebar .nav-item .nav-link,
.dark-mode .navbar-light .navbar-nav .nav-link,
.dark-mode .navbar-light .btn-link {
    color: #b7b9cc;
}
.dark-mode .sidebar .nav-item .nav-link:hover,
.dark-mode .navbar-light .navbar-nav .nav-link:hover,
.dark-mode .navbar-light .btn-link:hover {
    color: #fff;
}
.dark-mode .sidebar .sidebar-heading { color: #858796; }

/* CARDS WITH BORDERS */
.dark-mode .border-left-primary { border-left: .25rem solid #4e73df !important; }
.dark-mode .border-left-success { border-left: .25rem solid #1cc88a !important; }
.dark-mode .border-left-info { border-left: .25rem solid #36b9cc !important; }
.dark-mode .border-left-warning { border-left: .25rem solid #f6c23e !important; }

/* FORMS */
.dark-mode .form-control,
.dark-mode .custom-select,
.dark-mode .form-control.bg-light {
    background-color: #3a3d47;
    border-color: #4e515e;
    color: #e0e0e0;
}
.dark-mode .form-control:focus { background-color: #3a3d47; color: #fff; }
.dark-mode .form-control.bg-light::placeholder { color: #858796 !important; }

/* DROPDOWNS */
.dark-mode .dropdown-item { color: #e0e0e0 !important; }
.dark-mode .dropdown-item:hover { background-color: #3a3d47 !important; }
.dark-mode .dropdown-item.disabled { color: #6c7293 !important; }
.dark-mode .dropdown-divider { border-top: 1px solid #3a3d47 !important; }

/* TABLES */
.dark-mode .table { border: 1px solid #3a3d47 !important; background-color: #2d3039 !important; }
.dark-mode .table-bordered,
.dark-mode .table thead th { border-color: #3a3d47; }
.dark-mode .table th { background-color: #1a1c23 !important; font-weight: 600; }
.dark-mode .table th,
.dark-mode .table td { padding: 8px !important; border-color: #3a3d47 !important; }
.dark-mode .table tr:nth-child(odd) { background-color: #2d3039 !important; }
.dark-mode .table tr:nth-child(even) { background-color: #1e2027 !important; }
.dark-mode .table-hover tbody tr:hover,
.dark-mode .table tr:hover { background-color: #3a3d47 !important; }
.dark-mode .table td a { color: #8ab4f8 !important; text-decoration: none; }
.dark-mode .table td a:hover { color: #a8c7fa !important; text-decoration: underline; }

/* BUTTONS */
.dark-mode .btn-outline-primary { color: #8ab4f8; border-color: #8ab4f8; }
.dark-mode .btn-outline-primary:hover { background-color: #8ab4f8; color: #1a1c23; }
.dark-mode .btn-outline-danger { color: #ff6b6b; border-color: #ff6b6b; }
.dark-mode .btn-outline-danger:hover { background-color: #ff6b6b; color: #1a1c23; }

/* OTHER COMPONENTS */
.dark-mode .modal-header,
.dark-mode .modal-footer { border-color: #3a3d47 !important; }
.dark-mode .alert { background-color: #3a3d47; border-color: #4e515e; }
.dark-mode .page-link { background-color: #2d3039; border-color: #3a3d47; }
.dark-mode .page-item.active .page-link { background-color: #4e73df; border-color: #4e73df; }
.dark-mode .progress { background-color: #3a3d47 !important; }
.dark-mode .icon-circle { background-color: #3a3d47 !important; }
.dark-mode .topbar-divider { border-right: 1px solid #3a3d47 !important; }

/* IMAGES */
.dark-mode .img-profile,
.dark-mode .dropdown-list-image img,
.dark-mode .navbar-brand img,
.dark-mode img[alt="logo"],
.dark-mode canvas { filter: none !important; }

/* changed no-invert to do-invert */
.dark-mode img[src*="undraw"]:not(.no-invert),
.dark-mode img[src$=".svg"]:not(.img-profile):not(.no-invert) {
    /* filter: invert(1) brightness(0.85) contrast(0.9); */
}

/* TOGGLE ICON */
.dark-mode #darkModeToggle { color: #f6c23e !important; }
body:not(.dark-mode) #darkModeToggle { color: #858796 !important; }

/* === BRIGHT NUMBERS ONLY - DON'T TOUCH OTHER COLORS === */
.dark-mode .text-gray-800 {
    color: #f8f9fc !important; /* #e0e0e0 less bright like previous version */
}

/* === SIDEBAR TWEAKS FOR DARK MODE === */

/* 1. Active menu item - blue glow + left border */
.dark-mode .sidebar .nav-item.active .nav-link {
    color: #ffffff !important;
    background: rgba(78, 115, 223, 0.15) !important; /* soft blue bg */
    border-left: 3px solid #4e73df !important;
}
.dark-mode .sidebar .nav-item.active .nav-link i {
    color: #4e73df !important; /* active icon in theme blue */
}

/* 2. Normal sidebar icons and text */
.dark-mode .sidebar .nav-item .nav-link {
    color: #b7b9cc;
    transition: all 0.2s ease;
}
.dark-mode .sidebar .nav-item .nav-link i {
    color: #858796; /* dim icons */
    transition: all 0.2s ease;
}

/* 3. Hover effect */
.dark-mode .sidebar .nav-item .nav-link:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.05) !important;
}
.dark-mode .sidebar .nav-item .nav-link:hover i {
    color: #ffffff !important;
}

/* 4. Sidebar heading */
.dark-mode .sidebar .sidebar-heading {
    color: #6c7293 !important;
    letter-spacing: 0.08em;
}

/* 5. Sidebar divider */
.dark-mode .sidebar .sidebar-divider {
    border-top: 1px solid #3a3d47 !important;
}

/* === CARD HOVER EFFECT FOR DARK MODE === */

.dark-mode .card {
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    /* border: 1px solid #3a3d47 !important; /* make border visible */
}

.dark-mode .card:hover {
    transform: translateY(-4px); /* lift up */
    box-shadow: 0 0.75rem 1.5rem rgba(0, 0, 0, 0.45) !important; /* deeper shadow */
    /* border-color: #4e73df !important; /* subtle blue glow on border */
}

/* Make sure content inside doesn't jump */
.dark-mode .card .card-body {
    transition: transform 0.25s ease;
}
/*
@media (max-width: 768px) {
    .dark-mode .card:hover {
        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.35) !important;
    }
}
.dark-mode .card {
    cursor: pointer;
}
*/