[data-theme="dark"] .panel {
    background-color: var(--bg-surface);
    border-color: var(--border);
}

[data-theme="dark"] .panel-heading {
    background-color: var(--bg-elevated) !important;
    border-color: var(--border) !important;
    color: var(--text-primary);
}

[data-theme="dark"] .panel-body {
    background-color: var(--bg-surface);
    color: var(--text-primary);
}

[data-theme="dark"] .panel-footer {
    background-color: var(--bg-muted);
    border-color: var(--border);
}

[data-theme="dark"] .modal-content {
    background-color: var(--bg-surface);
    border-color: var(--border);
    color: var(--text-primary);
}

[data-theme="dark"] .modal-header {
    border-bottom-color: var(--border);
    color: var(--text-primary);
    background-color: var(--bg-surface);
}

[data-theme="dark"] .modal-header .close {
    color: var(--text-secondary);
    text-shadow: none;
    opacity: 0.8;
}

[data-theme="dark"] .modal-header .close:hover {
    color: var(--text-primary);
}

[data-theme="dark"] .modal-footer {
    border-top-color: var(--border);
    background-color: var(--bg-surface);
}

[data-theme="dark"] .modal-title {
    color: var(--text-primary);
}

[data-theme="dark"] .modal-body {
    color: var(--text-primary);
}

[data-theme="dark"] .modal-body p {
    color: var(--text-body);
}

[data-theme="dark"] .well {
    background-color: var(--bg-surface);
    border-color: var(--border);
    color: var(--text-primary);
}

[data-theme="dark"] .nav-tabs {
    border-bottom-color: var(--border);
}

[data-theme="dark"] .nav-tabs > li > a {
    color: var(--text-secondary);
}

[data-theme="dark"] .nav-tabs > li > a:hover {
    border-color: var(--border);
    background-color: var(--bg-surface);
    color: var(--text-primary);
}

[data-theme="dark"] .nav-tabs > li.active > a,
[data-theme="dark"] .nav-tabs > li.active > a:hover,
[data-theme="dark"] .nav-tabs > li.active > a:focus {
    background-color: var(--bg-surface);
    border-color: var(--border);
    border-bottom-color: var(--bg-surface);
    color: var(--text-primary);
}

[data-theme="dark"] .tab-content {
    background-color: var(--bg-surface);
}

[data-theme="dark"] .alert-info {
    background-color: var(--primary-bg);
    border-color: var(--primary-color);
    color: #bae6fd;
}

[data-theme="dark"] .alert-warning {
    background-color: #3d2607;
    border-color: #f57c00;
    color: #fed7aa;
}

[data-theme="dark"] .alert-danger {
    background-color: #3d1010;
    border-color: #dc3545;
    color: #fca5a5;
}

[data-theme="dark"] .alert-success {
    background-color: #0a3319;
    border-color: #289140;
    color: #bbf7d0;
}

[data-theme="dark"] .list-group-item {
    background-color: var(--bg-surface);
    border-color: var(--border);
    color: var(--text-primary);
}

[data-theme="dark"] .list-group-item:hover {
    background-color: var(--bg-elevated);
}

[data-theme="dark"] .tooltip-inner {
    background-color: var(--border);
    color: var(--text-primary);
}

[data-theme="dark"] .popover {
    background-color: var(--bg-surface);
    border-color: var(--border);
}

[data-theme="dark"] .popover-title {
    background-color: var(--bg-elevated);
    border-bottom-color: var(--border);
    color: var(--text-primary);
}

[data-theme="dark"] .popover-content {
    color: var(--text-primary);
}

[data-theme="dark"] .table-container {
    background-color: var(--bg-surface);
    border-color: var(--border);
    scrollbar-color: var(--border-strong) var(--bg-surface);
}

[data-theme="dark"] .table thead th,
[data-theme="dark"] .table-container table thead th {
    background-color: var(--bg-surface) !important;
    color: var(--text-primary) !important;
    border-bottom: 2px solid var(--border);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}

[data-theme="dark"] .table tbody td {
    color: var(--text-primary);
    border-bottom-color: var(--bg-elevated);
}

[data-theme="dark"] .table > tbody > tr > td,
[data-theme="dark"] .table > tbody > tr > th {
    border-top-color: var(--border-strong) !important;
}

[data-theme="dark"] .table-striped tbody tr:nth-child(odd) {
    background-color: var(--bg-surface) !important;
}

[data-theme="dark"] .table-striped tbody tr:nth-child(even) {
    background-color: rgba(214, 51, 108, 0.07) !important;
}

[data-theme="dark"] .table-striped tbody tr.hovered:hover {
    background-color: var(--bg-elevated) !important;
}

[data-theme="dark"] .table-striped tbody tr.row-selected-action {
    background-color: var(--bg-elevated) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .table-hover tbody tr:hover {
    background-color: var(--bg-elevated);
}

[data-theme="dark"] .header,
[data-theme="dark"] .table-container {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    border-color: var(--border);
}

[data-theme="dark"] .header {
    background-color: var(--bg-surface);
    border-bottom-color: var(--border);
}

[data-theme="dark"] .header h2 {
    color: var(--text-primary);
}

[data-theme="dark"] .container {
    background-color: var(--bg-surface);
    border-color: var(--border);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .no-results-title {
    color: var(--text-primary);
}

[data-theme="dark"] .no-results-text {
    color: var(--text-secondary);
}

[data-theme="dark"] .no-results-circle {
    background-color: var(--primary-bg);
}

[data-theme="dark"] .skeleton {
    background: linear-gradient(110deg, #1F1E24 8%, #51414a 21%, #1F1E24 60%);
    background-size: 200% 100% !important;
    animation-name: shine !important;
    animation-duration: 1.2s !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important;
    animation-play-state: running !important;
}

[data-theme="dark"] .dashboard-header {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .dashboard-header h1 {
    color: var(--text-primary);
}

[data-theme="dark"] .dashboard-header p {
    color: var(--text-secondary);
}

[data-theme="dark"] .card {
    background-color: var(--bg-surface);
    border-color: var(--border);
    color: var(--text-primary);
}

[data-theme="dark"] .card .header {
    color: var(--text-primary);
}

[data-theme="dark"] .card-content {
    color: var(--text-primary);
}

[data-theme="dark"] .card-content label {
    color: var(--text-primary);
}

[data-theme="dark"] .modern-menu {
    background-color: var(--bg-surface);
    border: 1px solid var(--border);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .modern-menu > li > a {
    color: var(--text-primary);
}

[data-theme="dark"] .modern-menu > li > a:hover {
    background-color: var(--bg-elevated);
    color: var(--primary-color);
}

[data-theme="dark"] .modern-menu .dropdown-header {
    color: var(--text-tertiary);
}

[data-theme="dark"] .modern-menu .divider {
    background-color: var(--border) !important;
}

[data-theme="dark"] .logout-popover {
    background: var(--bg-surface);
    border-color: var(--border);
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25), 0 2px 8px rgba(0, 0, 0, 0.15);
}

[data-theme="dark"] .logout-popover::before {
    background: var(--bg-surface);
    border-color: var(--border);
}

[data-theme="dark"] .logout-popover-title {
    color: var(--text-primary);
}

[data-theme="dark"] .logout-popover-text {
    color: var(--text-secondary);
}

[data-theme="dark"] .lp-btn-cancel {
    border-color: var(--border-strong) !important;
    color: var(--text-body);
}

[data-theme="dark"] .lp-btn-cancel:hover {
    background: var(--bg-elevated);
    border-color: var(--primary-color) !important;
    color: var(--primary-color);
}

[data-theme="dark"] .breadcrumb {
    background-color: var(--bg-surface);
}

[data-theme="dark"] .breadcrumb li {
    color: var(--text-primary);
}

[data-theme="dark"] .breadcrumb li + li:before {
    color: var(--text-tertiary);
}

[data-theme="dark"] .breadcrumb li a {
    color: var(--primary-color);
}

[data-theme="dark"] .breadcrumb li a:hover {
    color: var(--primary-hover);
}

[data-theme="dark"] .lang-toggle {
    background: var(--border);
}

[data-theme="dark"] .lang-opt {
    color: var(--text-tertiary);
}

[data-theme="dark"] .lang-opt.active {
    background: var(--bg-base);
    color: var(--text-primary);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}

[data-theme="dark"] .lang-opt:not(.active):hover {
    color: var(--text-secondary);
}

[data-theme="dark"] .select2-container--default .select2-selection--single,
[data-theme="dark"] .select2-container--default .select2-selection--multiple {
    background-color: var(--bg-surface);
    border-color: var(--border);
    color: var(--text-primary);
}

[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--text-primary);
}

[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--text-secondary) transparent transparent transparent;
}

[data-theme="dark"] .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent var(--text-secondary) transparent;
}

[data-theme="dark"] .select2-dropdown {
    background-color: var(--bg-surface);
    border-color: var(--border);
}

[data-theme="dark"] .select2-results__option {
    color: var(--text-primary);
}

[data-theme="dark"] .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--bg-elevated);
    color: var(--primary-color);
}

[data-theme="dark"] .select2-container--default .select2-results__option[aria-selected="true"] {
    background-color: var(--primary-bg);
    color: var(--primary-color);
}

[data-theme="dark"] .select2-search--dropdown .select2-search__field {
    background-color: var(--bg-base);
    border-color: var(--border);
    color: var(--text-primary);
}

[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: var(--primary-bg);
    border-color: var(--primary-color);
    color: var(--text-primary);
}

[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--text-secondary);
}

[data-theme="dark"] .swal2-popup {
    background-color: var(--bg-surface);
    color: var(--text-primary);
}

[data-theme="dark"] .swal2-title {
    color: var(--text-primary);
}

[data-theme="dark"] .swal2-html-container {
    color: var(--text-secondary);
}

[data-theme="dark"] .swal2-input,
[data-theme="dark"] .swal2-textarea {
    background-color: var(--bg-base);
    border-color: var(--border);
    color: var(--text-primary);
}

[data-theme="dark"] .swal2-styled.swal2-confirm {
    background-color: var(--primary-color) !important;
    color: #fff !important;
}

[data-theme="dark"] .swal2-styled.swal2-confirm:focus {
    box-shadow: var(--ring) !important;
}

[data-theme="dark"] .swal2-styled.swal2-deny {
    background-color: var(--danger) !important;
    color: #fff !important;
}

[data-theme="dark"] .swal2-styled.swal2-cancel {
    background-color: var(--bg-elevated) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border) !important;
}

[data-theme="dark"] .approved {
    background-color: #0d2e1a;
    color: #96f9c4;
}

[data-theme="dark"] .rejected {
    background-color: #2d1515;
    color: #ff9c9c;
}

[data-theme="dark"] .help-button {
    background-color: var(--primary-active) !important;
}

[data-theme="dark"] .help-button:hover {
    background-color: var(--primary-hover) !important;
}

[data-theme="dark"] ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: var(--bg-base);
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: var(--border);
    border-radius: 4px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: var(--border-strong);
}

[data-theme="dark"] .card-body {
    background-color: var(--bg-surface);
}

[data-theme="dark"] .card-title {
    color: var(--text-primary);
}

[data-theme="dark"] .card-text {
    color: var(--text-secondary);
}

[data-theme="dark"] .pagination > li > a,
[data-theme="dark"] .pagination > li > span {
    background-color: var(--bg-surface);
    border-color: var(--border);
    color: var(--text-primary);
}

[data-theme="dark"] .pagination > li > a:hover {
    background-color: var(--bg-elevated);
    border-color: var(--border);
    color: var(--primary-color);
}

[data-theme="dark"] .pagination > .active > a,
[data-theme="dark"] .pagination > .active > a:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #ffffff;
}

[data-theme="dark"] .pagination > .disabled > a {
    background-color: var(--bg-muted);
    border-color: var(--border);
    color: var(--border-strong);
}

[data-theme="dark"] .container-fluid {
    background-color: transparent;
}