/* Dark Theme Overrides for Soft UI Dashboard */

body.dark-version {
    background-color: #1a2035 !important;
    color: #fff !important;
}

/* Sidenav */
body.dark-version .sidenav {
    background-color: #1f283e !important;
}

body.dark-version .sidenav .nav-link {
    color: rgba(255, 255, 255, 0.8) !important;
}

body.dark-version .sidenav .nav-link:hover,
body.dark-version .sidenav .nav-link.active {
    color: #fff !important;
    background-color: rgba(255, 255, 255, 0.1);
}

body.dark-version .sidenav .navbar-brand span {
    color: #fff !important;
}

/* Card */
body.dark-version .card {
    background-color: #1f283e !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.16) !important;
}

body.dark-version .card .card-header {
    background-color: transparent !important;
    color: #fff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

body.dark-version .card .card-body,
body.dark-version .card .card-footer {
    background-color: transparent !important;
    color: #d1d5db !important;
}

/* Typography Overrides */
body.dark-version .text-dark {
    color: #fff !important;
}

body.dark-version .text-secondary {
    color: #a0aec0 !important;
}

body.dark-version .text-body {
    color: #d1d5db !important;
}

body.dark-version h1,
body.dark-version h2,
body.dark-version h3,
body.dark-version h4,
body.dark-version h5,
body.dark-version h6 {
    color: #fff !important;
}

/* Navbar */
body.dark-version .navbar {
    background-color: #1a2035 !important;
}

body.dark-version .navbar.blur {
    background-color: rgba(26, 32, 53, 0.8) !important;
    backdrop-filter: saturate(200%) blur(30px);
}

body.dark-version .navbar .breadcrumb-item a {
    color: #a0aec0 !important;
}

body.dark-version .navbar .breadcrumb-item.active {
    color: #fff !important;
}

body.dark-version .navbar h6 {
    color: #fff !important;
}

body.dark-version .navbar .nav-link {
    color: #fff !important;
}

body.dark-version .navbar .nav-link i {
    color: #fff !important;
}

/* Forms */
body.dark-version .form-control {
    background-color: #0f1523 !important;
    border-color: #2d3748;
    color: #fff !important;
}

body.dark-version .form-control:focus {
    background-color: #0f1523 !important;
    border-color: #cb0c9f;
    color: #fff !important;
}

body.dark-version .form-select {
    background-color: #0f1523 !important;
    border-color: #2d3748;
    color: #fff !important;
}

/* Tables */
body.dark-version .table> :not(caption)>*>* {
    background-color: transparent !important;
    color: #d1d5db !important;
    border-bottom-color: #2d3748;
}

body.dark-version .table tbody tr:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Modal */
body.dark-version .modal-content {
    background-color: #1f283e;
    color: #fff;
    border: 1px solid #2d3748;
}

body.dark-version .modal-header {
    border-bottom: 1px solid #2d3748;
}

body.dark-version .modal-footer {
    border-top: 1px solid #2d3748;
}

body.dark-version .btn-close {
    filter: invert(1) grayscale(100%) brightness(200%);
}

/* Footer */
body.dark-version .footer .copyright,
body.dark-version .footer .nav-link {
    color: #a0aec0 !important;
}

/* Dropdowns */
body.dark-version .dropdown-menu {
    background-color: #1f283e;
    border: 1px solid #2d3748;
}

body.dark-version .dropdown-item {
    color: #d1d5db;
}

body.dark-version .dropdown-item:hover {
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
}

/* Sidebar Icons & Logo */
body.dark-version .sidenav .icon-shape.bg-white {
    background-color: #2d3748 !important;
    box-shadow: none !important;
}

body.dark-version .sidenav .icon-shape i {
    color: #fff !important;
}

body.dark-version .navbar-brand-img {
    filter: brightness(0) invert(1);
}

/* --- GLOBAL LAYOUT FIXES (Applied to both Light & Dark modes) --- */
/* Fix Sidenav Double Scrollbar and Layout */
.sidenav {
    display: flex !important;
    flex-direction: column !important;
    height: calc(100vh - 2rem) !important;
    /* Adjust for my-3 margin (1rem top + 1rem bottom) */
    overflow: hidden !important;
    /* Disable outer scroll on sidenav container */
    max-height: 100vh;
}

/* Ensure header stays at top */
.sidenav .sidenav-header {
    flex: 0 0 auto;
}

/* Ensure menu list takes available space and scrolls internally */
.sidenav .navbar-collapse {
    flex: 1 1 auto;
    height: auto !important;
    overflow-y: auto !important;
    /* Enable internal scrolling */
}

/* Ensure footer stays at bottom */
.sidenav .sidenav-footer {
    flex: 0 0 auto;
    width: 100%;
}