/* Dark mode styles */
body.dark-mode {
    --primary-color: #1DA1F2;
    --secondary-color: #ffffff;
    --background-color: #15202B;
    --text-color: #ffffff;
    --border-color: #38444d;
    --success-color: #17bf63;
    --danger-color: #e0245e;
    --card-bg: #192734;
    --primary-dark-color: #3867d6; /* Added to ensure consistency */
}

    /* Ensure sidebar and top navbar have the same background color in dark mode with higher specificity */
    body.dark-mode .sidebar {
        background-color: var(--primary-dark-color) !important;
        /*box-shadow: 0 0 10px rgba(0,0,0,0.3) !important;*/
    }

    body.dark-mode .top-navbar {
        background-color: var(--primary-dark-color) !important;
        /*box-shadow: 0 0 10px rgba(0,0,0,0.3) !important;*/
    }

    /* Fix for navbar expand class that might be overriding styles */
    body.dark-mode .navbar,
    body.dark-mode .navbar.navbar-expand,
    body.dark-mode .navbar.navbar-dark,
    body.dark-mode .navbar.fixed-top,
    body.dark-mode nav.navbar {
        background-color: var(--primary-dark-color) !important;
    }

    body.dark-mode .card {
        background-color: var(--card-bg);
        border-color: var(--border-color);
    }

    body.dark-mode .form-control {
        background-color: #253341;
        border-color: var(--border-color);
        color: var(--text-color);
    }

        body.dark-mode .form-control:focus {
            background-color: #253341;
            color: var(--text-color);
        }

    body.dark-mode .table {
        color: var(--text-color);
    }

    body.dark-mode .table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255, 255, 255, 0.05);
    }

    body.dark-mode .modal-content {
        background-color: var(--background-color);
        border-color: var(--border-color);
    }

    body.dark-mode .close {
        color: var(--text-color);
    }

    body.dark-mode .dropdown-menu {
        background-color: #253341;
        border-color: var(--border-color);
    }

    body.dark-mode .dropdown-item {
        color: var(--text-color);
    }

        body.dark-mode .dropdown-item:hover,
        body.dark-mode .dropdown-item:focus {
            background-color: #38444d;
        }

    body.dark-mode .spinner {
        border-color: rgba(255, 255, 255, 0.1);
        border-left-color: var(--primary-color);
    }

    body.dark-mode hr {
        border-color: var(--border-color);
    }

    body.dark-mode .alert-success {
        background-color: rgba(23, 191, 99, 0.2);
        border-color: rgba(23, 191, 99, 0.3);
        color: #17bf63;
    }

    body.dark-mode .alert-danger {
        background-color: rgba(224, 36, 94, 0.2);
        border-color: rgba(224, 36, 94, 0.3);
        color: #e0245e;
    }