/* Dark Theme Base Styles - Additional Fix */
body.dark, 
[data-theme="dark"] {
    background-color: #0f172a !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

body.dark .main-wrapper,
[data-theme="dark"] .main-wrapper {
    background-color: #0f172a !important;
}

body.dark .main-content,
[data-theme="dark"] .main-content {
    background-color: #0f172a !important;
}

body.dark .card,
[data-theme="dark"] .card {
    background-color: #1e293b !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

body.dark .card .card-header,
[data-theme="dark"] .card .card-header {
    background-color: #2c3344 !important;
    border-bottom-color: rgba(255, 255, 255, 0.12) !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

body.dark .card .card-body,
[data-theme="dark"] .card .card-body {
    background-color: #1e293b !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

body.dark .main-sidebar,
[data-theme="dark"] .main-sidebar {
    background-color: #1e293b !important;
}

body.dark .main-sidebar .sidebar-menu li a,
[data-theme="dark"] .main-sidebar .sidebar-menu li a {
    color: rgba(255, 255, 255, 0.8) !important;
}

body.dark .main-sidebar .sidebar-menu li.active > a,
[data-theme="dark"] .main-sidebar .sidebar-menu li.active > a {
    background-color: rgba(255, 255, 255, 0.12) !important;
    color: #fff !important;
}

body.dark .navbar,
[data-theme="dark"] .navbar {
    background-color: #1e293b !important;
    border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}

body.dark .navbar .nav-link,
[data-theme="dark"] .navbar .nav-link {
    color: rgba(255, 255, 255, 0.8) !important;
}

body.dark .form-control,
[data-theme="dark"] .form-control {
    background-color: #2c3344 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

body.dark .form-control:focus,
[data-theme="dark"] .form-control:focus {
    background-color: #2c3344 !important;
    border-color: #6777ef !important;
    color: rgba(255, 255, 255, 0.8) !important;
    box-shadow: 0 0 0 0.2rem rgba(103, 119, 239, 0.25) !important;
}

body.dark .table,
[data-theme="dark"] .table {
    color: rgba(255, 255, 255, 0.8) !important;
}

body.dark .table th,
body.dark .table td,
[data-theme="dark"] .table th,
[data-theme="dark"] .table td {
    border-color: rgba(255, 255, 255, 0.12) !important;
}

body.dark .table-striped tbody tr:nth-of-type(odd),
[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

body.dark .dropdown-menu,
[data-theme="dark"] .dropdown-menu {
    background-color: #2c3344 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

body.dark .dropdown-item,
[data-theme="dark"] .dropdown-item {
    color: rgba(255, 255, 255, 0.8) !important;
}

body.dark .dropdown-item:hover,
body.dark .dropdown-item:focus,
[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .dropdown-item:focus {
    background-color: rgba(255, 255, 255, 0.12) !important;
    color: #fff !important;
}

body.dark .btn-light,
[data-theme="dark"] .btn-light {
    background-color: #2c3344 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

body.dark .btn-light:hover,
[data-theme="dark"] .btn-light:hover {
    background-color: rgba(255, 255, 255, 0.12) !important;
    color: #fff !important;
}

/* Text colors */
body.dark h1, body.dark h2, body.dark h3, body.dark h4, body.dark h5, body.dark h6,
[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, 
[data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6 {
    color: rgba(255, 255, 255, 0.9) !important;
}

body.dark p, body.dark span, body.dark div,
[data-theme="dark"] p, [data-theme="dark"] span, [data-theme="dark"] div {
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Section backgrounds */
body.dark .section,
[data-theme="dark"] .section {
    background-color: #0f172a !important;
}

body.dark .section .section-body,
[data-theme="dark"] .section .section-body {
    background-color: #0f172a !important;
}

/* Modal styles */
body.dark .modal-content,
[data-theme="dark"] .modal-content {
    background-color: #1e293b !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

body.dark .modal-header,
[data-theme="dark"] .modal-header {
    background-color: #2c3344 !important;
    border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}

body.dark .modal-footer,
[data-theme="dark"] .modal-footer {
    background-color: #2c3344 !important;
    border-top-color: rgba(255, 255, 255, 0.12) !important;
} 