/* ==========================================================================
   DARK THEME FOR DESKTOP
   ========================================================================== */

/* Only apply dark theme on desktop (min-width: 992px) */
@media (min-width: 992px) {

    /* CSS Variables */
    body.theme-dark,
    .theme-dark {
        --bg-primary: #121317;
        --bg-secondary: #1a1b20;
        --bg-tertiary: #22242a;
        --bg-card: #1e2025;
        --bg-hover: #2a2d35;
        --bg-active: #32363f;
        --bg-form: #262930;
        --bg-sidebar: #16181d;
        --bg-navbar: linear-gradient(120deg, #1a1c22 0%, #282c35 100%);
        --brand-primary: #d4b27a;
        --brand-primary-new: #e0e0e0;
        --brand-secondary: #b8956a;
        --brand-accent: #7eb8f6;
        --brand-dark: #000000;
        --brand-light: #3a3f4a;
        --text-primary: #fff;
        --text-secondary: #b0b3ba;
        --text-muted: #8a8e96;
        --text-inverse: #fff;
        --text-inverse-new: #fff;
        --text-heading: #b0b3ba;
        --border-primary: #3d4048;
        --border-secondary: #2e3138;
        --border-light: #383c45;
        --border-dark: #0a0b0c;
        --accent-primary: #7eb8f6;
        --accent-secondary: #d4b27a;
        --accent-gradient: linear-gradient(135deg, #d4b27a 0%, #7eb8f6 100%);
        --success: #6fcf97;
        --success-hover: rgba(203, 111, 169);
        --warning: #f2c94c;
        --danger: #eb5757;
        --info: #56ccf2;
        --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
        --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.5);
        --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.6);
        --bs-body-bg: #121317;
        --bs-body-color: #e8eaed;
        --bs-breadcrumb-margin-bottom: 0.5rem;
        --bs-breadcrumb-item-padding-x: 0.5rem;
        --bs-breadcrumb-divider-color: #c28851;
        --bs-btn-hover-bg-new: black;
        --bb-crvena: linear-gradient(120deg,#194872 50%,#2daadf) !important;
        --bb-crvena-hover: #000000;
        --gallery-overlay: black;
        --gallery-card-bg: #f8f9fa;
        --border-navbar: 0px;
        --sidebar-border-left: #ffc107;
        --bb-tax-badge: #000;
        --bs-btn-hover-color-new: #fff;
        --label-primary: #8b9cf0;
        --bb-btn-input-file: #846aa7;
        --breadcrumbs-color: #d4b25e;
        --dropdown-item: #865D36;
        --text-user-name: #ffffff;
        --bb-black: #000000;
        --bb-white: #ffffff;
        --bb-border-btn-midi: #6e6a6a;
    }

        body.theme-dark .dropdown-toggle {
            color: var(--text-secondary) !important;
        }
    /* Base body styling */
    body.theme-dark {
        color: var(--text-primary) !important;
        background-color: var(--bg-primary) !important;
    }

        /* ==========================================================================
   NAVBAR
   ========================================================================== */
        body.theme-dark .modern-navbar {
            /* background: linear-gradient(120deg, #1a1c22 0%, #282c35 100%) !important;*/
            /*  background: linear-gradient(120deg,#194872 50%,#2daadf) !important;*/
            background-image: url("/img/brown-wood_navbar.png") !important;
            border-bottom: var(--border-navbar) solid var(--text-primary);
            box-shadow: var(--shadow-sm) !important;
        }


        body.theme-dark .modern-nav-button,
        body.theme-dark .modern-menu-toggle {
            background: rgba(255, 255, 255, 0.08) !important;
            border-color: rgba(255, 255, 255, 0.15) !important;
            color: var(--text-primary) !important;
        }

            body.theme-dark .modern-nav-button:hover,
            body.theme-dark .modern-nav-button:focus,
            body.theme-dark .modern-menu-toggle:hover,
            body.theme-dark .modern-menu-toggle:focus {
                background: rgba(255, 255, 255, 0.15) !important;
                border-color: rgba(255, 255, 255, 0.22) !important;
                color: var(--text-heading) !important;
            }

        body.theme-dark .hamburger-line {
            background: var(--text-primary) !important;
        }

        body.theme-dark .user-name {
            color: var(--text-primary) !important;
        }

        body.theme-dark .dropdown-arrow {
            color: var(--text-secondary) !important;
        }

        /* ==========================================================================
   DROPDOWNS
   ========================================================================== */
        body.theme-dark .dropdown-menu,
        body.theme-dark .dropdown-menu.modern-dropdown {
            background: var(--bg-card) !important;
            border: 1px solid var(--border-primary) !important;
            color: var(--text-primary) !important;
            box-shadow: var(--shadow-md) !important;
        }

        body.theme-dark .dropdown-item,
        body.theme-dark .modern-dropdown-item {
            color: var(--text-primary) !important;
        }

            body.theme-dark .dropdown-item:hover,
            body.theme-dark .dropdown-item:focus,
            body.theme-dark .modern-dropdown-item:hover,
            body.theme-dark .modern-dropdown-item:focus {
                background: var(--bg-hover) !important;
                color: var(--text-heading) !important;
            }

        body.theme-dark .dropdown-divider {
            border-color: var(--border-secondary) !important;
        }

        body.theme-dark .user-profile-header {
            background: linear-gradient(135deg, rgba(212, 178, 122, 0.1), rgba(126, 184, 246, 0.05)) !important;
        }

        body.theme-dark .user-display-name {
            color: var(--text-heading) !important;
        }

        body.theme-dark .user-status {
            color: var(--success) !important;
        }

        body.theme-dark .item-icon {
            color: var(--text-muted) !important;
        }

        body.theme-dark .logout-item {
            color: var(--danger) !important;
        }

            body.theme-dark .logout-item .item-icon {
                color: var(--danger) !important;
            }

        /* Notifications */
        body.theme-dark .notification-header {
            background: linear-gradient(135deg, rgba(212, 178, 122, 0.08), rgba(126, 184, 246, 0.04)) !important;
            border-bottom-color: var(--border-secondary) !important;
        }

            body.theme-dark .notification-header h6 {
                color: var(--text-heading) !important;
            }

        body.theme-dark .notification-item {
            border-bottom-color: var(--border-secondary) !important;
        }

            body.theme-dark .notification-item:hover {
                background: var(--bg-hover) !important;
            }

            body.theme-dark .notification-item.unread {
                background: rgba(126, 184, 246, 0.08) !important;
            }

        body.theme-dark .notification-title {
            color: var(--text-heading) !important;
        }

        body.theme-dark .notification-message {
            color: var(--text-secondary) !important;
        }

        body.theme-dark .notification-time {
            color: var(--text-muted) !important;
        }

        body.theme-dark .notification-icon-wrapper {
            background: linear-gradient(135deg, rgba(126, 184, 246, 0.15), rgba(212, 178, 122, 0.1)) !important;
        }

            body.theme-dark .notification-icon-wrapper i {
                color: var(--accent-primary) !important;
            }

        body.theme-dark .mark-all-read-btn {
            background: rgba(111, 207, 151, 0.15) !important;
            color: var(--success) !important;
        }

            body.theme-dark .mark-all-read-btn:hover {
                background: rgba(111, 207, 151, 0.25) !important;
            }

        body.theme-dark .notification-empty {
            color: var(--text-muted) !important;
        }

            body.theme-dark .notification-empty i {
                color: var(--text-muted) !important;
            }

        /* ==========================================================================
   SIDEBAR
   ========================================================================== */
        body.theme-dark .sidebar,
        body.theme-dark .sidebar-content {
            background-color: transparent !important;
            color: var(--text-primary) !important;
            border-right: 1px solid var(--border-secondary) !important;
        }

        body.theme-dark .sidebar-brand {
            color: var(--text-heading) !important;
        }

        body.theme-dark .sidebar-link,
        body.theme-dark a.sidebar-link {
            background: transparent !important;
            color: var(--text-secondary) !important;
            border-left: 3px solid transparent !important;
        }

            body.theme-dark .sidebar-link:hover,
            body.theme-dark a.sidebar-link:hover {
                background: var(--bg-hover) !important;
                color: var(--text-primary) !important;
                border-left-color: var(--sidebar-border-left) !important;
            }

        body.theme-dark .sidebar-item.active > .sidebar-link,
        body.theme-dark .sidebar-active,
        body.theme-dark .x-sidebar-link-active {
            background: var(--brand-dark) !important;
            color: var(--text-heading) !important;
            border-left-color: var(--sidebar-border-left) !important;
        }

        body.theme-dark .sidebar-icon,
        body.theme-dark .sidebar-sub-icon {
            color: var(--brand-primary) !important;
        }

        body.theme-dark .sidebar-main-item,
        body.theme-dark .sidebar-sub-item {
            color: var(--text-primary) !important;
        }

        body.theme-dark .collapse-arrow {
            color: var(--text-muted) !important;
        }

        body.theme-dark .sidebar .collapse,
        body.theme-dark .sidebar .btn-toggle-nav {
            background: transparent !important;
        }

        /* ==========================================================================
   CONTENT AREA
   ========================================================================== */
        body.theme-dark .content,
        body.theme-dark .x-content,
        body.theme-dark .main {
            background: var(--bg-primary) !important;
        }

        body.theme-dark .wrapper {
            background: var(--bg-primary) !important;
        }

        /* ==========================================================================
   CARDS
   ========================================================================== */
        body.theme-dark .card {
            background: var(--bg-card) !important;
            border-color: var(--border-secondary) !important;
            box-shadow: var(--shadow-sm) !important;
        }

            body.theme-dark .card:hover {
                box-shadow: var(--shadow-md) !important;
            }

        body.theme-dark .card-header {
            background: var(--bg-tertiary) !important;
            color: var(--text-heading) !important;
            border-bottom-color: var(--border-secondary) !important;
        }

        body.theme-dark .card-body {
            color: var(--text-primary) !important;
        }

            body.theme-dark .card-body p {
                color: var(--text-primary) !important;
            }

        body.theme-dark .card-footer {
            background: var(--bg-tertiary) !important;
            border-top-color: var(--border-secondary) !important;
        }

        /* ==========================================================================
   TABLES
   ========================================================================== */
        body.theme-dark .table {
            --bs-table-bg: var(--bg-card);
            --bs-table-color: var(--text-primary);
            background: var(--bg-card) !important;
            color: var(--text-primary) !important;
        }

            body.theme-dark .table th {
                background: var(--bg-tertiary) !important;
                color: var(--text-heading) !important;
                border-color: var(--border-secondary) !important;
            }

            body.theme-dark .table td {
                color: var(--text-primary) !important;
                border-color: var(--border-secondary) !important;
            }

            body.theme-dark .table tbody,
            body.theme-dark .table tfoot,
            body.theme-dark .table thead,
            body.theme-dark .table tr {
                border-color: var(--border-secondary) !important;
            }

        body.theme-dark .table-hover > tbody > tr:hover > * {
            --bs-table-bg-state: var(--bg-hover) !important;
            --bs-table-color-state: var(--text-primary) !important;
        }

        body.theme-dark .table-striped > tbody > tr:nth-of-type(odd) > * {
            --bs-table-bg-type: rgba(255, 255, 255, 0.02) !important;
        }

        /* ==========================================================================
   FORMS
   ========================================================================== */
        body.theme-dark .form-control,
        body.theme-dark .form-select {
            background: var(--bg-form) !important;
            color: var(--text-primary) !important;
            border-color: var(--border-primary) !important;
        }

            body.theme-dark .form-control::placeholder {
                color: var(--text-muted) !important;
            }

            body.theme-dark .form-control:focus,
            body.theme-dark .form-select:focus {
                background: var(--bg-tertiary) !important;
                color: var(--text-primary) !important;
                border-color: var(--brand-primary) !important;
                box-shadow: 0 0 0 0.2rem rgba(212, 178, 122, 0.2) !important;
            }

            body.theme-dark .form-control:disabled,
            body.theme-dark .form-select:disabled {
                background: var(--bg-secondary) !important;
                color: var(--text-muted) !important;
            }

        body.theme-dark .form-label {
            color: var(--label-primary) !important;
        }

        body.theme-dark .form-check-input {
            background-color: var(--bg-form) !important;
            border-color: var(--border-primary) !important;
        }

            body.theme-dark .form-check-input:checked {
                background-color: var(--brand-primary) !important;
                border-color: var(--brand-primary) !important;
            }

        body.theme-dark .form-check-label {
            color: var(--text-primary) !important;
        }

        body.theme-dark .input-group-text {
            background: var(--bg-tertiary) !important;
            color: var(--text-secondary) !important;
            border-color: var(--border-primary) !important;
        }

        /* ==========================================================================
   BUTTONS
   ========================================================================== */
        body.theme-dark .btn-primary {
            background-color: var(--brand-primary) !important;
            border-color: var(--brand-primary) !important;
            color: var(--text-inverse) !important;
        }

            body.theme-dark .btn-primary:hover {
                background-color: var(--brand-secondary) !important;
                border-color: var(--brand-secondary) !important;
            }

        body.theme-dark .btn-secondary {
            background-color: var(--bg-tertiary) !important;
            border-color: var(--border-primary) !important;
            color: var(--text-primary) !important;
        }

            body.theme-dark .btn-secondary:hover {
                background-color: var(--bg-hover) !important;
                border-color: var(--border-light) !important;
            }

        body.theme-dark .btn-success {
            background-color: var(--success) !important;
            border-color: var(--success) !important;
            color: var(--text-inverse) !important;
        }

        body.theme-dark .btn-danger {
            background-color: var(--danger) !important;
            border-color: var(--danger) !important;
        }

        body.theme-dark .btn-outline-primary {
            color: var(--brand-primary) !important;
            border-color: var(--brand-primary) !important;
        }

            body.theme-dark .btn-outline-primary:hover {
                background-color: var(--brand-primary) !important;
                color: var(--text-inverse) !important;
            }

        body.theme-dark .btn-outline-secondary {
            color: var(--text-secondary) !important;
            border-color: var(--border-primary) !important;
        }

            body.theme-dark .btn-outline-secondary:hover {
                background-color: var(--bg-hover) !important;
                color: var(--text-primary) !important;
            }

        /* ==========================================================================
   TABS & NAV
   ========================================================================== */
        body.theme-dark .nav-tabs {
            border-bottom-color: var(--border-secondary) !important;
        }

            body.theme-dark .nav-tabs .nav-link {
                color: var(--text-secondary) !important;
                border-color: transparent !important;
            }

                body.theme-dark .nav-tabs .nav-link:hover {
                    color: var(--text-primary) !important;
                    border-color: var(--border-secondary) !important;
                }

                body.theme-dark .nav-tabs .nav-link.active {
                    background-color: var(--bg-card) !important;
                    color: var(--text-heading) !important;
                    border-color: var(--border-secondary) var(--border-secondary) var(--bg-card) !important;
                }

        body.theme-dark .tab-content {
            background: var(--bg-card) !important;
        }

        body.theme-dark .tab-pane {
            background: var(--bg-tertiary) !important;
        }

        body.theme-dark .nav-pills .nav-link {
            color: var(--text-secondary) !important;
        }

            body.theme-dark .nav-pills .nav-link.active {
                background-color: var(--brand-primary) !important;
                color: var(--text-inverse) !important;
            }

        /* ==========================================================================
   MODALS
   ========================================================================== */
        body.theme-dark .modal-content {
            background-color: var(--bg-card) !important;
            border-color: var(--border-primary) !important;
            color: var(--text-primary) !important;
        }

        body.theme-dark .modal-header {
            background-color: var(--bg-tertiary) !important;
            border-bottom-color: var(--border-secondary) !important;
        }

        body.theme-dark .modal-title {
            color: var(--text-heading) !important;
        }

        body.theme-dark .modal-body {
            color: var(--text-primary) !important;
        }

        body.theme-dark .modal-footer {
            background-color: var(--bg-tertiary) !important;
            border-top-color: var(--border-secondary) !important;
        }

        body.theme-dark .modal-backdrop {
            background-color: rgba(0, 0, 0, 0.75) !important;
        }

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

        /* ==========================================================================
   ALERTS & BADGES
   ========================================================================== */
        body.theme-dark .alert {
            border-width: 1px !important;
        }

        body.theme-dark .alert-primary {
            background-color: rgba(212, 178, 122, 0.15) !important;
            border-color: var(--brand-primary) !important;
            color: var(--brand-primary) !important;
        }

        body.theme-dark .alert-success {
            background-color: rgba(111, 207, 151, 0.15) !important;
            border-color: var(--success) !important;
            color: var(--success) !important;
        }

        body.theme-dark .alert-warning {
            background-color: rgba(242, 201, 76, 0.15) !important;
            border-color: var(--warning) !important;
            color: var(--warning) !important;
        }

        body.theme-dark .alert-danger {
            background-color: rgba(235, 87, 87, 0.15) !important;
            border-color: var(--danger) !important;
            color: var(--danger) !important;
        }

        body.theme-dark .alert-info {
            background-color: rgba(86, 204, 242, 0.15) !important;
            border-color: var(--info) !important;
            color: var(--info) !important;
        }

        body.theme-dark .badge {
            font-weight: 500 !important;
        }

            body.theme-dark .badge.bg-primary {
                background-color: var(--brand-primary) !important;
                color: var(--text-inverse) !important;
            }

            body.theme-dark .badge.bg-secondary {
                background-color: var(--bg-tertiary) !important;
                color: var(--text-primary) !important;
            }

            body.theme-dark .badge.bg-success {
                background-color: var(--success) !important;
                color: var(--text-inverse) !important;
            }

            body.theme-dark .badge.bg-danger {
                background-color: var(--danger) !important;
            }

            body.theme-dark .badge.bg-warning {
                background-color: var(--warning) !important;
                color: var(--text-inverse) !important;
            }

            body.theme-dark .badge.bg-info {
                background-color: var(--info) !important;
                color: var(--text-inverse) !important;
            }

        /* ==========================================================================
   PAGINATION
   ========================================================================== */
        body.theme-dark .page-link {
            background-color: var(--bg-card) !important;
            color: var(--text-primary) !important;
            border-color: var(--border-secondary) !important;
        }

            body.theme-dark .page-link:hover {
                background-color: var(--bg-hover) !important;
                color: var(--text-heading) !important;
                border-color: var(--border-primary) !important;
            }

        body.theme-dark .page-item.active .page-link {
            background-color: var(--brand-primary) !important;
            border-color: var(--brand-primary) !important;
            color: var(--text-inverse) !important;
        }

        body.theme-dark .page-item.disabled .page-link {
            background-color: var(--bg-secondary) !important;
            color: var(--text-muted) !important;
        }

        /* ==========================================================================
   BREADCRUMBS
   ========================================================================== */
        body.theme-dark .breadcrumb {
            background-color: transparent !important;
        }

        body.theme-dark .breadcrumb-item a {
            color: var(--brand-primary) !important;
        }

            body.theme-dark .breadcrumb-item a:hover {
                color: var(--brand-secondary) !important;
            }

        body.theme-dark .breadcrumb-item.active {
            color: var(--text-muted) !important;
        }

        body.theme-dark .breadcrumb-item + .breadcrumb-item::before {
            color: var(--text-muted) !important;
        }

        body.theme-dark .breadcrumb {
            background-color: transparent;
            padding: var(--spacing-sm) 0;
            text-decoration: none !important;
        }

            body.theme-dark .breadcrumb a {
                font-weight: 700 !important;
                color: var(--breadcrumbs-color) !important;
                text-decoration: none !important;
            }

                body.theme-dark .breadcrumb a:hover {
                    color: var(--breadcrumbs-color) !important;
                    text-decoration: underline !important;
                }

        body.theme-dark .breadcrumb-item.active {
            color: var(--breadcrumbs-color) !important;
        }

    .breadcrumb-item
    .list-group-item {
        background-color: var(--bg-card);
        border-color: var(--border-light);
        color: var(--text-primary);
    }

    @media (min-width: 992px) {
        body.theme-dark .breadcrumb-item + body.theme-dark.breadcrumb-item::before {
            /*color: var(--text-muted) !important;*/
        }
    }

    body.theme-dark .x-breadcrumb-item + body.theme-dark .x-breadcrumb-item::before {
        float: left !important;
        padding-right: var(--bs-breadcrumb-item-padding-x) !important;
        color: var(--bs-breadcrumb-divider-color) !important;
        content: var(--bs-breadcrumb-divider, "/") !important;
    }
    /* ==========================================================================
   LIST GROUPS
   ========================================================================== */
    body.theme-dark .list-group-item {
        background-color: var(--bg-card) !important;
        color: var(--text-primary) !important;
        border-color: var(--border-secondary) !important;
    }

        body.theme-dark .list-group-item:hover {
            background-color: var(--bg-hover) !important;
        }

        body.theme-dark .list-group-item.active {
            background-color: var(--brand-primary) !important;
            border-color: var(--brand-primary) !important;
            color: var(--text-inverse) !important;
        }

    /* ==========================================================================
   TOASTS & TOOLTIPS
   ========================================================================== */
    body.theme-dark .toast {
        background-color: var(--bg-card) !important;
        color: var(--text-primary) !important;
        border-color: var(--border-primary) !important;
        box-shadow: var(--shadow-md) !important;
    }

    body.theme-dark .toast-header {
        background-color: var(--bg-tertiary) !important;
        color: var(--text-heading) !important;
        border-bottom-color: var(--border-secondary) !important;
    }

    body.theme-dark .tooltip-inner {
        background-color: var(--bg-tertiary) !important;
        color: var(--text-primary) !important;
    }

    body.theme-dark .bs-tooltip-top .tooltip-arrow::before,
    body.theme-dark .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
        border-top-color: var(--bg-tertiary) !important;
    }

    /* ==========================================================================
   TYPOGRAPHY & HEADINGS
   ========================================================================== */
    body.theme-dark h1, body.theme-dark h2, body.theme-dark h3,
    body.theme-dark h4, body.theme-dark h5, body.theme-dark h6,
    body.theme-dark .h1, body.theme-dark .h2, body.theme-dark .h3,
    body.theme-dark .h4, body.theme-dark .h5, body.theme-dark .h6 {
        color: var(--text-heading) !important;
    }

    body.theme-dark p {
        color: var(--text-primary) !important;
    }

    body.theme-dark a {
        color: var(--brand-primary) !important;
    }

        body.theme-dark a:hover {
            color: var(--brand-secondary) !important;
        }

    body.theme-dark .text-muted {
        color: var(--text-muted) !important;
    }

    body.theme-dark .text-primary {
        color: var(--brand-primary) !important;
    }

    body.theme-dark .text-secondary {
        color: var(--text-secondary) !important;
    }

    body.theme-dark hr {
        border-color: var(--border-secondary) !important;
    }

    /* ==========================================================================
   SCROLLBARS
   ========================================================================== */
    body.theme-dark ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }

    body.theme-dark ::-webkit-scrollbar-track {
        background: var(--bg-secondary);
        border-radius: 4px;
    }

    body.theme-dark ::-webkit-scrollbar-thumb {
        background: var(--border-primary);
        border-radius: 4px;
    }

        body.theme-dark ::-webkit-scrollbar-thumb:hover {
            background: var(--brand-secondary);
        }

    /* ==========================================================================
   THEME TOGGLE BUTTON
   ========================================================================== */
    body.theme-dark .theme-toggle-btn {
        gap: 0.35rem;
        border: 0px #dbaf85 !important;
        background-color: none !important;
    } 
}

body.theme-dark .theme-toggle-btn:hover {
    border: 0px #dbaf85 !important;
    background-color: none !important;
}

body.theme-dark .theme-toggle-btn:active {
    border: 0px #dbaf85 !important;
    background-color: none !important;
}
body.theme-dark .theme-toggle-label {
    font-size: 0.85rem;
    color: var(--text-heading) !important;
}

/* ==========================================================================
   GRID SHEET STYLES
   ========================================================================== */
body.theme-dark .grid-sheet-name {
    color: var(--text-heading) !important;
}

body.theme-dark .grid-sheet-name:hover {
    color: var(--brand-primary) !important;
}

body.theme-dark .grid-sheet-other {
    color: var(--text-secondary) !important;
}

body.theme-dark .grid-sheet-icon {
    border-color: var(--border-secondary) !important;
}

body.theme-dark .grid-sheet-icon:hover {
    border-color: var(--brand-primary) !important;
}

/* ==========================================================================
   CAT BOX
   ========================================================================== */
    body.theme-dark .cat-box {
        background-color: var(--bg-card) !important;
        border-top-color: #1e2025 !important;
    }

body.theme-dark .cat-box-around-world {
    background-color: var(--bg-card) !important;
    border-top-color: var(--brand-primary) !important;
}

    body.theme-dark h2.cat-box-title {
        background: linear-gradient(120deg,#194872 50%,#2daadf) !important;
        color: white!important;
    }

/* ==========================================================================
   ICONS
   ========================================================================== */
body.theme-dark .icon-member-edit {
    color: var(--success) !important;
}

body.theme-dark .icon-member-delete {
    color: var(--danger) !important;
}

body.theme-dark .icon-excel-export {
    color: var(--success) !important;
}

/* ==========================================================================
   AVATAR
   ========================================================================== */
body.theme-dark .avatar {
    border-color: var(--border-primary) !important;
}

body.theme-dark .avatar-placeholder {
    background: linear-gradient(135deg, var(--brand-secondary), var(--brand-primary)) !important;
    color: var(--text-inverse) !important;
}

/* ==========================================================================
   LOGIN / REGISTRATION
   ========================================================================== */
body.theme-dark .login-container {
    background: var(--bg-primary) !important;
}

body.theme-dark .lr-x-card {
    background-color: var(--bg-card) !important;
    box-shadow: var(--shadow-lg) !important;
}

body.theme-dark .log-reg-title {
    color: var(--text-heading) !important;
}

/* ==========================================================================
   ORGANIZATION SWITCHER
   ========================================================================== */
/*body.theme-dark .org-switcher-item .nav-flag {
    color: var(--text-primary) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.theme-dark .org-switcher-item .nav-flag:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    color: var(--text-heading) !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
}

body.theme-dark .org-switcher-item .nav-flag:focus {
    box-shadow: 0 0 0 0.2rem rgba(212, 178, 122, 0.25) !important;
    color: var(--text-heading) !important;
}

body.theme-dark .org-switcher-item .dropdown-menu {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    box-shadow: var(--shadow-md) !important;
}

body.theme-dark .org-switcher-item .dropdown-menu-header {
    color: var(--text-muted) !important;
    border-bottom-color: var(--border-secondary) !important;
}

body.theme-dark .org-switcher-item .dropdown-item {
    color: var(--text-primary) !important;
}

body.theme-dark .org-switcher-item .dropdown-item:hover:not(:disabled) {
    background-color: var(--bg-hover) !important;
    color: var(--text-heading) !important;
}

body.theme-dark .org-switcher-item .dropdown-item.active {
    background-color: rgba(212, 178, 122, 0.15) !important;
    color: var(--brand-primary) !important;
    border-color: rgba(212, 178, 122, 0.25) !important;
}

body.theme-dark .org-switcher-item .dropdown-item i {
    color: var(--brand-primary) !important;
}

body.theme-dark .org-switcher-item .dropdown-item .bi-check-lg {
    color: var(--success) !important;
}*/

/* ==========================================================================
   CULTURE SELECTOR
   ========================================================================== */
body.theme-dark .culture-selector-wrapper .nav-flag,
body.theme-dark .nav-item:not(.org-switcher-item) > .nav-flag {
    color: var(--text-primary) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.theme-dark .culture-selector-wrapper .nav-flag:hover,
body.theme-dark .nav-item:not(.org-switcher-item) > .nav-flag:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    color: var(--text-heading) !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
}

body.theme-dark .culture-selector-wrapper .nav-flag:focus,
body.theme-dark .nav-item:not(.org-switcher-item) > .nav-flag:focus {
    box-shadow: 0 0 0 0.2rem rgba(126, 184, 246, 0.25) !important;
    color: var(--text-heading) !important;
}

body.theme-dark .culture-selector-wrapper .dropdown-menu,
body.theme-dark .nav-item:not(.org-switcher-item) > .dropdown-menu {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-primary) !important;
    box-shadow: var(--shadow-md) !important;
}

body.theme-dark .culture-selector-wrapper .dropdown-menu-header,
body.theme-dark .nav-item:not(.org-switcher-item) .dropdown-menu-header {
    color: var(--text-muted) !important;
    border-bottom-color: var(--border-secondary) !important;
}

body.theme-dark .culture-selector-wrapper .dropdown-item,
body.theme-dark .nav-item:not(.org-switcher-item) > .dropdown-menu .dropdown-item {
    color: var(--text-primary) !important;
}

body.theme-dark .culture-selector-wrapper .dropdown-item:hover,
body.theme-dark .nav-item:not(.org-switcher-item) > .dropdown-menu .dropdown-item:hover {
    background-color: var(--bg-hover) !important;
    color: var(--text-heading) !important;
}

body.theme-dark .culture-selector-wrapper .dropdown-item.active,
body.theme-dark .nav-item:not(.org-switcher-item) > .dropdown-menu .dropdown-item.active {
    background-color: rgba(126, 184, 246, 0.15) !important;
    color: var(--accent-primary) !important;
    border-color: rgba(126, 184, 246, 0.25) !important;
}

body.theme-dark .culture-selector-wrapper .dropdown-item i,
body.theme-dark .nav-item:not(.org-switcher-item) > .dropdown-menu .dropdown-item i {
    color: var(--accent-primary) !important;
}

body.theme-dark .culture-selector-wrapper .dropdown-item .bi-check-lg,
body.theme-dark .nav-item:not(.org-switcher-item) > .dropdown-menu .dropdown-item .bi-check-lg {
    color: var(--success) !important;
}

/* ==========================================================================
   HOME PAGE - MUSIC THEME
   ========================================================================== */

/* Features Section */
body.theme-dark .music-features-section {
    background: var(--bg-primary) !important;
}

body.theme-dark .section-title {
    color: var(--text-heading) !important;
}

body.theme-dark .section-title i {
    color: var(--brand-primary) !important;
}

body.theme-dark .section-subtitle {
    color: var(--text-secondary) !important;
}

/* Feature Cards */
body.theme-dark .feature-card {
    background: var(--bg-card) !important;
    border-color: var(--border-secondary) !important;
    box-shadow: var(--shadow-sm) !important;
}

body.theme-dark .feature-card:hover {
    box-shadow: var(--shadow-md) !important;
}

body.theme-dark .feature-card::before {
    background: var(--brand-primary) !important;
}

body.theme-dark .feature-card .feature-icon {
    background: linear-gradient(135deg, var(--brand-primary), var(--brand-secondary)) !important;
    box-shadow: 0 8px 15px rgba(212, 178, 122, 0.3) !important;
}

body.theme-dark .feature-card:hover .feature-icon {
    box-shadow: 0 12px 25px rgba(212, 178, 122, 0.4) !important;
}

body.theme-dark .feature-title {
    color: var(--text-heading) !important;
}

body.theme-dark .feature-description {
    color: var(--text-secondary) !important;
}

/* Upgrade Page */
body.theme-dark .upgrade-page {
    background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%) !important;
}

body.theme-dark .upgrade-page .display-4 {
    color: var(--text-heading) !important;
}

body.theme-dark .upgrade-page .display-4 i {
    color: var(--brand-primary) !important;
}

body.theme-dark .upgrade-page .lead {
    color: var(--text-secondary) !important;
}

/* Benefits Grid */
body.theme-dark .benefits-grid {
    background: transparent !important;
}

body.theme-dark .benefit-item {
    background: var(--bg-card) !important;
    box-shadow: var(--shadow-sm) !important;
    border: 1px solid var(--border-secondary) !important;
}

body.theme-dark .benefit-item:hover {
    box-shadow: var(--shadow-md) !important;
}

body.theme-dark .benefit-icon {
    background: linear-gradient(135deg, var(--accent-primary) 0%, #5a9bd4 100%) !important;
}

body.theme-dark .benefit-content h4 {
    color: var(--text-heading) !important;
}

body.theme-dark .benefit-content p {
    color: var(--text-secondary) !important;
}

/* Guarantee Section */
body.theme-dark .guarantee-section {
    background: var(--bg-card) !important;
    box-shadow: var(--shadow-md) !important;
    border: 1px solid var(--border-secondary) !important;
}

body.theme-dark .guarantee-section h3 {
    color: var(--text-heading) !important;
}

body.theme-dark .guarantee-section h3 i {
    color: var(--success) !important;
}

body.theme-dark .guarantee-section p {
    color: var(--text-secondary) !important;
}

/* Trust Indicators */
body.theme-dark .trust-indicators {
    background: transparent !important;
}

body.theme-dark .trust-item {
    color: var(--text-primary) !important;
}

body.theme-dark .trust-item i {
    color: var(--brand-primary) !important;
}

/* Hero Carousel (if enabled) */
body.theme-dark .music-hero-carousel {
    box-shadow: var(--shadow-md) !important;
}

body.theme-dark .hero-slide-content {
    background: var(--bg-secondary) !important;
}

body.theme-dark .hero-title {
    color: var(--text-heading) !important;
}

body.theme-dark .hero-title i {
    color: var(--brand-primary) !important;
}

body.theme-dark .hero-subtitle {
    color: var(--text-secondary) !important;
}

body.theme-dark .hero-features .feature-item {
    color: var(--text-primary) !important;
}

body.theme-dark .hero-features .feature-item i {
    color: var(--success) !important;
}

body.theme-dark .hero-actions .btn-primary {
    background-color: var(--brand-primary) !important;
    border-color: var(--brand-primary) !important;
    color: var(--text-inverse) !important;
}

body.theme-dark .hero-actions .btn-outline-light {
    border-color: var(--brand-primary) !important;
    color: var(--brand-primary) !important;
}

body.theme-dark .hero-actions .btn-outline-light:hover {
    background: var(--brand-primary) !important;
    color: var(--text-inverse) !important;
}

/* Staff Lines & Floating Notes */
body.theme-dark .staff-line {
    background: rgba(255, 255, 255, 0.1) !important;
}

body.theme-dark .floating-note {
    color: var(--brand-primary) !important;
}

body.theme-dark .floating-note:nth-child(2) {
    color: var(--success) !important;
}

body.theme-dark .floating-note:nth-child(3) {
    color: var(--warning) !important;
}

body.theme-dark .floating-note:nth-child(4) {
    color: var(--info) !important;
}

/* Carousel Controls */
body.theme-dark .carousel-indicators button {
    background-color: var(--text-muted) !important;
}

body.theme-dark .carousel-indicators button.active {
    background-color: var(--brand-primary) !important;
}

body.theme-dark .carousel-control-prev-icon,
body.theme-dark .carousel-control-next-icon {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

body.theme-dark .carousel-control-prev:hover .carousel-control-prev-icon,
body.theme-dark .carousel-control-next:hover .carousel-control-next-icon {
    background-color: rgba(255, 255, 255, 0.4) !important;
}

/* Musical Notes Background */
/*body.theme-dark .note {
    color: rgba(212, 178, 122, 0.08) !important;
}*/

/* ====================================
   MEMBER EDIT FORM DARK THEME
   ==================================== */
    body.theme-dark .member-sidebar {
        background: linear-gradient(120deg,#194872 50%,#2daadf) !important;
        border-right: 1px solid var(--border-primary) !important;
    }

body.theme-dark .tab-content-style {
    background-color: var(--bg-card) !important;
}

body.theme-dark .form-header-row {
    /*background-color: var(--bg-secondary) !important;*/
}

body.theme-dark .card {
    background-color: var(--bg-card) !important;
    border-color: var(--border-primary) !important;
}

body.theme-dark .card-body {
    background-color: var(--bg-card) !important;
}

body.theme-dark .form-control {
    background-color: var(--bg-form) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
    font-size: 16px !important;
}

body.theme-dark .form-control:focus {
    background-color: var(--bg-form) !important;
    border-color: var(--accent-primary) !important;
    color: var(--text-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(126, 184, 246, 0.25) !important;
}

body.theme-dark .form-label {
    color: var(--label-primary) !important;
}

body.theme-dark .tooltip-remove {
    color: var(--danger) !important;
}

body.theme-dark .list-item-text {
    color: var(--text-primary) !important;
}

/* ====================================
   USER PROFILE DARK THEME
   ==================================== */
    body.theme-dark .profile-sidebar {
        background: linear-gradient(120deg,#194872 50%,#2daadf) !important;
        border-right: 1px solid var(--border-primary) !important;
    }

body.theme-dark .profile-tab-content {
    background-color: var(--bg-card) !important;
}

body.theme-dark .biography-text {
    color: var(--text-primary) !important;
}

} /* End @media (min-width: 992px) */

/* Theme toggle button */
.theme-toggle-btn {
    gap: 0.35rem;
    border: 0px #dbaf85 !important;
    background-color: none !important;
}

    .theme-toggle-btn:hover {
        border: 0px #dbaf85 !important;
        background-color: none !important;
    }

    .theme-toggle-btn:active {
        border: 0px #dbaf85 !important;
        background-color: none !important;
    }
.theme-toggle-label {
    font-size: 0.85rem;
    color: var(--text-heading) !important;
}
.bi-bell {
    color: var(--text-heading) !important;
}
body.theme-dark .modern-navbar-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 1.5rem;
    min-height: 50px;
    background: transparent;
    border-bottom: 5px solid var(--brand-primary);
    position: relative;
    flex-wrap: nowrap;
}

body.theme-dark .wrapper-fullwidth .sidebar-container {
    width: 185px !important;
    min-width: 185px !important;
    background-color: #16181d !important;
    color: #fff !important;
    flex-shrink: 0 !important;
    overflow-y: auto !important;
    height: calc(100vh - 70px) !important;
    position: sticky !important;
    top: 0px !important;
    transition: width 0.3s ease !important;
    margin-left: 0 !important;
}
@media (max-width: 991px) {
    body.theme-dark .wrapper-fullwidth .main-content .container {
        padding-top: 10px !important;
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        overflow-x: hidden !important;
    }
}
.wrapper-fullwidth .main-content .container {
    padding-top: 10px !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    overflow-x: hidden !important;
}
.btn:hover {
    color: var(--bs-btn-hover-color) !important;
    background-color: var(--bs-btn-hover-bg-new) !important;
    border-color: var(--bs-btn-hover-border-color) !important;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    color: var(--bs-btn-hover-color) !important;
    background-color: var(--bs-btn-hover-bg-new) !important;
    border-color: var(--bs-btn-hover-border-color) !important;
}

body.theme-dark .btn-es-primary {
    color: var(--text-inverse-new) !important;
    background: var(--bb-crvena) !important;
    border: 0px;
    border-color: var(--text-inverse) !important;
    transition: all var(--transition-fast);
}

    body.theme-dark .btn-es-primary:hover {
        background-color: var(--bb-crvena-hover) !important;
        border-color: var(--text-inverse) !important;
    }


body.theme-dark .x-org-switcher-item {
    color: var(--bb-white) !important;
}

body.theme-dark .x-btn-midi-player {
    background-color: var(--bb-black) !important;
    color: var(--bb-white) !important;
    border-color: var(--bb-border-btn-midi) !important;
}

body.theme-dark .x-btn-midi-player:hover {
    background-color: var(--bb-black) !important;
    color: var(--bb-white) !important;
    border-color: var(--bb-border-btn-midi) !important;
}