/* Dark Theme Variables */
[data-theme="dark"] {
    --bs-body-bg: #1a1d29;
    --bs-body-color: #e9ecef;
    --bs-body-color-rgb: 233, 236, 239;
    --bs-gray-100: #2d3138;
    --bs-gray-200: #353a42;
    --bs-gray-300: #3d4249;
    --bs-gray-400: #4a5159;
    --bs-gray-500: #5d6670;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #adb5bd;
    --bs-gray-800: #ced4da;
    --bs-gray-900: #dee2e6;
    --bs-white: #1a1d29;
    --bs-dark: #e9ecef;
    --bs-light: #2d3138;
    --bs-secondary: #6c757d;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-warning: #fbbf24;
    --bs-warning-rgb: 251, 191, 36;
}

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

/* Main content background is handled in styles.css with primary theme awareness */
/* [data-theme="dark"] .main-content {
    background-color: var(--bs-gray-100) !important;
} */

[data-theme="dark"] .card,
[data-theme="dark"] .sidebar,
[data-theme="dark"] .page-container {
    background-color: var(--bs-gray-200) !important;
    color: var(--bs-body-color);
    border-color: var(--bs-gray-400);
}

[data-theme="dark"] .sidebar {
    background-color: var(--bs-gray-300) !important;
}

[data-theme="dark"] .header,
[data-theme="dark"] .navbar {
    background-color: var(--bs-gray-300) !important;
    border-color: var(--bs-gray-400);
}

[data-theme="dark"] .header .header-container .nav-left > li > a,
[data-theme="dark"] .header .header-container .nav-right > li > a {
    color: var(--bs-gray-700) !important;
}

[data-theme="dark"] .header .header-container .nav-left > li > a:hover,
[data-theme="dark"] .header .header-container .nav-left > li > a:focus,
[data-theme="dark"] .header .header-container .nav-right > li > a:hover,
[data-theme="dark"] .header .header-container .nav-right > li > a:focus {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .text-muted {
    color: var(--bs-gray-700) !important;
}

[data-theme="dark"] .table {
    color: var(--bs-body-color);
}

[data-theme="dark"] .table th,
[data-theme="dark"] .table td {
    border-color: var(--bs-gray-400);
}

[data-theme="dark"] .table-bordered {
    border-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .table-bordered th,
[data-theme="dark"] .table-bordered td {
    border-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .table-bordered thead th,
[data-theme="dark"] .table-bordered thead td {
    border-bottom-width: 2px;
    border-bottom-color: var(--bs-gray-500) !important;
}

[data-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: var(--bs-gray-200);
}

[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
    background-color: var(--bs-gray-200);
    border-color: var(--bs-gray-400);
    color: var(--bs-body-color);
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
    background-color: var(--bs-gray-200);
    border-color: var(--bs-primary);
    color: var(--bs-body-color);
}

[data-theme="dark"] .dropdown-menu {
    background-color: var(--bs-gray-300);
    border-color: var(--bs-gray-400);
    box-shadow: 0 0.6125rem 2.5rem 0.6125rem rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .dropdown-item {
    color: var(--bs-body-color);
}

[data-theme="dark"] .dropdown-item:hover {
    background-color: var(--bs-gray-400);
    color: var(--bs-body-color);
}

[data-theme="dark"] .modal-content {
    background-color: var(--bs-gray-300);
    border-color: var(--bs-gray-400);
}

[data-theme="dark"] .modal-header,
[data-theme="dark"] .modal-footer {
    border-color: var(--bs-gray-400);
}

[data-theme="dark"] .nav-link {
    color: var(--bs-body-color);
}

[data-theme="dark"] .bg-light,
[data-theme="dark"] .bgc-grey-100 {
    background-color: var(--bs-gray-100) !important;
}

[data-theme="dark"] .page-title,
[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: var(--bs-body-color);
}

[data-theme="dark"] .page-subtitle {
    color: var(--bs-gray-700) !important;
}

[data-theme="dark"] .card-title {
    color: var(--bs-body-color) !important;
}

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

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

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

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

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

[data-theme="dark"] .d-s-icon {
    color: #fff !important;
}

[data-theme="dark"] .sidebar-link,
[data-theme="dark"] .sidebar-menu a {
    color: var(--bs-gray-700);
}

[data-theme="dark"] .sidebar-link:hover,
[data-theme="dark"] .sidebar-menu a:hover {
    color: var(--bs-body-color);
}

/* Menu Item Focus - Dark Theme (override main.css 10950) */
[data-theme="dark"] .sidebar-menu li a:focus {
    color: var(--bs-body-color) !important;
    text-decoration: none !important;
}

[data-theme="dark"] .sidebar-menu li a:focus .icon-holder {
    color: var(--bs-body-color) !important;
}

/* Collapsed Menu - Focus State - Dark Theme */
[data-theme="dark"] .is-collapsed .sidebar-menu li a:focus {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}

[data-theme="dark"] .is-collapsed .sidebar-menu li a:focus .icon-holder,
[data-theme="dark"] .is-collapsed .sidebar-menu li a:focus .icon-holder i {
    color: #fff !important;
}

[data-theme="dark"] .sidebar-menu li.dropdown.open > a .title,
[data-theme="dark"] .sidebar-menu li.actived > a .title {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .sidebar-menu li.dropdown.open > a i {
    color: var(--bs-body-color) !important;
}

/* Sidebar Menu Icons - Dark Theme */
/* Default icon color */
[data-theme="dark"] .sidebar-menu .icon-holder i,
[data-theme="dark"] .sidebar-menu .icon-holder i.text-black-md,
[data-theme="dark"] .sidebar-menu > li > a .icon-holder i,
[data-theme="dark"] .sidebar-menu > li > a .icon-holder i.text-black-md {
    color: var(--bs-gray-800) !important;
}

/* Override text-black-md in sidebar */
[data-theme="dark"] .sidebar-menu .text-black-md {
    color: var(--bs-gray-800) !important;
}

/* Hover state */
[data-theme="dark"] .sidebar-menu li a:hover .icon-holder,
[data-theme="dark"] .sidebar-menu li a:focus .icon-holder {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .sidebar-menu li a:hover .icon-holder i,
[data-theme="dark"] .sidebar-menu li a:focus .icon-holder i,
[data-theme="dark"] .sidebar-menu li a:hover .icon-holder i.text-black-md,
[data-theme="dark"] .sidebar-menu li a:focus .icon-holder i.text-black-md {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .sidebar-menu li.actived > a i,
[data-theme="dark"] .sidebar-menu li.actived > a .icon-holder,
[data-theme="dark"] .sidebar-menu li.actived > a .icon-holder i,
[data-theme="dark"] .sidebar-menu li.actived > a .icon-holder i.text-black-md {
    color: #fff !important;
}

[data-theme="dark"] .sidebar-menu > li.dropdown ul.dropdown-menu > li.actived > a,
[data-theme="dark"] .sidebar-menu > li.dropdown ul.dropdown-menu > li.actived a {
    color: var(--bs-body-color) !important;
}

/* Submenu Hover - Dark Theme */
[data-theme="dark"] .sidebar-menu > li.dropdown ul.dropdown-menu > li > a:hover,
[data-theme="dark"] .sidebar-menu > li.dropdown ul.dropdown-menu > li > a:focus {
    background-color: transparent !important;
    color: var(--bs-body-color) !important;
}

/* Menu Item Active/Click - Dark Theme */
[data-theme="dark"] .sidebar-menu > li.actived > a,
[data-theme="dark"] .sidebar-menu > li.open > a {
    color: #fff !important;
}

[data-theme="dark"] .sidebar-menu > li.actived > a .title,
[data-theme="dark"] .sidebar-menu > li.open > a .title {
    color: #fff !important;
}

[data-theme="dark"] .sidebar-menu .sidebar-link.actived::before {
    background-color: var(--bs-primary) !important;
}

/* Collapsed Menu - Active/Opened State - Dark Theme */
[data-theme="dark"] .is-collapsed .sidebar-menu > li.actived > a,
[data-theme="dark"] .is-collapsed .sidebar-menu > li.open > a {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}

[data-theme="dark"] .is-collapsed .sidebar-menu > li.actived > a .icon-holder,
[data-theme="dark"] .is-collapsed .sidebar-menu > li.actived > a .icon-holder i,
[data-theme="dark"] .is-collapsed .sidebar-menu > li.open > a .icon-holder,
[data-theme="dark"] .is-collapsed .sidebar-menu > li.open > a .icon-holder i {
    color: #fff !important;
}

[data-theme="dark"] .is-collapsed .sidebar-menu > li.actived > a i,
[data-theme="dark"] .is-collapsed .sidebar-menu > li.open > a i {
    color: #fff !important;
}

/* Collapsed Menu - Focus State - Dark Theme */
[data-theme="dark"] .is-collapsed .sidebar-menu > li > a:focus {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}

[data-theme="dark"] .is-collapsed .sidebar-menu > li > a:focus .icon-holder,
[data-theme="dark"] .is-collapsed .sidebar-menu > li > a:focus .icon-holder i {
    color: #fff !important;
}

[data-theme="dark"] .is-collapsed .sidebar-menu > li > a:focus i {
    color: #fff !important;
}

[data-theme="dark"] .nav-menu-category {
    color: var(--bs-gray-700) !important;
}

[data-theme="dark"] .nav-menu-category-text {
    color: var(--bs-gray-700) !important;
}

[data-theme="dark"] .list-group-item {
    background-color: var(--bs-gray-200);
    border-color: var(--bs-gray-400);
    color: var(--bs-body-color);
}

[data-theme="dark"] .breadcrumb {
    background-color: var(--bs-gray-200);
}

[data-theme="dark"] .breadcrumb-item a {
    color: var(--bs-gray-600);
}

[data-theme="dark"] .breadcrumb-item.active {
    color: var(--bs-body-color);
}

[data-theme="dark"] .badge {
    color: #fff;
}

[data-theme="dark"] .alert {
    border-color: var(--bs-gray-400);
}

[data-theme="dark"] .alert-info {
    background-color: rgba(var(--bs-info-rgb), 0.1);
    border-color: rgba(var(--bs-info-rgb), 0.3);
    color: var(--bs-info);
}

[data-theme="dark"] .alert-success {
    background-color: rgba(var(--bs-success-rgb), 0.1);
    border-color: rgba(var(--bs-success-rgb), 0.3);
    color: var(--bs-success);
}

[data-theme="dark"] .alert-warning {
    background-color: rgba(var(--bs-warning-rgb), 0.1);
    border-color: rgba(var(--bs-warning-rgb), 0.3);
    color: var(--bs-warning);
}

[data-theme="dark"] .alert-danger {
    background-color: rgba(var(--bs-danger-rgb), 0.1);
    border-color: rgba(var(--bs-danger-rgb), 0.3);
    color: var(--bs-danger);
}

/* ============================================
   COMPREHENSIVE DARK THEME STYLES
   Based on global light theme styles
   ============================================ */

/* Form Controls - Dark Theme */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
    background-color: var(--bs-gray-200) !important;
    border-color: var(--bs-gray-400) !important;
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
    background-color: var(--bs-gray-200) !important;
    border-color: var(--bs-primary) !important;
    box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb, 59, 130, 246), 0.2) !important;
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .form-control:hover:not(:disabled):not([readonly]),
[data-theme="dark"] .form-select:hover:not(:disabled) {
    border-color: var(--bs-gray-500) !important;
}

[data-theme="dark"] .form-control::placeholder {
    color: var(--bs-gray-600) !important;
}

[data-theme="dark"] .form-control:disabled,
[data-theme="dark"] .form-control[readonly],
[data-theme="dark"] .form-select:disabled {
    background-color: var(--bs-gray-300) !important;
    opacity: 0.6 !important;
}

[data-theme="dark"] .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%236c757d' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
}

[data-theme="dark"] .form-select:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23e9ecef' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
}

/* Form Check Input - Dark Theme */
[data-theme="dark"] .form-check-input {
    border-color: var(--bs-gray-400) !important;
    background-color: var(--bs-gray-200) !important;
}

[data-theme="dark"] .form-check-input:focus {
    border-color: var(--bs-primary) !important;
    box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb, 59, 130, 246), 0.2) !important;
}

[data-theme="dark"] .form-check-input:checked {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

[data-theme="dark"] .form-check-label {
    color: var(--bs-body-color) !important;
}

/* Input Group - Dark Theme */
[data-theme="dark"] span.input-group-text:not([class*="btn-"]),
[data-theme="dark"] div.input-group-text:not([class*="btn-"]) {
    border-color: var(--bs-gray-400) !important;
    background-color: var(--bs-gray-300) !important;
    color: var(--bs-gray-700) !important;
}

[data-theme="dark"] span.input-group-text:not([class*="btn-"]):hover,
[data-theme="dark"] div.input-group-text:not([class*="btn-"]):hover {
    background-color: var(--bs-gray-400) !important;
}

/* Select2 - Dark Theme */
[data-theme="dark"] .select2-container .select2-selection--single,
[data-theme="dark"] .select2-container .select2-selection--multiple {
    border-color: var(--bs-gray-400) !important;
    background-color: var(--bs-gray-200) !important;
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .select2-container .select2-selection--single:hover,
[data-theme="dark"] .select2-container .select2-selection--multiple:hover {
    border-color: var(--bs-gray-500) !important;
}

[data-theme="dark"] .select2-container--default.select2-container--focus .select2-selection--single,
[data-theme="dark"] .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: var(--bs-primary) !important;
    box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb, 59, 130, 246), 0.2) !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__placeholder,
[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
    color: var(--bs-gray-600) !important;
    opacity: 1 !important;
}

[data-theme="dark"] .select2-dropdown {
    border-color: var(--bs-gray-400) !important;
    background-color: var(--bs-gray-300) !important;
}

[data-theme="dark"] .select2-container--default .select2-search--dropdown .select2-search__field {
    border-color: var(--bs-gray-400) !important;
    background-color: var(--bs-gray-200) !important;
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .select2-container--default .select2-search--dropdown .select2-search__field::placeholder {
    color: var(--bs-gray-600) !important;
    opacity: 1 !important;
}

[data-theme="dark"] .select2-container--default .select2-search--inline .select2-search__field::placeholder {
    color: var(--bs-gray-600) !important;
    opacity: 1 !important;
}

[data-theme="dark"] .select2-container--default .select2-results__option {
    color: var(--bs-body-color) !important;
    transition: all 0.15s ease !important;
    padding: 0.5rem 0.75rem !important;
}

[data-theme="dark"] .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.25) !important;
    color: #fff !important;
    font-weight: 500 !important;
}

[data-theme="dark"] .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.35) !important;
    color: #fff !important;
    font-weight: 500 !important;
}

[data-theme="dark"] .select2-container--default .select2-results__option[aria-selected=true].select2-results__option--highlighted {
    background-color: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.4) !important;
    color: #fff !important;
}

/* Select2 Multiple Selection Chips - Dark Theme */
[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.2) !important;
    border-color: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.3) !important;
    color: var(--bs-primary) !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice:hover {
    background-color: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.25) !important;
    border-color: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.4) !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--bs-primary) !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-search__field {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
    color: var(--bs-primary) !important;
}

/* Select2 Arrow - Dark Theme */
[data-theme="dark"] .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--bs-gray-700) transparent transparent transparent !important;
}

[data-theme="dark"] .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent var(--bs-gray-700) transparent !important;
}

/* Select2 Disabled Options - Dark Theme */
[data-theme="dark"] .select2-container--default .select2-results__option--disabled {
    color: var(--bs-gray-600) !important;
}

/* Select2 Group Headers - Dark Theme */
[data-theme="dark"] .select2-container--default .select2-results__option--group {
    color: var(--bs-gray-700) !important;
    background-color: transparent !important;
}

/* Select2 No Results Message - Dark Theme */
[data-theme="dark"] .select2-results__message {
    color: var(--bs-gray-700) !important;
}

/* Select2 Loading State - Dark Theme */
[data-theme="dark"] .select2-results__option.loading-results {
    color: var(--bs-gray-700) !important;
    background-color: transparent !important;
}

/* Select2 Search Field Focus - Dark Theme */
[data-theme="dark"] .select2-container--default .select2-search--dropdown .select2-search__field:focus {
    border-color: var(--bs-primary) !important;
    outline: none !important;
}

/* Toggle Switch - Dark Theme */
[data-theme="dark"] .toggle-switch-label {
    background-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .toggle-switch-input:checked + .toggle-switch-label {
    background-color: var(--bs-primary) !important;
}

[data-theme="dark"] .toggle-switch-indicator {
    background-color: #fff !important;
}

[data-theme="dark"] .toggle-switch-content {
    color: var(--bs-body-color) !important;
}

/* Bootstrap Datepicker - Dark Theme */
[data-theme="dark"] .datepicker {
    background-color: var(--bs-gray-300) !important;
    border-color: var(--bs-gray-400) !important;
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .datepicker-dropdown:after {
    border-bottom-color: var(--bs-gray-300) !important;
}

[data-theme="dark"] .datepicker-dropdown.datepicker-orient-top:after {
    border-top-color: var(--bs-gray-300) !important;
}

[data-theme="dark"] .datepicker table tr td,
[data-theme="dark"] .datepicker table tr th {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .datepicker table tr td.day:hover,
[data-theme="dark"] .datepicker table tr td.day.focused {
    background-color: var(--bs-gray-400) !important;
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .datepicker table tr td.old,
[data-theme="dark"] .datepicker table tr td.new {
    color: var(--bs-gray-600) !important;
}

[data-theme="dark"] .datepicker table tr td.disabled,
[data-theme="dark"] .datepicker table tr td.disabled:hover {
    color: var(--bs-gray-600) !important;
    cursor: default !important;
}

[data-theme="dark"] .datepicker table tr td.highlighted {
    background-color: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.15) !important;
}

[data-theme="dark"] .datepicker table tr td.today,
[data-theme="dark"] .datepicker table tr td.today:hover,
[data-theme="dark"] .datepicker table tr td.today.disabled,
[data-theme="dark"] .datepicker table tr td.today.disabled:hover {
    background-color: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.2) !important;
    color: var(--bs-body-color) !important;
    border-color: var(--bs-primary) !important;
}

[data-theme="dark"] .datepicker table tr td.range,
[data-theme="dark"] .datepicker table tr td.range:hover,
[data-theme="dark"] .datepicker table tr td.range.disabled,
[data-theme="dark"] .datepicker table tr td.range.disabled:hover {
    background-color: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.1) !important;
}

[data-theme="dark"] .datepicker table tr td.active,
[data-theme="dark"] .datepicker table tr td.active:hover,
[data-theme="dark"] .datepicker table tr td.active.disabled,
[data-theme="dark"] .datepicker table tr td.active.disabled:hover {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}

[data-theme="dark"] .datepicker table tr td.selected,
[data-theme="dark"] .datepicker table tr td.selected:hover,
[data-theme="dark"] .datepicker table tr td.selected.disabled,
[data-theme="dark"] .datepicker table tr td.selected.disabled:hover {
    background-color: var(--bs-gray-500) !important;
    color: #fff !important;
}

[data-theme="dark"] .datepicker table tr td span:hover {
    background-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .datepicker table tr td span.focused {
    background-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .datepicker table tr td span.disabled,
[data-theme="dark"] .datepicker table tr td span.disabled:hover {
    color: var(--bs-gray-600) !important;
}

[data-theme="dark"] .datepicker table tr td span.active,
[data-theme="dark"] .datepicker table tr td span.active:hover,
[data-theme="dark"] .datepicker table tr td span.active.disabled,
[data-theme="dark"] .datepicker table tr td span.active.disabled:hover {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}

[data-theme="dark"] .datepicker table tr td span.old,
[data-theme="dark"] .datepicker table tr td span.new {
    color: var(--bs-gray-600) !important;
}

[data-theme="dark"] .datepicker .datepicker-switch:hover,
[data-theme="dark"] .datepicker .prev:hover,
[data-theme="dark"] .datepicker .next:hover,
[data-theme="dark"] .datepicker tfoot tr th:hover {
    background-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .datepicker .datepicker-switch,
[data-theme="dark"] .datepicker .prev,
[data-theme="dark"] .datepicker .next,
[data-theme="dark"] .datepicker tfoot tr th {
    color: var(--bs-body-color) !important;
}

/* Button Secondary - Dark Theme */
[data-theme="dark"] .btn-secondary {
    background-color: var(--bs-gray-400) !important;
    border-color: var(--bs-gray-500) !important;
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .btn-secondary:hover {
    background-color: var(--bs-gray-500) !important;
    border-color: var(--bs-gray-600) !important;
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .btn-secondary:disabled,
[data-theme="dark"] .btn-secondary.disabled {
    background-color: var(--bs-gray-300) !important;
    border-color: var(--bs-gray-400) !important;
    color: var(--bs-gray-600) !important;
}

/* File Input - Dark Theme */
[data-theme="dark"] .form-control[type="file"]::file-selector-button {
    background-color: var(--bs-primary) !important;
}

[data-theme="dark"] .form-control[type="date"]::-webkit-calendar-picker-indicator,
[data-theme="dark"] .form-control[type="time"]::-webkit-calendar-picker-indicator,
[data-theme="dark"] .form-control[type="datetime-local"]::-webkit-calendar-picker-indicator {
    filter: invert(0.8);
}

/* Validation States - Dark Theme */
[data-theme="dark"] .form-control.is-valid:focus,
[data-theme="dark"] .form-select.is-valid:focus {
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.2) !important;
}

[data-theme="dark"] .form-control.is-invalid:focus,
[data-theme="dark"] .form-select.is-invalid:focus {
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.2) !important;
}

/* Easy Autocomplete - Dark Theme */
[data-theme="dark"] .easy-autocomplete-container ul {
    border-color: var(--bs-gray-400) !important;
    background-color: var(--bs-gray-300) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .easy-autocomplete-container ul li,
[data-theme="dark"] .easy-autocomplete-container ul .eac-category {
    color: var(--bs-body-color) !important;
    border-bottom-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .easy-autocomplete-container ul li:hover {
    background-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .easy-autocomplete-container ul li.selected {
    background-color: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.2) !important;
    color: var(--bs-primary) !important;
}

[data-theme="dark"] .easy-autocomplete-container ul li.selected:hover {
    background-color: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.25) !important;
}

/* Tabs - Dark Theme */
[data-theme="dark"] .nav-custom2 .nav-link,
[data-theme="dark"] .nav-custom .nav-link {
    color: var(--bs-gray-700) !important;
}

[data-theme="dark"] .nav-custom2 .nav-link:not(.active),
[data-theme="dark"] .nav-custom .nav-link:not(.active) {
    color: var(--bs-gray-700) !important;
    background: var(--bs-gray-200) !important;
    opacity: 1 !important;
    font-weight: 500 !important;
    border-radius: 8px !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border: 1px solid var(--bs-gray-300) !important;
}

[data-theme="dark"] .nav-custom2 .nav-link:hover,
[data-theme="dark"] .nav-custom .nav-link:hover {
    color: var(--bs-primary) !important;
    background: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.15) !important;
    opacity: 1 !important;
}

[data-theme="dark"] .nav-custom2 .nav-link.active,
[data-theme="dark"] .nav-custom .nav-link.active {
    color: #fff !important;
    background: var(--bs-primary) !important;
    opacity: 1 !important;
}

/* Badge visibility in nav-custom2 tabs - Dark Theme */
[data-theme="dark"] .nav-custom2 .nav-link:not(.active) .badge {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}

[data-theme="dark"] .nav-custom2 .nav-link.active .badge {
    background-color: rgba(255, 255, 255, 0.25) !important;
    color: #fff !important;
}

/* Card - Dark Theme */
[data-theme="dark"] .card {
    border-color: var(--bs-gray-400) !important;
    background-color: var(--bs-gray-200) !important;
}

[data-theme="dark"] .card-header {
    border-bottom-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .card-header-title {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .card-body {
    color: var(--bs-body-color) !important;
}

/* Table - Dark Theme */
[data-theme="dark"] .table-custom1 {
    border-color: var(--bs-gray-400) !important;
    background-color: var(--bs-gray-200) !important;
}

[data-theme="dark"] .table-responsive {
    border-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .table-responsive .table-custom1 {
    border-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .table-custom1 thead th {
    background-color: var(--bs-gray-300) !important;
    border-bottom-color: var(--bs-gray-400) !important;
    color: var(--bs-gray-700) !important;
}

[data-theme="dark"] .table-custom1 tbody td {
    border-bottom-color: var(--bs-gray-400) !important;
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .table-custom1 tbody tr:hover {
    background-color: var(--bs-gray-300) !important;
}

/* Profile Cover - Dark Theme */
[data-theme="dark"] .profile-cover-img-wrapper {
    background-color: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.1) !important;
}

/* Avatar Soft Primary - Dark Theme */
[data-theme="dark"] .avatar-soft-primary .avatar-initials {
    color: var(--bs-primary) !important;
    background-color: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.15) !important;
}


[data-theme="dark"] .dropdown-item {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .dropdown-item:focus {
    background-color: var(--bs-gray-400) !important;
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .dropdown-item.active,
[data-theme="dark"] .dropdown-item:active {
    background-color: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.2) !important;
    color: var(--bs-primary) !important;
}

/* Modern Dropdown Menu - Dark Theme */
[data-theme="dark"] .modern-dropdown-menu {
    background-color: var(--bs-gray-300) !important;
    border-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .modern-dropdown-item {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .modern-dropdown-item:hover {
    background-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .modern-dropdown-item.active {
    background-color: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.2) !important;
    color: var(--bs-primary) !important;
}

/* Language Dropdown - Dark Theme */
[data-theme="dark"] .language-dropdown-toggle {
    color: var(--bs-body-color) !important;
}

/* Pagination - Dark Theme */
[data-theme="dark"] .page-link {
    background-color: var(--bs-gray-200) !important;
    border-color: var(--bs-gray-400) !important;
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .page-link:hover {
    background-color: var(--bs-gray-300) !important;
    border-color: var(--bs-gray-500) !important;
    color: var(--bs-primary) !important;
}

[data-theme="dark"] .page-item.active .page-link {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

/* Theme Switcher Panel Styles */
.theme-switcher-toggle {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1049;
    width: 48px;
    height: 48px;
    background-color: var(--bs-primary);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
    border: none;
}

.theme-switcher-toggle:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
}

.theme-switcher-toggle i {
    font-size: 20px;
}

.theme-switcher-panel {
    position: fixed;
    top: 0;
    right: -350px;
    width: 350px;
    height: 100vh;
    background-color: #fff;
    box-shadow: -2px 0 20px rgba(0, 0, 0, 0.08);
    z-index: 1049;
    transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
}

[data-theme="dark"] .theme-switcher-panel {
    background-color: #1e2229;
    box-shadow: -2px 0 20px rgba(0, 0, 0, 0.3);
}

.theme-switcher-panel.open {
    right: 0;
}

.theme-switcher-panel-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1049;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease, pointer-events 0s 0.3s;
}

.theme-switcher-panel-overlay.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity 0.3s ease, visibility 0.3s ease, pointer-events 0s;
}

.theme-switcher-header {
    padding: 24px 20px;
    border-bottom: 1px solid #e7eaf3;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    flex-shrink: 0;
}

[data-theme="dark"] .theme-switcher-header {
    background-color: #1e2229;
    border-bottom-color: #2d3138;
}

.theme-switcher-header h5 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: #1e2022;
    letter-spacing: -0.01em;
}

[data-theme="dark"] .theme-switcher-header h5 {
    color: #e9ecef;
}

.theme-switcher-close {
    background: none;
    border: none;
    color: #677788;
    font-size: 18px;
    cursor: pointer;
    padding: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.theme-switcher-close:hover {
    background-color: #f8fafd;
    color: #1e2022;
}

[data-theme="dark"] .theme-switcher-close {
    color: #8c98a4;
}

[data-theme="dark"] .theme-switcher-close:hover {
    background-color: #2d3138;
    color: #e9ecef;
}

.theme-switcher-body {
    padding: 24px 20px;
    flex: 1;
    overflow-y: auto;
}

.theme-mode-section {
    margin-bottom: 32px;
}

.theme-mode-section h6 {
    font-size: 12px;
    font-weight: 600;
    color: #677788;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-bottom: 12px;
}

[data-theme="dark"] .theme-mode-section h6 {
    color: #8c98a4;
}

.theme-mode-toggle {
    display: flex;
    gap: 8px;
    background-color: #f8fafd;
    padding: 4px;
    border-radius: 10px;
}

[data-theme="dark"] .theme-mode-toggle {
    background-color: #2d3138;
}

.theme-mode-btn {
    flex: 1;
    padding: 10px 16px;
    border: none;
    border-radius: 8px;
    background-color: transparent;
    color: #677788;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 500;
}

[data-theme="dark"] .theme-mode-btn {
    color: #8c98a4;
}

.theme-mode-btn i {
    font-size: 16px;
}

.theme-mode-btn:hover {
    color: #1e2022;
    background-color: rgba(0, 0, 0, 0.02);
}

[data-theme="dark"] .theme-mode-btn:hover {
    color: #e9ecef;
    background-color: rgba(255, 255, 255, 0.05);
}

.theme-mode-btn.active {
    background-color: #fff;
    color: #1e2022;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
}

[data-theme="dark"] .theme-mode-btn.active {
    background-color: #353a42;
    color: #e9ecef;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.theme-color-section {
    margin-bottom: 0;
}

.theme-color-section h6 {
    margin-bottom: 12px;
    font-size: 12px;
    font-weight: 600;
    color: #677788;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

[data-theme="dark"] .theme-color-section h6 {
    color: #8c98a4;
}

.theme-color-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-bottom: 20px;
}

.theme-color-item {
    position: relative;
    cursor: pointer;
}

.theme-color-circle {
    width: 100%;
    height: 40px;
    border-radius: 6px;
    border: 1.5px solid #e7eaf3;
    transition: border-color 0.15s ease;
    position: relative;
    overflow: hidden;
}

[data-theme="dark"] .theme-color-circle {
    border-color: #353a42;
}

.theme-color-item:hover .theme-color-circle {
    border-color: #cbd5e0;
}

[data-theme="dark"] .theme-color-item:hover .theme-color-circle {
    border-color: #4a5159;
}

.theme-color-item.active .theme-color-circle {
    border-color: var(--bs-primary);
    border-width: 2px;
}

.theme-color-item.active .theme-color-circle::after {
    content: '✓';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.theme-color-label {
    margin-top: 6px;
    font-size: 11px;
    text-align: center;
    color: #677788;
    font-weight: 500;
}

[data-theme="dark"] .theme-color-label {
    color: #8c98a4;
}

.theme-color-item.active .theme-color-label {
    color: #1e2022;
    font-weight: 600;
}

[data-theme="dark"] .theme-color-item.active .theme-color-label {
    color: #e9ecef;
}

/* Custom color picker */
.theme-custom-color {
    margin-top: 0;
}

.theme-custom-color label {
    display: block;
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: 600;
    color: #677788;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

[data-theme="dark"] .theme-custom-color label {
    color: #8c98a4;
}

.theme-custom-color-wrapper {
    display: flex;
    gap: 10px;
    align-items: center;
}

.theme-custom-color-input {
    flex: 1;
    padding: 10px 12px;
    border: 1px solid #e7eaf3;
    border-radius: 8px;
    font-size: 13px;
    color: #1e2022;
    background-color: #fff;
    transition: all 0.2s ease;
    font-family: 'Monaco', 'Menlo', 'Courier New', monospace;
}

[data-theme="dark"] .theme-custom-color-input {
    background-color: #2d3138;
    border-color: #353a42;
    color: #e9ecef;
}

.theme-custom-color-input:focus {
    outline: none;
    border-color: #1e2022;
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.05);
}

[data-theme="dark"] .theme-custom-color-input:focus {
    border-color: #4a5159;
    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.05);
}

.theme-custom-color-input[type="color"] {
    width: 44px;
    height: 44px;
    padding: 2px;
    border: 2px solid #e7eaf3;
    border-radius: 8px;
    cursor: pointer;
    flex-shrink: 0;
    background: none;
}

[data-theme="dark"] .theme-custom-color-input[type="color"] {
    border-color: #353a42;
}

.theme-custom-color-input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}

.theme-custom-color-input[type="color"]::-webkit-color-swatch {
    border: none;
    border-radius: 6px;
}

/* Ensure primary buttons use the CSS variable */
.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    opacity: 0.85;
}

.btn-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25) !important;
}

.btn-outline-primary {
    color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #fff !important;
}

.btn-outline-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25) !important;
}

/* Badge primary */
.badge-primary,
.bg-primary {
    background-color: var(--bs-primary) !important;
}

.text-primary {
    color: var(--bs-primary) !important;
}

/* Link primary colors */
a.text-primary,
a.text-primary:hover,
a.text-primary:focus {
    color: var(--bs-primary) !important;
}

/* Alert primary */
.alert-primary {
    color: var(--bs-primary);
    background-color: rgba(var(--bs-primary-rgb), 0.1);
    border-color: rgba(var(--bs-primary-rgb), 0.2);
}

/* Border primary */
.border-primary {
    border-color: var(--bs-primary) !important;
}

/* Progress bar primary */
.progress-bar-primary,
.progress-bar.bg-primary {
    background-color: var(--bs-primary) !important;
}

/* Progress - Dark Theme Background */
[data-theme="dark"] .progress {
    background-color: var(--bs-gray-300) !important;
}

/* Topbar Utility Classes - Dark Theme (for remaining static classes) */
[data-theme="dark"] .bgc-red-400 {
    background-color: #ef4444 !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .theme-switcher-panel {
        width: 100%;
        right: -100%;
    }
    
    .theme-switcher-toggle {
        right: 15px;
        bottom: 15px;
        width: 44px;
        height: 44px;
    }
}

/* Date Range Picker - Dark Theme */
[data-theme="dark"] .daterangepicker {
    background-color: var(--bs-gray-300) !important;
    border-color: var(--bs-gray-400) !important;
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .daterangepicker:after {
    border-bottom-color: var(--bs-gray-300) !important;
}

[data-theme="dark"] .daterangepicker.drop-up:after {
    border-top-color: var(--bs-gray-300) !important;
}

[data-theme="dark"] .daterangepicker .calendar-table {
    background-color: var(--bs-gray-300) !important;
    border-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .daterangepicker .calendar-table th,
[data-theme="dark"] .daterangepicker .calendar-table td {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .daterangepicker td.available:hover,
[data-theme="dark"] .daterangepicker th.available:hover {
    background-color: var(--bs-gray-400) !important;
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .daterangepicker td.week,
[data-theme="dark"] .daterangepicker th.week {
    color: var(--bs-gray-600) !important;
}

[data-theme="dark"] .daterangepicker td.off,
[data-theme="dark"] .daterangepicker td.off.in-range,
[data-theme="dark"] .daterangepicker td.off.start-date,
[data-theme="dark"] .daterangepicker td.off.end-date {
    background-color: var(--bs-gray-300) !important;
    color: var(--bs-gray-600) !important;
}

[data-theme="dark"] .daterangepicker td.in-range {
    background-color: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.15) !important;
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .daterangepicker td.active,
[data-theme="dark"] .daterangepicker td.active:hover {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}

[data-theme="dark"] .daterangepicker td.disabled,
[data-theme="dark"] .daterangepicker option.disabled {
    color: var(--bs-gray-600) !important;
}

[data-theme="dark"] .daterangepicker select.monthselect,
[data-theme="dark"] .daterangepicker select.yearselect,
[data-theme="dark"] .daterangepicker select.hourselect,
[data-theme="dark"] .daterangepicker select.minuteselect,
[data-theme="dark"] .daterangepicker select.secondselect,
[data-theme="dark"] .daterangepicker select.ampmselect {
    background-color: var(--bs-gray-200) !important;
    border-color: var(--bs-gray-400) !important;
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .daterangepicker select.hourselect:hover,
[data-theme="dark"] .daterangepicker select.minuteselect:hover,
[data-theme="dark"] .daterangepicker select.secondselect:hover,
[data-theme="dark"] .daterangepicker select.ampmselect:hover {
    background-color: var(--bs-gray-300) !important;
    border-color: var(--bs-gray-500) !important;
}

[data-theme="dark"] .daterangepicker .calendar-time select.disabled {
    color: var(--bs-gray-600) !important;
}

[data-theme="dark"] .daterangepicker .drp-buttons {
    border-top-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .daterangepicker .drp-buttons .btn {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .daterangepicker .cancelBtn {
    background-color: var(--bs-gray-200) !important;
    border-color: var(--bs-gray-400) !important;
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .daterangepicker .cancelBtn:hover,
[data-theme="dark"] .daterangepicker .cancelBtn:focus,
[data-theme="dark"] .daterangepicker .cancelBtn:active,
[data-theme="dark"] .daterangepicker .cancelBtn.active {
    background-color: var(--bs-gray-400) !important;
    border-color: var(--bs-gray-500) !important;
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .daterangepicker .drp-selected {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .daterangepicker.show-ranges .drp-calendar.left {
    border-right-color: var(--bs-gray-400) !important;
    border-left-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .daterangepicker.show-ranges .drp-calendar.right {
    border-right-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .daterangepicker .ranges li {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .daterangepicker .ranges li:hover {
    background-color: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.15) !important;
    color: var(--bs-primary) !important;
}

[data-theme="dark"] .daterangepicker .ranges li.active {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
    box-shadow: 0 1px 3px rgba(var(--bs-primary-rgb, 59, 130, 246), 0.3) !important;
}

/* Dark Theme - Improved Dropdown Arrow/Caret */
[data-theme="dark"] .daterangepicker:before {
    border-bottom-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .daterangepicker:after {
    border-bottom-color: var(--bs-gray-300) !important;
}

[data-theme="dark"] .daterangepicker.drop-up:before {
    border-top-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .daterangepicker.drop-up:after {
    border-top-color: var(--bs-gray-300) !important;
}

[data-theme="dark"] .daterangepicker .calendar-table .next span,
[data-theme="dark"] .daterangepicker .calendar-table .prev span {
    border-color: var(--bs-gray-700) !important;
}

/* Bootstrap Datetimepicker - Dark Theme */
[data-theme="dark"] .bootstrap-datetimepicker-widget.dropdown-menu {
    background-color: var(--bs-gray-300) !important;
    border-color: var(--bs-gray-400) !important;
    box-shadow: 0 0.6125rem 2.5rem 0.6125rem rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-bottom-color: var(--bs-gray-300) !important;
}

[data-theme="dark"] .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-top-color: var(--bs-gray-300) !important;
}

[data-theme="dark"] .bootstrap-datetimepicker-widget table th,
[data-theme="dark"] .bootstrap-datetimepicker-widget table td {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .bootstrap-datetimepicker-widget table td.day:hover,
[data-theme="dark"] .bootstrap-datetimepicker-widget table td.hour:hover,
[data-theme="dark"] .bootstrap-datetimepicker-widget table td.minute:hover,
[data-theme="dark"] .bootstrap-datetimepicker-widget table td.second:hover {
    background-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .bootstrap-datetimepicker-widget table td.active,
[data-theme="dark"] .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}

[data-theme="dark"] .bootstrap-datetimepicker-widget table td.old,
[data-theme="dark"] .bootstrap-datetimepicker-widget table td.new,
[data-theme="dark"] .bootstrap-datetimepicker-widget table td.disabled,
[data-theme="dark"] .bootstrap-datetimepicker-widget table td.disabled:hover {
    color: var(--bs-gray-600) !important;
}

[data-theme="dark"] .bootstrap-datetimepicker-widget table td span:hover {
    background-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .bootstrap-datetimepicker-widget table td span.active {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}

[data-theme="dark"] .bootstrap-datetimepicker-widget table td span.old,
[data-theme="dark"] .bootstrap-datetimepicker-widget table td span.disabled,
[data-theme="dark"] .bootstrap-datetimepicker-widget table td span.disabled:hover {
    color: var(--bs-gray-600) !important;
}

[data-theme="dark"] .bootstrap-datetimepicker-widget .timepicker-hour,
[data-theme="dark"] .bootstrap-datetimepicker-widget .timepicker-minute,
[data-theme="dark"] .bootstrap-datetimepicker-widget .timepicker-second {
    color: var(--bs-body-color) !important;
    background-color: transparent !important;
}

[data-theme="dark"] .bootstrap-datetimepicker-widget .picker-switch td span {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .bootstrap-datetimepicker-widget .picker-switch td span:hover {
    background-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .bootstrap-datetimepicker-widget table td.cw {
    color: var(--bs-gray-600) !important;
}

[data-theme="dark"] .bootstrap-datetimepicker-widget table th.disabled,
[data-theme="dark"] .bootstrap-datetimepicker-widget table th.disabled:hover {
    color: var(--bs-gray-600) !important;
}

/* Genealogy Tree - Dark Theme */
[data-theme="dark"] .tree-img {
    background-color: var(--bs-gray-300) !important;
    border-color: var(--bs-gray-300) !important;
}

[data-theme="dark"] .tree-content {
    background: var(--bs-gray-300) !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .tree-container.inactive .tree-content {
    background: rgba(0, 0, 0, 0.2) !important;
}

[data-theme="dark"] .tree-title {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .tree-subtitle {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .orgchart .node:not(:only-child)::after {
    background-color: var(--bs-gray-500) !important;
}

[data-theme="dark"] .orgchart>ul>li>ul li>.node::before {
    background-color: var(--bs-gray-500) !important;
}

[data-theme="dark"] .orgchart .hierarchy::before {
    border-top-color: var(--bs-gray-500) !important;
}

[data-theme="dark"] .tree-user-add-bottom::before,
[data-theme="dark"] .tree-user-add-right::before {
    background-color: var(--bs-gray-500) !important;
}

[data-theme="dark"] .tree-container.binary-node .tree-content div {
    color: var(--bs-body-color) !important;
}

/* Genealogy Tooltip - Dark Theme */
[data-theme="dark"] .tree-tooltip-container {
    background: var(--bs-gray-300) !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .tree-tooltip-center {
    background: var(--bs-gray-300) !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .tree-tooltip-pv2 {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .tree-tooltip-pv3 {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .tree-tooltip-rank-title {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .tree-tooltip-rank-subtitle {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .tree-tooltip-binary-subtitle {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .tree-tooltip-binary-text {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .tree-tooltip-binary {
    border-top-color: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.3) !important;
    border-bottom-color: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.3) !important;
}

/* Tooltipster - Dark Theme */
[data-theme="dark"] .tooltipster-box {
    background: var(--bs-gray-300) !important;
    border-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .tooltipster-content {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .tooltipster-arrow {
    border-color: var(--bs-gray-300) transparent transparent transparent !important;
}

[data-theme="dark"] .tooltipster-arrow-border {
    border-color: var(--bs-gray-400) transparent transparent transparent !important;
}

/* Table View (Tree View) - Dark Theme */
[data-theme="dark"] .tree-view-container {
    border-color: var(--bs-gray-400) !important;
    background: var(--bs-gray-200) !important;
}

[data-theme="dark"] .tree-view-title {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .tree-view-subtitle {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .tree-view-toggle {
    color: var(--bs-primary) !important;
}

[data-theme="dark"] .orgchart li::before,
[data-theme="dark"] .orgchart li::after {
    border-color: var(--bs-gray-500) !important;
}

[data-theme="dark"] .tree-view-status.active {
    background: var(--bs-primary) !important;
}

[data-theme="dark"] .tree-view-status.inactive {
    background: var(--bs-gray-500) !important;
}

.dash-card {
    position: relative;
    background: #fff;
    border-radius: 8px;
    padding: 1.25rem;
    border: 1px solid rgba(0, 0, 0, 0.08);
    height: 100%;
    display: flex;
    flex-direction: column;
}

.dash-card-rounded {
    border-radius: 16px;
}

.dash-card-icon-rounded {
    border-radius: 12px;
}

.dash-card-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 1;
}

.dash-card-body {
    flex: 1;
    min-width: 0;
}

.dash-card-label {
    font-size: 0.75rem;
    font-weight: 500;
    color: #6b7280;
    margin-bottom: 0.5rem;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.dash-card-value {
    font-size: 1.5rem;
    font-weight: 600;
    color: #111827;
    line-height: 1.3;
    margin: 0;
}

.dash-card-icon {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
    flex-shrink: 0;
    margin-left: 1rem;
    background: var(--dash-color-primary);
    color: #fff;
}

.dash-card-icon-light {
    background: rgba(var(--dash-color-primary-rgb), 0.1);
    color: var(--dash-color-primary);
}

.dash-card-icon-neutral {
    background: rgba(0, 0, 0, 0.05);
    color: #6b7280;
}

[data-theme="dark"] .dash-card-icon-neutral {
    background: rgba(255, 255, 255, 0.1);
    color: var(--bs-gray-700);
}

.dash-card-color-1 {
    --dash-color-primary: #3b82f6;
    --dash-color-primary-rgb: 59, 130, 246;
}

.dash-card-color-2 {
    --dash-color-primary: #8b5cf6;
    --dash-color-primary-rgb: 139, 92, 246;
}

.dash-card-color-3 {
    --dash-color-primary: #ec4899;
    --dash-color-primary-rgb: 236, 72, 153;
}

.dash-card-color-4 {
    --dash-color-primary: #ef4444;
    --dash-color-primary-rgb: 239, 68, 68;
}

.dash-card-color-5 {
    --dash-color-primary: #f97316;
    --dash-color-primary-rgb: 249, 115, 22;
}

.dash-card-color-6 {
    --dash-color-primary: #22c55e;
    --dash-color-primary-rgb: 34, 197, 94;
}

.dash-card-color-7 {
    --dash-color-primary: #06b6d4;
    --dash-color-primary-rgb: 6, 182, 212;
}

.dash-card-color-8 {
    --dash-color-primary: #0ea5e9;
    --dash-color-primary-rgb: 14, 165, 233;
}

.dash-card-color-primary {
    --dash-color-primary: var(--bs-primary);
    --dash-color-primary-rgb: var(--bs-primary-rgb, 59, 130, 246);
}

[data-theme="dark"] .dash-card {
    background: var(--bs-gray-200);
    border-color: var(--bs-gray-400);
}

[data-theme="dark"] .dash-card-label {
    color: var(--bs-gray-700);
}

[data-theme="dark"] .dash-card-value {
    color: var(--bs-body-color);
}

@media (max-width: 768px) {
    .dash-card {
        padding: 1rem;
    }
    
    .dash-card-value {
        font-size: 1.375rem;
    }
    
    .dash-card-icon {
        width: 40px;
        height: 40px;
        font-size: 1rem;
    }
}

.dash-cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5rem;
}

@media (max-width: 768px) {
    .dash-cards-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

/* Button Link Color Variants */
.btn-link-primary {
    color: var(--bs-primary) !important;
}

.btn-link-primary:hover,
.btn-link-primary:focus {
    color: var(--bs-primary) !important;
    text-decoration: underline;
    opacity: 0.8;
}

.btn-link-secondary {
    color: var(--bs-secondary) !important;
}

.btn-link-secondary:hover,
.btn-link-secondary:focus {
    color: var(--bs-secondary) !important;
    text-decoration: underline;
    opacity: 0.8;
}

.btn-link-success {
    color: var(--bs-success) !important;
}

.btn-link-success:hover,
.btn-link-success:focus {
    color: var(--bs-success) !important;
    text-decoration: underline;
    opacity: 0.8;
}

.btn-link-danger {
    color: var(--bs-danger) !important;
}

.btn-link-danger:hover,
.btn-link-danger:focus {
    color: var(--bs-danger) !important;
    text-decoration: underline;
    opacity: 0.8;
}

.btn-link-warning {
    color: var(--bs-warning) !important;
}

.btn-link-warning:hover,
.btn-link-warning:focus {
    color: var(--bs-warning) !important;
    text-decoration: underline;
    opacity: 0.8;
}

.btn-link-info {
    color: var(--bs-info) !important;
}

.btn-link-info:hover,
.btn-link-info:focus {
    color: var(--bs-info) !important;
    text-decoration: underline;
    opacity: 0.8;
}

.btn-link-light {
    color: var(--bs-light) !important;
}

.btn-link-light:hover,
.btn-link-light:focus {
    color: var(--bs-light) !important;
    text-decoration: underline;
    opacity: 0.8;
}

.btn-link-dark {
    color: var(--bs-dark) !important;
}

.btn-link-dark:hover,
.btn-link-dark:focus {
    color: var(--bs-dark) !important;
    text-decoration: underline;
    opacity: 0.8;
}

/* Mass Payout Status Badges - Dark Theme */
[data-theme="dark"] .c-amber-700.bgc-amber-50,
[data-theme="dark"] .bgc-amber-50.c-amber-700 {
    color: #fbbf24 !important;
    background-color: rgba(251, 191, 36, 0.15) !important;
}

[data-theme="dark"] .c-blue-600.bgc-blue-50,
[data-theme="dark"] .bgc-blue-50.c-blue-600 {
    color: #60a5fa !important;
    background-color: rgba(96, 165, 250, 0.15) !important;
}

[data-theme="dark"] .c-teal-600.bgc-teal-50,
[data-theme="dark"] .bgc-teal-50.c-teal-600 {
    color: #2dd4bf !important;
    background-color: rgba(45, 212, 191, 0.15) !important;
}

[data-theme="dark"] .c-red-600.bgc-red-50,
[data-theme="dark"] .bgc-red-50.c-red-600 {
    color: #f87171 !important;
    background-color: rgba(248, 113, 113, 0.15) !important;
}

[data-theme="dark"] .c-grey-800.bgc-grey-200,
[data-theme="dark"] .bgc-grey-200.c-grey-800 {
    color: var(--bs-gray-600) !important;
    background-color: var(--bs-gray-300) !important;
}

/* Order Status Badge Soft Classes - Dark Theme */
[data-theme="dark"] .badge-soft-primary {
    color: #60a5fa !important;
    background-color: rgba(96, 165, 250, 0.2) !important;
}

[data-theme="dark"] .badge-soft-secondary {
    color: var(--bs-gray-600) !important;
    background-color: rgba(108, 117, 125, 0.2) !important;
}

[data-theme="dark"] .badge-soft-success {
    color: #2dd4bf !important;
    background-color: rgba(45, 212, 191, 0.2) !important;
}

[data-theme="dark"] .badge-soft-info {
    color: #22d3ee !important;
    background-color: rgba(34, 211, 238, 0.2) !important;
}

[data-theme="dark"] .badge-soft-warning {
    color: var(--bs-warning) !important;
    background-color: rgba(var(--bs-warning-rgb), 0.25) !important;
}

[data-theme="dark"] .badge-soft-danger {
    color: #f87171 !important;
    background-color: rgba(248, 113, 113, 0.2) !important;
}

/* Dropdown Card - Dark Theme */
[data-theme="dark"] .dropdown-card {
    background-color: var(--bs-gray-300) !important;
    border-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .dropdown-card .card {
    background-color: var(--bs-gray-300) !important;
    border-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .dropdown-card .card-body {
    background-color: var(--bs-gray-300) !important;
    color: var(--bs-body-color) !important;
}

/* Form Control Light - Dark Theme */
[data-theme="dark"] .form-control-light {
    background-color: var(--bs-gray-200) !important;
    border-color: var(--bs-gray-400) !important;
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .form-control-light:focus {
    background-color: var(--bs-gray-200) !important;
    border-color: var(--bs-primary) !important;
    color: var(--bs-body-color) !important;
    box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb, 59, 130, 246), 0.2) !important;
}

[data-theme="dark"] .form-control-light option {
    background-color: var(--bs-gray-200) !important;
    color: var(--bs-body-color) !important;
}

/* Step Component - Dark Theme */
[data-theme="dark"] .step .step-icon::after {
    border-left-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .step.step-dashed .step-icon::after {
    border-left-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .step-divider::after {
    border-left-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .step-icon-border {
    border-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .step-title {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .step-text {
    color: var(--bs-gray-700) !important;
}

[data-theme="dark"] .step-text:last-child {
    color: var(--bs-gray-700) !important;
}

[data-theme="dark"] .step-content {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .step .active .step-title,
[data-theme="dark"] .step .active.is-valid .step-title,
[data-theme="dark"] .step .visited .step-title {
    color: var(--bs-primary) !important;
}

[data-theme="dark"] .step .is-valid .step-title {
    color: var(--bs-primary) !important;
}

[data-theme="dark"] .step .is-invalid .step-title {
    color: var(--bs-danger) !important;
}

/* Step Icon Soft Dark - Dark Theme */
[data-theme="dark"] .step-icon-soft-dark {
    color: var(--bs-gray-700) !important;
    background-color: var(--bs-gray-300) !important;
}

[data-theme="dark"] .step-icon-soft-dark.step-icon-pseudo::before {
    background-color: var(--bs-gray-600) !important;
}

/* Step Icon Soft Variants - Dark Theme */
[data-theme="dark"] .step-icon-soft-primary {
    color: #60a5fa !important;
    background-color: rgba(96, 165, 250, 0.2) !important;
}

[data-theme="dark"] .step-icon-soft-primary.step-icon-pseudo::before {
    background-color: #60a5fa !important;
}

[data-theme="dark"] .step-icon-soft-secondary {
    color: var(--bs-gray-600) !important;
    background-color: rgba(108, 117, 125, 0.2) !important;
}

[data-theme="dark"] .step-icon-soft-secondary.step-icon-pseudo::before {
    background-color: var(--bs-gray-600) !important;
}

[data-theme="dark"] .step-icon-soft-success {
    color: #2dd4bf !important;
    background-color: rgba(45, 212, 191, 0.2) !important;
}

[data-theme="dark"] .step-icon-soft-success.step-icon-pseudo::before {
    background-color: #2dd4bf !important;
}

[data-theme="dark"] .step-icon-soft-info {
    color: #22d3ee !important;
    background-color: rgba(34, 211, 238, 0.2) !important;
}

[data-theme="dark"] .step-icon-soft-info.step-icon-pseudo::before {
    background-color: #22d3ee !important;
}

[data-theme="dark"] .step-icon-soft-warning {
    color: var(--bs-warning) !important;
    background-color: rgba(var(--bs-warning-rgb), 0.25) !important;
}

[data-theme="dark"] .step-icon-soft-warning.step-icon-pseudo::before {
    background-color: #fbbf24 !important;
}

[data-theme="dark"] .step-icon-soft-danger {
    color: #f87171 !important;
    background-color: rgba(248, 113, 113, 0.2) !important;
}

[data-theme="dark"] .step-icon-soft-danger.step-icon-pseudo::before {
    background-color: #f87171 !important;
}

/* Heading Dark - Dark Theme */
[data-theme="dark"] .heading-dark {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .heading-dark.bg-white {
    background-color: var(--bs-gray-200) !important;
    color: var(--bs-body-color) !important;
}

/* Step Content Text - Dark Theme */
[data-theme="dark"] .step-content p {
    color: var(--bs-gray-700) !important;
}

[data-theme="dark"] .step-content .bgc-grey-200 {
    background-color: var(--bs-gray-300) !important;
    color: var(--bs-body-color) !important;
}

/* Step Comment - Theme Aware */
.step-comment {
    background-color: #f0f2f5;
    color: #1e2022;
}

[data-theme="dark"] .step-comment {
    background-color: var(--bs-gray-300) !important;
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .step .step-content p:not(.step-comment) {
    color: var(--bs-gray-700) !important;
}

/* Step Responsive Borders - Dark Theme */
@media (min-width: 576px) {
    [data-theme="dark"] .step-sm .step-icon::after {
        border-top-color: var(--bs-gray-400) !important;
    }
    
    [data-theme="dark"] .step-sm.step-dashed .step-icon::after {
        border-top-color: var(--bs-gray-400) !important;
    }
}

@media (min-width: 768px) {
    [data-theme="dark"] .step-md .step-icon::after {
        border-top-color: var(--bs-gray-400) !important;
    }
    
    [data-theme="dark"] .step-md.step-dashed .step-icon::after {
        border-top-color: var(--bs-gray-400) !important;
    }
}

/* btn-light - Dark Theme */
[data-theme="dark"] .btn-light {
    color: var(--bs-body-color) !important;
    background-color: var(--bs-gray-300) !important;
    border-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .btn-light:hover {
    color: var(--bs-body-color) !important;
    background-color: var(--bs-gray-400) !important;
    border-color: var(--bs-gray-500) !important;
}

[data-theme="dark"] .btn-check:focus + .btn-light,
[data-theme="dark"] .btn-light:focus {
    color: var(--bs-body-color) !important;
    background-color: var(--bs-gray-400) !important;
    border-color: var(--bs-gray-500) !important;
}

[data-theme="dark"] .btn-check:checked + .btn-light,
[data-theme="dark"] .btn-check:active + .btn-light,
[data-theme="dark"] .btn-light:active,
[data-theme="dark"] .btn-light.active,
[data-theme="dark"] .show > .btn-light.dropdown-toggle {
    color: var(--bs-body-color) !important;
    background-color: var(--bs-gray-500) !important;
    border-color: var(--bs-gray-600) !important;
}

[data-theme="dark"] .btn-light:disabled,
[data-theme="dark"] .btn-light.disabled {
    color: var(--bs-gray-600) !important;
    background-color: var(--bs-gray-200) !important;
    border-color: var(--bs-gray-300) !important;
    opacity: 0.5 !important;
}

/* Border Direction Classes - Theme Aware */
[data-theme="dark"] .bdT {
    border-top-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .bdR {
    border-right-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .bdB {
    border-bottom-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .bdL {
    border-left-color: var(--bs-gray-400) !important;
}

/* .bd - Theme Aware Border */
[data-theme="dark"] .bd {
    border-color: var(--bs-gray-400) !important;
}

/* .ctm-img-uploader-avatar - Theme Aware */
[data-theme="dark"] .ctm-img-uploader-avatar {
    background: var(--bs-gray-200) !important;
}

[data-theme="dark"] .ctm-img-uploader-avatar .ctm-img-uploader-item-thumbnail-holder {
    border-color: var(--bs-gray-200) !important;
}

[data-theme="dark"] .ctm-img-uploader-avatar .ctm-img-uploader-input-inner {
    border-color: var(--bs-gray-400) !important;
    background: var(--bs-gray-200) !important;
}

[data-theme="dark"] .ctm-img-uploader-avatar .ctm-img-uploader-input-inner:hover {
    border-color: var(--bs-gray-500) !important;
    background: var(--bs-gray-300) !important;
}

/* .ctm-img-uploader - Theme Aware */
[data-theme="dark"] .ctm-img-uploader {
    background: var(--bs-gray-200) !important;
}

[data-theme="dark"] .ctm-img-uploader-input-inner {
    border-color: var(--bs-gray-400) !important;
    color: var(--bs-gray-600) !important;
    background: transparent !important;
}

[data-theme="dark"] .ctm-img-uploader-input-inner:hover {
    border-color: var(--bs-gray-500) !important;
    background: var(--bs-gray-300) !important;
    box-shadow: 0 4px 24px -1px rgba(0, 0, 0, 0.2) !important;
}

[data-theme="dark"] .ctm-img-uploader-icon-main {
    color: var(--bs-primary) !important;
}

[data-theme="dark"] .ctm-img-uploader-item-inner {
    background: var(--bs-gray-200) !important;
    box-shadow: 0 4px 24px -1px rgba(0, 0, 0, 0.2) !important;
}

[data-theme="dark"] .ctm-img-uploader-item-content-holder h5 {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .ctm-img-uploader-item-content-holder span {
    color: var(--bs-gray-600) !important;
}

[data-theme="dark"] .ctm-img-uploader-item-image img,
[data-theme="dark"] .ctm-img-uploader-item-image i {
    background: var(--bs-gray-200) !important;
}

[data-theme="dark"] .ctm-img-uploader-item-image-hover {
    background: rgba(0, 0, 0, 0.4) !important;
}

/* btn-outline variations - Dark Theme */
[data-theme="dark"] .btn-outline-primary {
    color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

[data-theme="dark"] .btn-outline-primary:hover,
[data-theme="dark"] .btn-outline-primary:focus,
[data-theme="dark"] .btn-outline-primary:active {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #fff !important;
}

[data-theme="dark"] .btn-outline-secondary {
    color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
}

[data-theme="dark"] .btn-outline-secondary:hover,
[data-theme="dark"] .btn-outline-secondary:focus,
[data-theme="dark"] .btn-outline-secondary:active {
    background-color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .btn-outline-success {
    color: var(--bs-success) !important;
    border-color: var(--bs-success) !important;
}

[data-theme="dark"] .btn-outline-success:hover,
[data-theme="dark"] .btn-outline-success:focus,
[data-theme="dark"] .btn-outline-success:active {
    background-color: var(--bs-success) !important;
    border-color: var(--bs-success) !important;
    color: #fff !important;
}

[data-theme="dark"] .btn-outline-danger {
    color: var(--bs-danger) !important;
    border-color: var(--bs-danger) !important;
}

[data-theme="dark"] .btn-outline-danger:hover,
[data-theme="dark"] .btn-outline-danger:focus,
[data-theme="dark"] .btn-outline-danger:active {
    background-color: var(--bs-danger) !important;
    border-color: var(--bs-danger) !important;
    color: #fff !important;
}

[data-theme="dark"] .btn-outline-warning {
    color: var(--bs-warning) !important;
    border-color: var(--bs-warning) !important;
}

[data-theme="dark"] .btn-outline-warning:hover,
[data-theme="dark"] .btn-outline-warning:focus,
[data-theme="dark"] .btn-outline-warning:active {
    background-color: var(--bs-warning) !important;
    border-color: var(--bs-warning) !important;
    color: #000 !important;
}

[data-theme="dark"] .btn-outline-warning:focus,
[data-theme="dark"] .btn-check:focus + .btn-outline-warning {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-warning-rgb), 0.5) !important;
}

[data-theme="dark"] .btn-outline-warning:disabled,
[data-theme="dark"] .btn-outline-warning.disabled {
    color: var(--bs-warning) !important;
    opacity: 0.6 !important;
}

[data-theme="dark"] .btn-outline-info {
    color: var(--bs-info) !important;
    border-color: var(--bs-info) !important;
}

[data-theme="dark"] .btn-outline-info:hover,
[data-theme="dark"] .btn-outline-info:focus,
[data-theme="dark"] .btn-outline-info:active {
    background-color: var(--bs-info) !important;
    border-color: var(--bs-info) !important;
    color: #fff !important;
}

[data-theme="dark"] .btn-outline-light {
    color: var(--bs-light) !important;
    border-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .btn-outline-light:hover,
[data-theme="dark"] .btn-outline-light:focus,
[data-theme="dark"] .btn-outline-light:active {
    background-color: var(--bs-gray-400) !important;
    border-color: var(--bs-gray-400) !important;
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .btn-outline-dark {
    color: var(--bs-dark) !important;
    border-color: var(--bs-gray-500) !important;
}

[data-theme="dark"] .btn-outline-dark:hover,
[data-theme="dark"] .btn-outline-dark:focus,
[data-theme="dark"] .btn-outline-dark:active {
    background-color: var(--bs-gray-500) !important;
    border-color: var(--bs-gray-500) !important;
    color: var(--bs-body-color) !important;
}

/* Dynamic backend colors (lead status, source colors) - Dark Theme Adaptation */
[data-theme="dark"] span[style*="background-color"] {
    position: relative;
}

[data-theme="dark"] span[style*="background-color"]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: inherit;
    pointer-events: none;
    z-index: 0;
}

[data-theme="dark"] span[style*="background-color"] > * {
    position: relative;
    z-index: 1;
}

/* Improve text readability on dynamic colored backgrounds in dark theme */
[data-theme="dark"] span[style*="background-color"].text-white {
    filter: brightness(1.1) contrast(1.1);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

/* #profile-setting-list - Theme Aware */
[data-theme="dark"] #profile-setting-list {
    background-color: var(--bs-gray-200) !important;
    border-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] #profile-setting-list .nav-link {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] #profile-setting-list .nav-link:hover {
    color: var(--bs-primary) !important;
    background-color: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.1) !important;
}

[data-theme="dark"] #profile-setting-list .nav-link.active {
    color: var(--bs-primary) !important;
    background-color: transparent !important;
    border-color: var(--bs-primary) !important;
}

[data-theme="dark"] #profile-setting-list .nav-icon {
    color: var(--bs-gray-600) !important;
}

[data-theme="dark"] #profile-setting-list .nav-link:hover .nav-icon,
[data-theme="dark"] #profile-setting-list .nav-link.active .nav-icon {
    color: var(--bs-primary) !important;
}

/* Accordion Dark Theme */
[data-theme="dark"] .accordion {
    --bs-accordion-bg: var(--bs-gray-200);
    --bs-accordion-border-color: var(--bs-gray-400);
    --bs-accordion-btn-bg: var(--bs-gray-300);
    --bs-accordion-btn-color: var(--bs-body-color);
    --bs-accordion-active-bg: var(--bs-gray-300);
    --bs-accordion-active-color: var(--bs-body-color);
}

.accordion-item + .accordion-item,
.accordion > form + form {
    margin-top: 0.5rem;
}

[data-theme="dark"] .accordion-item {
    background-color: var(--bs-gray-200);
    border-color: var(--bs-gray-400);
}

[data-theme="dark"] .accordion-button {
    background-color: var(--bs-gray-300);
    color: var(--bs-body-color);
}

[data-theme="dark"] .accordion-button:not(.collapsed) {
    background-color: var(--bs-gray-300);
    color: var(--bs-body-color);
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-gray-400);
}

[data-theme="dark"] .accordion-button::after {
    filter: invert(1) grayscale(100%) brightness(200%);
}

[data-theme="dark"] .accordion-body {
    background-color: var(--bs-gray-200);
    color: var(--bs-body-color);
}

[data-theme="dark"] .accordion-collapse {
    background-color: var(--bs-gray-200);
}

/* CKEditor 5 Dark Theme - Using app's neutral gray palette */
[data-theme="dark"] {
    /* CKEditor colors matched to app's dark theme */
    --ck-custom-background: #353a42;
    --ck-custom-background-hover: #3d4249;
    --ck-custom-background-active: #4a5159;
    --ck-custom-border: #4a5159;
    --ck-custom-text: #e9ecef;
    --ck-custom-white: #ffffff;

    /* Generic colors */
    --ck-color-base-background: var(--ck-custom-background);
    --ck-color-base-border: var(--ck-custom-border);
    --ck-color-base-foreground: var(--ck-custom-background-hover);
    --ck-color-focus-border: var(--bs-primary, #3b82f6);
    --ck-color-text: var(--ck-custom-text);
    --ck-color-shadow-drop: rgba(0, 0, 0, 0.3);
    --ck-color-shadow-inner: rgba(0, 0, 0, 0.2);

    /* Button colors */
    --ck-color-button-default-background: transparent;
    --ck-color-button-default-hover-background: var(--ck-custom-background-hover);
    --ck-color-button-default-active-background: var(--ck-custom-background-active);
    --ck-color-button-default-active-shadow: var(--ck-custom-background-hover);
    --ck-color-button-default-disabled-background: transparent;

    --ck-color-button-on-background: var(--ck-custom-background-active);
    --ck-color-button-on-hover-background: #5d6670;
    --ck-color-button-on-active-background: #5d6670;
    --ck-color-button-on-active-shadow: var(--ck-custom-background-active);
    --ck-color-button-on-disabled-background: var(--ck-custom-background-active);

    --ck-color-button-action-background: var(--bs-primary, #3b82f6);
    --ck-color-button-action-hover-background: var(--bs-primary, #3b82f6);
    --ck-color-button-action-active-background: var(--bs-primary, #3b82f6);
    --ck-color-button-action-active-shadow: var(--bs-primary, #3b82f6);
    --ck-color-button-action-disabled-background: var(--bs-primary, #3b82f6);
    --ck-color-button-action-text: var(--ck-custom-white);

    --ck-color-button-save: #22c55e;
    --ck-color-button-cancel: #ef4444;

    /* Dropdown colors */
    --ck-color-dropdown-panel-background: var(--ck-custom-background);
    --ck-color-dropdown-panel-border: var(--ck-custom-border);

    /* Dialog colors */
    --ck-color-dialog-background: var(--ck-custom-background);
    --ck-color-dialog-form-header-border: var(--ck-custom-border);

    /* Split button colors */
    --ck-color-split-button-hover-background: var(--ck-custom-background-hover);
    --ck-color-split-button-hover-border: var(--ck-custom-border);

    /* Input colors */
    --ck-color-input-background: var(--ck-custom-background);
    --ck-color-input-border: var(--ck-custom-border);
    --ck-color-input-text: var(--ck-custom-text);
    --ck-color-input-disabled-background: #2d3138;
    --ck-color-input-disabled-border: var(--ck-custom-border);
    --ck-color-input-disabled-text: #6c757d;

    /* List colors */
    --ck-color-list-background: var(--ck-custom-background);
    --ck-color-list-button-hover-background: var(--ck-custom-background-hover);
    --ck-color-list-button-on-background: var(--bs-primary, #3b82f6);
    --ck-color-list-button-on-background-focus: var(--bs-primary, #3b82f6);
    --ck-color-list-button-on-text: var(--ck-custom-white);

    /* Panel colors */
    --ck-color-panel-background: var(--ck-custom-background);
    --ck-color-panel-border: var(--ck-custom-border);

    /* Toolbar colors */
    --ck-color-toolbar-background: var(--ck-custom-background);
    --ck-color-toolbar-border: var(--ck-custom-border);

    /* Tooltip colors */
    --ck-color-tooltip-background: #1a1d29;
    --ck-color-tooltip-text: var(--ck-custom-text);

    /* Widget colors */
    --ck-color-widget-blurred-border: #6c757d;
    --ck-color-widget-hover-border: #fbbf24;

    /* Link colors */
    --ck-color-link-default: var(--bs-primary, #3b82f6);

    /* Labeled field colors */
    --ck-color-labeled-field-label-background: var(--ck-custom-background);

    /* Engine placeholder */
    --ck-color-engine-placeholder-text: #6c757d;
}

/* Editor content area */
[data-theme="dark"] .ck.ck-editor__main > .ck-editor__editable,
[data-theme="dark"] .ck.ck-editor__editable {
    background: #353a42 !important;
    color: #e9ecef !important;
    border-color: #4a5159 !important;
}

/* Link styling in editor */
[data-theme="dark"] .ck.ck-editor__editable a {
    color: var(--bs-primary, #3b82f6) !important;
}

/* Code block styling */
[data-theme="dark"] .ck-content pre {
    color: #e9ecef !important;
    border-color: #4a5159 !important;
    background: #2d3138 !important;
}

/* CKEditor 5 Toolbar - Explicit overrides */
[data-theme="dark"] .ck.ck-toolbar {
    background: #353a42 !important;
    background-color: #353a42 !important;
    border-color: #4a5159 !important;
}

[data-theme="dark"] .ck.ck-toolbar__items {
    background: transparent !important;
}

/* Toolbar buttons */
[data-theme="dark"] .ck.ck-button,
[data-theme="dark"] .ck.ck-button.ck-off,
[data-theme="dark"] .ck.ck-toolbar .ck-button,
[data-theme="dark"] .ck.ck-toolbar .ck-button.ck-off {
    color: #e9ecef !important;
    background: transparent !important;
    background-color: transparent !important;
}

[data-theme="dark"] .ck.ck-button:hover,
[data-theme="dark"] .ck.ck-button.ck-off:hover,
[data-theme="dark"] .ck.ck-toolbar .ck-button:hover {
    background: #3d4249 !important;
    background-color: #3d4249 !important;
}

[data-theme="dark"] .ck.ck-button.ck-on,
[data-theme="dark"] .ck.ck-toolbar .ck-button.ck-on {
    background: #4a5159 !important;
    background-color: #4a5159 !important;
    color: #e9ecef !important;
}

/* Dropdown buttons */
[data-theme="dark"] .ck.ck-dropdown .ck-button,
[data-theme="dark"] .ck.ck-dropdown__button {
    color: #e9ecef !important;
    background: transparent !important;
}

[data-theme="dark"] .ck.ck-dropdown .ck-button:hover,
[data-theme="dark"] .ck.ck-dropdown__button:hover {
    background: #3d4249 !important;
}

/* Dropdown panels */
[data-theme="dark"] .ck.ck-dropdown__panel,
[data-theme="dark"] .ck.ck-dropdown__panel-visible {
    background: #353a42 !important;
    background-color: #353a42 !important;
    border-color: #4a5159 !important;
}

/* List items in dropdowns */
[data-theme="dark"] .ck.ck-list {
    background: #353a42 !important;
}

[data-theme="dark"] .ck.ck-list__item,
[data-theme="dark"] .ck.ck-list__item .ck-button {
    color: #e9ecef !important;
    background: transparent !important;
}

[data-theme="dark"] .ck.ck-list__item .ck-button:hover,
[data-theme="dark"] .ck.ck-list__item:hover .ck-button {
    background: #3d4249 !important;
    background-color: #3d4249 !important;
}

[data-theme="dark"] .ck.ck-list__item .ck-button.ck-on {
    background: var(--bs-primary, #3b82f6) !important;
    color: #ffffff !important;
}

/* Toolbar separator */
[data-theme="dark"] .ck.ck-toolbar__separator {
    background: #4a5159 !important;
    background-color: #4a5159 !important;
}

/* Icons - SVG fills */
[data-theme="dark"] .ck.ck-icon,
[data-theme="dark"] .ck.ck-button .ck-icon,
[data-theme="dark"] .ck.ck-toolbar .ck-icon {
    color: #e9ecef !important;
}

[data-theme="dark"] .ck.ck-icon svg,
[data-theme="dark"] .ck.ck-button .ck-icon svg,
[data-theme="dark"] .ck.ck-icon path,
[data-theme="dark"] .ck.ck-button .ck-icon path {
    fill: #e9ecef !important;
    color: #e9ecef !important;
}

/* Dropdown arrow */
[data-theme="dark"] .ck.ck-dropdown__arrow,
[data-theme="dark"] .ck.ck-dropdown__arrow svg,
[data-theme="dark"] .ck.ck-dropdown__arrow path {
    fill: #e9ecef !important;
    color: #e9ecef !important;
}

/* Split button */
[data-theme="dark"] .ck.ck-splitbutton {
    background: transparent !important;
}

[data-theme="dark"] .ck.ck-splitbutton:hover {
    background: #3d4249 !important;
}

[data-theme="dark"] .ck.ck-splitbutton > .ck-splitbutton__action,
[data-theme="dark"] .ck.ck-splitbutton > .ck-splitbutton__arrow {
    color: #e9ecef !important;
    background: transparent !important;
}

[data-theme="dark"] .ck.ck-splitbutton > .ck-splitbutton__action:hover,
[data-theme="dark"] .ck.ck-splitbutton > .ck-splitbutton__arrow:hover {
    background: #3d4249 !important;
}

/* Balloon panel (tooltips, popups) */
[data-theme="dark"] .ck.ck-balloon-panel {
    background: #353a42 !important;
    border-color: #4a5159 !important;
}

[data-theme="dark"] .ck.ck-balloon-panel::before,
[data-theme="dark"] .ck.ck-balloon-panel::after {
    border-color: #4a5159 transparent transparent transparent !important;
}

/* Input fields in CKEditor dialogs */
[data-theme="dark"] .ck.ck-input,
[data-theme="dark"] .ck.ck-input-text {
    background: #353a42 !important;
    border-color: #4a5159 !important;
    color: #e9ecef !important;
}

/* Labeled field */
[data-theme="dark"] .ck.ck-labeled-field-view__label {
    background: #353a42 !important;
    color: #e9ecef !important;
}

/* Heading dropdown specific items */
[data-theme="dark"] .ck.ck-heading_heading1,
[data-theme="dark"] .ck.ck-heading_heading2,
[data-theme="dark"] .ck.ck-heading_heading3,
[data-theme="dark"] .ck.ck-heading_heading4,
[data-theme="dark"] .ck.ck-heading_heading5,
[data-theme="dark"] .ck.ck-heading_heading6,
[data-theme="dark"] .ck.ck-heading_paragraph {
    color: #e9ecef !important;
}

/* Reset all class for nested elements */
[data-theme="dark"] .ck.ck-reset_all,
[data-theme="dark"] .ck.ck-reset_all * {
    color: #e9ecef;
}

/* Color grid for font/background color */
[data-theme="dark"] .ck.ck-color-grid {
    background: #353a42 !important;
}

/* Block toolbar */
[data-theme="dark"] .ck.ck-block-toolbar-button {
    color: #e9ecef !important;
    background: #353a42 !important;
}

/* Form header in dialogs */
[data-theme="dark"] .ck.ck-form__header {
    background: #3d4249 !important;
    border-color: #4a5159 !important;
}

[data-theme="dark"] .ck.ck-form__header__label {
    color: #e9ecef !important;
}

/* Table form */
[data-theme="dark"] .ck.ck-table-form {
    background: #353a42 !important;
}

/* Sticky panel (toolbar when scrolling) */
[data-theme="dark"] .ck.ck-sticky-panel__content {
    background: #353a42 !important;
    border-color: #4a5159 !important;
}

[data-theme="dark"] .ck.ck-sticky-panel__content_sticky {
    background: #353a42 !important;
}

/* Editor wrapper/container */
[data-theme="dark"] .ck.ck-editor {
    background: transparent !important;
}

[data-theme="dark"] .ck.ck-editor__top {
    background: #353a42 !important;
    border-color: #4a5159 !important;
}

/* Rounded corners wrapper */
[data-theme="dark"] .ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar,
[data-theme="dark"] .ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners {
    background: #353a42 !important;
}

/* Menu bar (if present) */
[data-theme="dark"] .ck.ck-menu-bar {
    background: #353a42 !important;
    border-color: #4a5159 !important;
}

[data-theme="dark"] .ck.ck-menu-bar__menu__button {
    color: #e9ecef !important;
}

[data-theme="dark"] .ck.ck-menu-bar__menu__button:hover {
    background: #3d4249 !important;
}

/* Source editing mode */
[data-theme="dark"] .ck.ck-source-editing-area textarea {
    background: #353a42 !important;
    color: #e9ecef !important;
    border-color: #4a5159 !important;
}

/* TinyMCE Dark Theme */
[data-theme="dark"] .tox,
[data-theme="dark"] .tox-tinymce,
[data-theme="dark"] .tox .tox-editor-container {
    background-color: #353a42 !important;
    border-color: #4a5159 !important;
}

[data-theme="dark"] .tox .tox-editor-header,
[data-theme="dark"] .tox .tox-toolbar,
[data-theme="dark"] .tox .tox-toolbar__primary,
[data-theme="dark"] .tox .tox-toolbar__overflow,
[data-theme="dark"] .tox .tox-menubar,
[data-theme="dark"] .tox .tox-toolbar-overlord {
    background-color: #3d4249 !important;
    background: #3d4249 !important;
    border-color: #4a5159 !important;
}

[data-theme="dark"] .tox .tox-tbtn,
[data-theme="dark"] .tox .tox-mbtn,
[data-theme="dark"] .tox .tox-split-button {
    color: #e9ecef !important;
    background: transparent !important;
}

[data-theme="dark"] .tox .tox-tbtn:hover,
[data-theme="dark"] .tox .tox-mbtn:hover,
[data-theme="dark"] .tox .tox-tbtn:focus,
[data-theme="dark"] .tox .tox-split-button:hover,
[data-theme="dark"] .tox .tox-split-button:focus {
    background-color: #4a5159 !important;
    background: #4a5159 !important;
}

[data-theme="dark"] .tox .tox-tbtn--enabled,
[data-theme="dark"] .tox .tox-tbtn--enabled:hover,
[data-theme="dark"] .tox .tox-tbtn:active {
    background-color: #4a5159 !important;
    background: #4a5159 !important;
}

[data-theme="dark"] .tox .tox-tbtn svg,
[data-theme="dark"] .tox .tox-mbtn svg,
[data-theme="dark"] .tox .tox-icon svg,
[data-theme="dark"] .tox svg {
    fill: #e9ecef !important;
}

[data-theme="dark"] .tox .tox-edit-area__iframe {
    background-color: #353a42 !important;
}

[data-theme="dark"] .tox .tox-statusbar {
    background-color: #3d4249 !important;
    border-color: #4a5159 !important;
    color: #e9ecef !important;
}

[data-theme="dark"] .tox .tox-statusbar a,
[data-theme="dark"] .tox .tox-statusbar__path-item,
[data-theme="dark"] .tox .tox-statusbar__wordcount {
    color: #adb5bd !important;
}

[data-theme="dark"] .tox .tox-menu,
[data-theme="dark"] .tox .tox-collection,
[data-theme="dark"] .tox .tox-collection--list,
[data-theme="dark"] .tox .tox-collection--toolbar,
[data-theme="dark"] .tox .tox-collection--grid,
[data-theme="dark"] .tox .tox-dialog,
[data-theme="dark"] .tox .tox-pop__dialog,
[data-theme="dark"] .tox .tox-swatches-menu,
[data-theme="dark"] .tox .tox-color-picker-container {
    background-color: #3d4249 !important;
    background: #3d4249 !important;
    border-color: #4a5159 !important;
}

[data-theme="dark"] .tox .tox-collection__item,
[data-theme="dark"] .tox .tox-collection__item-label,
[data-theme="dark"] .tox .tox-collection__item-accessory,
[data-theme="dark"] .tox .tox-menu__label {
    color: #e9ecef !important;
}

[data-theme="dark"] .tox .tox-collection__item--active,
[data-theme="dark"] .tox .tox-collection__item:hover,
[data-theme="dark"] .tox .tox-collection__item--enabled {
    background-color: #4a5159 !important;
    background: #4a5159 !important;
}

[data-theme="dark"] .tox .tox-collection__group-heading {
    background-color: #353a42 !important;
    background: #353a42 !important;
    color: #adb5bd !important;
    border-color: #4a5159 !important;
}

[data-theme="dark"] .tox .tox-collection__item-caret svg,
[data-theme="dark"] .tox .tox-collection__item-checkmark svg,
[data-theme="dark"] .tox .tox-collection__item-icon svg {
    fill: #e9ecef !important;
}

[data-theme="dark"] .tox .tox-toolbar__group {
    border-color: #4a5159 !important;
}

[data-theme="dark"] .tox .tox-tbtn--select,
[data-theme="dark"] .tox .tox-tbtn__select-label,
[data-theme="dark"] .tox .tox-mbtn__select-label {
    color: #e9ecef !important;
}

[data-theme="dark"] .tox .tox-tbtn__select-chevron svg,
[data-theme="dark"] .tox .tox-mbtn__select-chevron svg {
    fill: #e9ecef !important;
}

[data-theme="dark"] .tox .tox-insert-table-picker > div {
    border-color: #4a5159 !important;
}

[data-theme="dark"] .tox .tox-insert-table-picker .tox-insert-table-picker__selected {
    background-color: var(--bs-primary) !important;
}

[data-theme="dark"] .tox .tox-insert-table-picker__label {
    color: #e9ecef !important;
}

[data-theme="dark"] .tox .tox-collection--horizontal {
    background-color: #3d4249 !important;
}

[data-theme="dark"] .tox .tox-collection__group {
    border-color: #4a5159 !important;
}

/* TinyMCE Distraction-free / Inline editor Dark Theme */
[data-theme="dark"] .dfree-body,
[data-theme="dark"] .mce-content-body {
    background-color: #353a42 !important;
    color: #e9ecef !important;
    border-color: #4a5159 !important;
}

[data-theme="dark"] .demo-dfree {
    background-color: #353a42 !important;
    border-color: #4a5159 !important;
}

[data-theme="dark"] .mce-content-body[contenteditable="true"] {
    background-color: #353a42 !important;
    color: #e9ecef !important;
}

[data-theme="dark"] .mce-content-body:focus {
    outline-color: var(--bs-primary) !important;
}

/* ============================================
   Mailbox Pages - Theme Support  
   ============================================ */

/* Mailbox is self-contained with inline styles in views */
/* These are additional dark theme overrides */

[data-theme="dark"] .mailbox-container {
    border-color: var(--bs-gray-400);
}

[data-theme="dark"] .mailbox-sidebar {
    background: var(--bs-gray-200) !important;
    border-right-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .mailbox-main {
    background: var(--bs-gray-200) !important;
}

[data-theme="dark"] .mailbox-list {
    border-right-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .mailbox-toolbar {
    background: var(--bs-gray-300) !important;
    border-bottom-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .mail-item {
    border-bottom-color: var(--bs-gray-400) !important;
}

[data-theme="dark"] .mail-item:hover {
    background: var(--bs-gray-300) !important;
}

[data-theme="dark"] .mail-sender,
[data-theme="dark"] .mail-subject {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .sidebar-nav-item {
    color: var(--bs-gray-600) !important;
}

[data-theme="dark"] .sidebar-nav-item:hover,
[data-theme="dark"] .sidebar-nav-item.active {
    color: var(--bs-primary) !important;
    background: rgba(var(--bs-primary-rgb), 0.15) !important;
}

[data-theme="dark"] .attachment-hint {
    background: var(--bs-gray-300) !important;
    border-color: var(--bs-gray-400) !important;
}

/* Tagify Dark Theme */
[data-theme="dark"] .tagify {
    --tags-border-color: var(--bs-gray-400);
    --tags-hover-border-color: var(--bs-gray-500);
    --tags-focus-border-color: var(--bs-primary);
    --tag-bg: var(--bs-gray-400);
    --tag-hover: var(--bs-gray-500);
    --tag-text-color: var(--bs-body-color);
    --tag-text-color--edit: var(--bs-body-color);
    --tag-remove-btn-color: var(--bs-body-color);
    --input-color: var(--bs-body-color);
    --placeholder-color: var(--bs-gray-600);
    --placeholder-color-focus: var(--bs-gray-500);
    --tagify-dd-bg-color: var(--bs-gray-200);
    --tagify-dd-color-primary: var(--bs-primary);
    background-color: var(--bs-gray-200);
}

[data-theme="dark"] .tagify__dropdown__wrapper {
    background: var(--bs-gray-200);
    border-color: var(--bs-gray-400);
}

[data-theme="dark"] .tagify__dropdown__item {
    color: var(--bs-body-color);
}

[data-theme="dark"] .tagify__dropdown__item--active {
    background: var(--bs-primary);
    color: #fff;
}

/* Login Page Language Switcher - Dark Theme */
[data-theme="dark"] .login-lang-toggle {
    background: rgba(45, 55, 72, 0.9) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

[data-theme="dark"] .login-lang-toggle:hover {
    background: rgba(45, 55, 72, 1) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #fff !important;
    text-decoration: none !important;
}

[data-theme="dark"] .login-lang-dropdown {
    background: var(--bs-gray-300) !important;
    border-color: var(--bs-gray-400) !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .login-lang-item {
    color: var(--bs-body-color) !important;
}

[data-theme="dark"] .login-lang-item:hover {
    background-color: rgba(var(--bs-primary-rgb, 59, 130, 246), 0.2) !important;
    color: var(--bs-body-color) !important;
    text-decoration: none !important;
}

.dash-card-title {
    display: flex;
    align-items: center;
    gap: .5rem;
    margin-bottom: .7rem;
}

.dash-card-title .dash-card-label {
    margin-bottom: 0;
    font-size: .85rem;
}

.dash-card-title .dash-card-icon {
    width: 28px;
    height: 28px;
    margin-left: 0;
    border-radius: 6px;
}

.dash-card-end {
    width: 80px;
    height: 50px;
}

.dash-card-end-2 {
    width: 110px;
    height: 60px;
}

.dash-card-end canvas {
    width: 100% !important;
    height: 100% !important;
}

.leader-rank-badge {
    position: absolute;
    top: -6px;
    left: -6px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #3b82f6;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}
.card-body-pt-0 {
    padding-top: 0 !important;
}
.card-body-pb-0 {
    padding-bottom: 0 !important;
}