/* Theme CSS Variables - Light and Dark Mode Support */

:root {
    /* Primary Colors */
    --color-bg-body: #FAFAFA;
    --color-bg-primary: #ffffff;
    --color-bg-secondary: #f8f9fa;
    --color-bg-tertiary: #f0f2f5;
    --color-bg-hover: #e4e6e9;
    --color-bg-muted: #e9ecef;
    --color-bg-dark: #252830;

    /* Text Colors */
    --color-text-primary: #252830;
    --color-text-secondary: #444444;
    --color-text-muted: #636464;
    --color-text-light: #6c757d;
    --color-text-inverse: #ffffff;

    /* Accent Colors */
    --color-accent-red: #e42314;
    --color-accent-red-hover: #c41d10;
    --color-accent-red-light: #DF2E2E;
    --color-accent-red-error: #EC5453;

    /* Border Colors */
    --color-border-primary: #cecece;
    --color-border-secondary: #D9D9D9;
    --color-border-tertiary: #ced4da;
    --color-border-dark: #252830;

    /* Shadow Colors */
    --color-shadow: rgba(0, 0, 0, 0.1);
    --color-shadow-light: rgba(0, 0, 0, 0.05);
    --color-shadow-medium: rgba(0, 0, 0, 0.14);

    /* Component Specific */
    --color-card-bg: #ffffff;
    --color-header-bg: #ffffff;
    --color-sidebar-bg: #f2e2ec;
    --color-input-bg: #ffffff;
    --color-input-border: #252830;
    --color-dropdown-bg: #ffffff;
    --color-table-stripe: #f8f9fa;
    --color-table-hover: #f0f2f5;

    /* Button Colors */
    --color-btn-primary-bg: #252830;
    --color-btn-primary-text: #ffffff;
    --color-btn-secondary-bg: #252830;
    --color-btn-secondary-text: #ffffff;

    /* Navigation */
    --color-nav-bg: #fff;
    --color-nav-text: #1E1E1E;
    --color-nav-hover: #DF2E2E;
    --color-nav-active: #DF2E2E;

    /* Scrollbar */
    --color-scrollbar-track: #f0f2f5;
    --color-scrollbar-thumb: #cecece;
    --color-scrollbar-thumb-hover: #b0b0b0;

    /* Box/Card */
    --color-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
    --color-box-border: 5px solid #DF2E2E;
}

/* Dark Theme */
[data-theme="dark"] {
    /* Primary Colors */
    --color-bg-body: #121212;
    --color-bg-primary: #1e1e1e;
    --color-bg-secondary: #252525;
    --color-bg-tertiary: #2d2d2d;
    --color-bg-hover: #383838;
    --color-bg-muted: #333333;
    --color-bg-dark: #0a0a0a;

    /* Text Colors */
    --color-text-primary: #e0e0e0;
    --color-text-secondary: #b0b0b0;
    --color-text-muted: #888888;
    --color-text-light: #999999;
    --color-text-inverse: #121212;

    /* Accent Colors - slightly brighter for dark mode */
    --color-accent-red: #ff4d4d;
    --color-accent-red-hover: #ff6b6b;
    --color-accent-red-light: #ff5252;
    --color-accent-red-error: #ff6b6b;

    /* Border Colors */
    --color-border-primary: #404040;
    --color-border-secondary: #4a4a4a;
    --color-border-tertiary: #505050;
    --color-border-dark: #606060;

    /* Shadow Colors */
    --color-shadow: rgba(0, 0, 0, 0.3);
    --color-shadow-light: rgba(0, 0, 0, 0.2);
    --color-shadow-medium: rgba(0, 0, 0, 0.4);

    /* Component Specific */
    --color-card-bg: #1e1e1e;
    --color-header-bg: #1e1e1e;
    --color-sidebar-bg: #1a1a1a;
    --color-input-bg: #2d2d2d;
    --color-input-border: #505050;
    --color-dropdown-bg: #252525;
    --color-table-stripe: #252525;
    --color-table-hover: #2d2d2d;

    /* Button Colors */
    --color-btn-primary-bg: #3d3d3d;
    --color-btn-primary-text: #e0e0e0;
    --color-btn-secondary-bg: #404040;
    --color-btn-secondary-text: #e0e0e0;

    /* Navigation */
    --color-nav-bg: #1a1a1a;
    --color-nav-text: #e0e0e0;
    --color-nav-hover: #ff4d4d;
    --color-nav-active: #ff4d4d;

    /* Scrollbar */
    --color-scrollbar-track: #252525;
    --color-scrollbar-thumb: #404040;
    --color-scrollbar-thumb-hover: #505050;

    /* Box/Card */
    --color-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);
    --color-box-border: 5px solid #ff4d4d;
}

/* Apply theme colors to common elements */

/* Body */
body {
    background-color: var(--color-bg-body) !important;
    color: var(--color-text-primary);
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Cards and boxes */
.box,
.card,
.modal-content,
.dropdown-menu {
    background-color: var(--color-card-bg) !important;
    color: var(--color-text-primary);
}

/* Headers */
.header,
.row_header {
    background: var(--color-header-bg) !important;
    border-color: var(--color-border-secondary);
}

/* Navigation sidebar */
.l-navbar {
    background-color: var(--color-nav-bg) !important;
}

.nav_link,
.nav_link2 {
    color: var(--color-nav-text) !important;
}

.nav_link:hover,
.nav_link2:hover {
    color: var(--color-nav-hover) !important;
}

.nav_link.active {
    color: var(--color-nav-active) !important;
}

/* Forms */
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=date],
input[type=datetime-local],
textarea,
select,
.form-control {
    background-color: var(--color-input-bg) !important;
    border-color: var(--color-input-border) !important;
    color: var(--color-text-primary) !important;
}

.form-control:focus {
    background-color: var(--color-input-bg) !important;
    color: var(--color-text-primary) !important;
}

/* Select2 */
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
    background-color: var(--color-input-bg) !important;
    border-color: var(--color-input-border) !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--color-text-primary) !important;
}

.select2-dropdown {
    background-color: var(--color-dropdown-bg) !important;
    border-color: var(--color-border-secondary) !important;
}

.select2-container--default .select2-results__option {
    color: var(--color-text-primary);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--color-bg-hover) !important;
    color: var(--color-text-primary) !important;
}

/* Tables */
.table {
    color: var(--color-text-primary);
}

.table thead th {
    background-color: var(--color-bg-secondary);
    color: var(--color-text-primary);
    border-color: var(--color-border-secondary) !important;
}

.table td,
.table th {
    border-color: var(--color-border-secondary) !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: var(--color-table-stripe);
}

.table-hover tbody tr:hover {
    background-color: var(--color-table-hover);
}

/* Buttons */
.btn-dark,
.btn-tms {
    background-color: var(--color-btn-primary-bg) !important;
    color: var(--color-btn-primary-text) !important;
    border-color: var(--color-btn-primary-bg) !important;
}

.btn-light,
.btn-secondary {
    background-color: var(--color-btn-secondary-bg) !important;
    color: var(--color-btn-secondary-text) !important;
}

/* Text colors */
.text-dark {
    color: var(--color-text-primary) !important;
}

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

/* Backgrounds */
.bg-white {
    background-color: var(--color-bg-primary) !important;
}

.bg-light {
    background-color: var(--color-bg-secondary) !important;
}

.bg-ss {
    background-color: var(--color-bg-body) !important;
}

/* BoxFib dashboard cards */
.boxFib {
    background: var(--color-card-bg);
    color: var(--color-text-primary);
    border-bottom: var(--color-box-border);
    box-shadow: var(--color-box-shadow);
}

.boxFib:hover {
    box-shadow: var(--color-box-shadow);
}

/* Header components */
.header-home-btn,
.header-nav-btn,
.header-menu-toggle {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-secondary) !important;
}

.header-notification {
    background: transparent !important;
    color: var(--color-text-secondary) !important;
}

.header-home-btn:hover,
.header-nav-btn:hover,
.header-menu-toggle:hover {
    background: var(--color-bg-hover) !important;
}

.header-notification:hover,
.header-notification:focus,
.header-notification:active {
    background: transparent !important;
}

.header-user-info {
    background: var(--color-bg-secondary) !important;
}

.header-user-info:hover {
    background: var(--color-bg-tertiary) !important;
}

.header-user-name {
    color: var(--color-text-secondary) !important;
}

/* Dropdown */
.dropdown-menu {
    background-color: var(--color-dropdown-bg) !important;
    border-color: var(--color-border-secondary) !important;
}

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

.dropdown-item:hover {
    background-color: var(--color-bg-hover) !important;
}

/* Alerts */
.alert {
    border-color: var(--color-border-secondary);
}

/* Pagination */
.page-link {
    background-color: var(--color-bg-primary);
    border-color: var(--color-border-secondary);
    color: var(--color-text-primary);
}

.page-item.active .page-link {
    background-color: var(--color-accent-red);
    border-color: var(--color-accent-red);
}

/* Breadcrumb */
.breadcrumb {
    background-color: var(--color-bg-secondary);
}

.breadcrumb-item a {
    color: var(--color-text-secondary);
}

/* List groups */
.list-group-item {
    background-color: var(--color-bg-primary);
    border-color: var(--color-border-secondary);
    color: var(--color-text-primary);
}

/* Modal */
.modal-header,
.modal-footer {
    border-color: var(--color-border-secondary);
}

/* HR */
hr {
    border-color: var(--color-border-secondary);
}

/* Links in dark mode */
[data-theme="dark"] a:not(.btn):not(.nav_link):not(.nav_link2):not(.dropdown-item) {
    color: var(--color-accent-red);
}

/* Scrollbar styling for dark mode */
[data-theme="dark"] ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

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

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

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

/* DataTables dark mode */
[data-theme="dark"] .dataTables_wrapper {
    color: var(--color-text-primary);
}

[data-theme="dark"] .dataTables_wrapper .dataTables_length,
[data-theme="dark"] .dataTables_wrapper .dataTables_filter,
[data-theme="dark"] .dataTables_wrapper .dataTables_info,
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate {
    color: var(--color-text-primary);
}

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

/* Theme toggle button - Match header-home-btn style */
.theme-toggle {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background: #f0f2f5;
    border: none;
    color: #636464;
    cursor: pointer;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.theme-toggle:hover {
    background: #e4e6e9;
    color: #e42314 !important;
}

.theme-toggle:active {
    background: #dcdfe2;
}

.theme-toggle:focus {
    outline: none;
}

.theme-toggle-icons {
    position: relative;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.theme-toggle .theme-icon {
    position: absolute;
    font-size: 1.15rem;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.theme-toggle .fa-moon {
    color: #5a5a7a;
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

.theme-toggle .fa-sun {
    color: #f59e0b;
    opacity: 0;
    transform: rotate(90deg) scale(0);
}

/* Dark mode active state */
.theme-toggle.dark-active {
    background: #2d2d2d;
    color: #e0e0e0;
}

.theme-toggle.dark-active:hover {
    background: #383838;
    color: #ff4d4d !important;
}

.theme-toggle.dark-active .fa-moon {
    opacity: 0;
    transform: rotate(-90deg) scale(0);
}

.theme-toggle.dark-active .fa-sun {
    opacity: 1;
    transform: rotate(0deg) scale(1);
}

/* Dark theme button styling override */
[data-theme="dark"] .theme-toggle {
    background: #2d2d2d;
    color: #e0e0e0;
}

[data-theme="dark"] .theme-toggle:hover {
    background: #383838;
    color: #ff4d4d !important;
}

[data-theme="dark"] .theme-toggle:focus {
    outline: none;
}

/* Notification badge in dark mode */
[data-theme="dark"] .badge-danger {
    background: linear-gradient(135deg, var(--color-accent-red) 0%, var(--color-accent-red-hover) 100%) !important;
}

/* Calendar events */
[data-theme="dark"] .fc-event {
    border-color: var(--color-border-secondary);
}

/* Images - add slight brightness reduction for comfort in dark mode */
[data-theme="dark"] img:not(.img-logo):not([src*="flag"]) {
    opacity: 0.9;
}

/* Search button - keep red in dark theme */
[data-theme="dark"] .append-custom,
[data-theme="dark"] .input-group-text.append-custom,
[data-theme="dark"] span.append-custom {
    background: var(--color-accent-red) !important;
    background-color: var(--color-accent-red) !important;
    border-color: var(--color-accent-red) !important;
    color: #fff !important;
}

[data-theme="dark"] .append-custom:hover,
[data-theme="dark"] .input-group-text.append-custom:hover,
[data-theme="dark"] span.append-custom:hover {
    background: var(--color-accent-red-hover) !important;
    background-color: var(--color-accent-red-hover) !important;
}

/* Search input - red border for both themes */
.search-custom {
    border-color: #dc3545 !important;
}

[data-theme="dark"] .search-custom {
    background-color: var(--color-input-bg) !important;
    border-color: var(--color-accent-red) !important;
    color: var(--color-text-primary) !important;
}

/* Search input focus - red border for both themes */
.search-custom:focus {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

[data-theme="dark"] .search-custom:focus {
    border-color: var(--color-accent-red) !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 77, 77, 0.25) !important;
}

/* Comments and descriptions */
[data-theme="dark"] .task-description,
[data-theme="dark"] .comments {
    color: var(--color-text-primary);
}

/* Priority badges maintain their colors - no override needed */

/* Log rows */
[data-theme="dark"] .log-row {
    border-color: var(--color-border-secondary);
}

/* Border utilities */
[data-theme="dark"] .border {
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .border-top,
[data-theme="dark"] .border-bottom,
[data-theme="dark"] .border-left,
[data-theme="dark"] .border-right {
    border-color: var(--color-border-secondary) !important;
}

/* Fix for specific hardcoded whites */
[data-theme="dark"] .d-bottom {
    background: var(--color-bg-primary);
}

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

/* Smooth transition for theme switching */
*,
*::before,
*::after {
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.15s ease;
}

/* Disable transitions on page load */
.preload-transitions *,
.preload-transitions *::before,
.preload-transitions *::after {
    transition: none !important;
}

/* ============================================
   COMPREHENSIVE DARK MODE FIXES
   ============================================ */

/* === TASK LIST PAGE === */
[data-theme="dark"] .box-jobs {
    background: var(--color-card-bg) !important;
    /* Don't override border-color - keep inline status color for bottom border */
    border-top-color: var(--color-border-secondary) !important;
    border-left-color: var(--color-border-secondary) !important;
    border-right-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .box-jobs:hover {
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .bordered-view {
    background: var(--color-card-bg) !important;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .filter-select select,
[data-theme="dark"] .filter-select .select2-selection__rendered {
    background: var(--color-input-bg) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .bg-d9,
[data-theme="dark"] .bg-e9 {
    background: var(--color-bg-tertiary) !important;
}

[data-theme="dark"] .info-box {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .title,
[data-theme="dark"] .big-title,
[data-theme="dark"] .txt-dark,
[data-theme="dark"] .color-2,
[data-theme="dark"] .stronger {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .color-1,
[data-theme="dark"] .font-mute {
    color: var(--color-text-muted) !important;
}

/* === TASK VIEW PAGE === */
[data-theme="dark"] .comment {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .comment-card {
    background: var(--color-card-bg) !important;
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .comment-card:hover {
    border-color: var(--color-border-primary) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .comment-deleted {
    background: var(--color-bg-tertiary) !important;
}

[data-theme="dark"] .comment-author,
[data-theme="dark"] .comments-title,
[data-theme="dark"] .notification-title,
[data-theme="dark"] .notification-type-text {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .comment-body,
[data-theme="dark"] .notification-task-name,
[data-theme="dark"] .history-content {
    color: var(--color-text-secondary) !important;
}

/* Comment content (both themes) - old comments may contain arbitrary HTML
   with inline background / text colors, so make it follow the current theme */
.comment-body *,
.history-content * {
    background: transparent !important;
    color: inherit !important;
}

.comment-body strong,
.comment-body b,
.history-content strong,
.history-content b {
    color: var(--color-text-primary) !important;
}

.comment-body a,
.history-content a {
    color: var(--color-accent-red) !important;
}

[data-theme="dark"] .comment-time,
[data-theme="dark"] .comment-edited,
[data-theme="dark"] .notification-time,
[data-theme="dark"] .history-timestamp {
    color: var(--color-text-muted) !important;
}

[data-theme="dark"] .comment-action-btn {
    color: var(--color-text-muted) !important;
}

[data-theme="dark"] .comment-action-btn:hover {
    background: var(--color-bg-hover) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .comment-action-delete:hover {
    background: rgba(220, 53, 69, 0.2) !important;
    color: #ff6b6b !important;
}

[data-theme="dark"] .comment-history-wrapper,
[data-theme="dark"] .comment-history-section {
    background: var(--color-bg-tertiary) !important;
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .comment-history-header {
    background: var(--color-bg-muted) !important;
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .history-item {
    background: var(--color-card-bg) !important;
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .comment-input-wrapper {
    background: var(--color-card-bg) !important;
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .comment-input-wrapper:hover {
    border-color: var(--color-border-primary) !important;
}

[data-theme="dark"] .comment-textarea {
    background: var(--color-input-bg) !important;
    border-color: var(--color-border-secondary) !important;
    color: var(--color-text-primary) !important;
}

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

[data-theme="dark"] .comment-hint kbd {
    background: var(--color-bg-tertiary) !important;
    border-color: var(--color-border-secondary) !important;
    color: var(--color-text-muted) !important;
}

[data-theme="dark"] .description,
[data-theme="dark"] .task-description {
    color: var(--color-text-primary) !important;
    background-color: var(--color-card-bg) !important;
}

/* Task description inner elements - override inline styles */
[data-theme="dark"] .task-description *,
[data-theme="dark"] .task-description p,
[data-theme="dark"] .task-description span,
[data-theme="dark"] .task-description div,
[data-theme="dark"] .task-description li,
[data-theme="dark"] .task-description td,
[data-theme="dark"] .task-description th,
[data-theme="dark"] .task-description table,
[data-theme="dark"] .task-description blockquote,
[data-theme="dark"] .task-description font,
[data-theme="dark"] .task-description b,
[data-theme="dark"] .task-description strong,
[data-theme="dark"] .task-description i,
[data-theme="dark"] .task-description em,
[data-theme="dark"] .task-description u,
[data-theme="dark"] .task-description h1,
[data-theme="dark"] .task-description h2,
[data-theme="dark"] .task-description h3,
[data-theme="dark"] .task-description h4,
[data-theme="dark"] .task-description h5,
[data-theme="dark"] .task-description h6,
[data-theme="dark"] .description *,
[data-theme="dark"] .description p,
[data-theme="dark"] .description span,
[data-theme="dark"] .description div,
[data-theme="dark"] .description li,
[data-theme="dark"] .description td,
[data-theme="dark"] .description th,
[data-theme="dark"] .description table,
[data-theme="dark"] .description blockquote,
[data-theme="dark"] .description font,
[data-theme="dark"] .description b,
[data-theme="dark"] .description strong,
[data-theme="dark"] .description i,
[data-theme="dark"] .description em,
[data-theme="dark"] .description u,
[data-theme="dark"] .description h1,
[data-theme="dark"] .description h2,
[data-theme="dark"] .description h3,
[data-theme="dark"] .description h4,
[data-theme="dark"] .description h5,
[data-theme="dark"] .description h6 {
    background-color: transparent !important;
    color: var(--color-text-primary) !important;
}

/* Override inline color styles in descriptions */
[data-theme="dark"] .task-description [style*="color"],
[data-theme="dark"] .task-description [style*="Color"],
[data-theme="dark"] .task-description [style],
[data-theme="dark"] .description [style*="color"],
[data-theme="dark"] .description [style*="Color"],
[data-theme="dark"] .description [style],
[data-theme="dark"] .task-content [style*="color"],
[data-theme="dark"] .task-content [style] {
    color: var(--color-text-primary) !important;
    background-color: transparent !important;
}

[data-theme="dark"] .task-description a,
[data-theme="dark"] .description a {
    color: var(--color-accent-red) !important;
}

/* Task details row - force white text in dark mode */
[data-theme="dark"] .task-details-row,
[data-theme="dark"] .task-details-row *:not(a) {
    color: #e0e0e0 !important;
    background-color: transparent !important;
}

[data-theme="dark"] .task-details-row a {
    color: var(--color-accent-red) !important;
}

[data-theme="dark"] .task-details-row .description,
[data-theme="dark"] .task-details-row .description *:not(a),
[data-theme="dark"] .task-details-row .task-description,
[data-theme="dark"] .task-details-row .task-description *:not(a) {
    color: #e0e0e0 !important;
    background-color: transparent !important;
}

/* Force white text on ALL elements with inline styles in description */
html[data-theme="dark"] body .description,
html[data-theme="dark"] body .description *,
html[data-theme="dark"] body .description p,
html[data-theme="dark"] body .description span,
html[data-theme="dark"] body .description div,
html[data-theme="dark"] body .description font,
html[data-theme="dark"] body .description b,
html[data-theme="dark"] body .description strong,
html[data-theme="dark"] body .description i,
html[data-theme="dark"] body .description em,
html[data-theme="dark"] body .description u,
html[data-theme="dark"] body .description li,
html[data-theme="dark"] body .description ul,
html[data-theme="dark"] body .description ol,
html[data-theme="dark"] body .description td,
html[data-theme="dark"] body .description th,
html[data-theme="dark"] body .description h1,
html[data-theme="dark"] body .description h2,
html[data-theme="dark"] body .description h3,
html[data-theme="dark"] body .description h4,
html[data-theme="dark"] body .description h5,
html[data-theme="dark"] body .description h6 {
    color: #e0e0e0 !important;
    background-color: transparent !important;
    background: transparent !important;
}

html[data-theme="dark"] body .description a {
    color: var(--color-accent-red) !important;
}

/* bg-e9 file items background */
[data-theme="dark"] .bg-e9 {
    background-color: var(--color-bg-tertiary) !important;
}

/* === NOTIFICATIONS === */
[data-theme="dark"] .notification-box-modern {
    background: var(--color-card-bg) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .notification-item {
    border-color: var(--color-border-secondary) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .notification-item:hover {
    background: var(--color-bg-hover) !important;
}

[data-theme="dark"] .notification-unread {
    background: rgba(59, 130, 246, 0.15) !important;
}

[data-theme="dark"] .notification-unread:hover {
    background: rgba(59, 130, 246, 0.25) !important;
}

[data-theme="dark"] .notification-icon {
    background: var(--color-bg-tertiary) !important;
}

[data-theme="dark"] .notification-meta {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .notification-list::-webkit-scrollbar-track {
    background: var(--color-bg-tertiary);
}

[data-theme="dark"] .notification-list::-webkit-scrollbar-thumb {
    background: var(--color-border-primary);
}

/* === CALENDAR === */
[data-theme="dark"] .fc {
    color: var(--color-text-primary);
}

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

[data-theme="dark"] .fc-button {
    background: var(--color-bg-tertiary) !important;
    border-color: var(--color-border-secondary) !important;
    color: var(--color-text-primary) !important;
}

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

[data-theme="dark"] .fc-button-active {
    background: var(--color-accent-red) !important;
    border-color: var(--color-accent-red) !important;
}

[data-theme="dark"] .fc-daygrid-day,
[data-theme="dark"] .fc-timegrid-slot {
    background: var(--color-card-bg) !important;
}

[data-theme="dark"] .fc-day-today {
    background: var(--color-bg-tertiary) !important;
}

[data-theme="dark"] .fc-daygrid-day-number,
[data-theme="dark"] .fc-col-header-cell-cushion {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .fc-scrollgrid,
[data-theme="dark"] .fc-scrollgrid-section > td,
[data-theme="dark"] .fc-daygrid-day {
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .fc-col-header-cell {
    background: var(--color-bg-secondary) !important;
}

[data-theme="dark"] .fc-popover {
    background: var(--color-card-bg) !important;
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .fc-popover-header {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
}

/* === USER PROFILE === */
[data-theme="dark"] .avatar,
[data-theme="dark"] .avatar24,
[data-theme="dark"] .avatar32,
[data-theme="dark"] .avatar45,
[data-theme="dark"] .avatar48,
[data-theme="dark"] .avatar61,
[data-theme="dark"] .avatar64,
[data-theme="dark"] .avatar-img {
    border-color: var(--color-border-secondary) !important;
}

/* === FORMS === */
[data-theme="dark"] .bordered,
[data-theme="dark"] .bordered2,
[data-theme="dark"] .bordered-bot,
[data-theme="dark"] .brd {
    border-color: var(--color-border-secondary) !important;
}

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

[data-theme="dark"] .btn-custom {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .btn-one {
    background: var(--color-bg-tertiary) !important;
    border-color: var(--color-border-secondary) !important;
    color: var(--color-text-primary) !important;
}

/* === CKEDITOR === */
[data-theme="dark"] .ck.ck-editor__main > .ck-editor__editable {
    background: var(--color-input-bg) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .ck.ck-editor__top .ck-sticky-panel .ck-toolbar {
    background: var(--color-bg-tertiary) !important;
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .ck.ck-toolbar {
    background: var(--color-bg-tertiary) !important;
    border-color: var(--color-border-secondary) !important;
}

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

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

/* CKEditor content elements */
[data-theme="dark"] .ck-editor__editable *,
[data-theme="dark"] .ck-editor__editable p,
[data-theme="dark"] .ck-editor__editable span,
[data-theme="dark"] .ck-editor__editable div,
[data-theme="dark"] .ck-editor__editable li,
[data-theme="dark"] .ck-editor__editable td,
[data-theme="dark"] .ck-editor__editable th,
[data-theme="dark"] .ck-editor__editable table,
[data-theme="dark"] .ck-editor__editable blockquote,
[data-theme="dark"] .ck-editor__editable font,
[data-theme="dark"] .ck-editor__editable b,
[data-theme="dark"] .ck-editor__editable strong,
[data-theme="dark"] .ck-editor__editable i,
[data-theme="dark"] .ck-editor__editable em,
[data-theme="dark"] .ck-editor__editable u,
[data-theme="dark"] .ck-editor__editable h1,
[data-theme="dark"] .ck-editor__editable h2,
[data-theme="dark"] .ck-editor__editable h3,
[data-theme="dark"] .ck-editor__editable h4,
[data-theme="dark"] .ck-editor__editable h5,
[data-theme="dark"] .ck-editor__editable h6 {
    background-color: transparent !important;
    color: var(--color-text-primary) !important;
}

/* Override inline color styles in CKEditor */
[data-theme="dark"] .ck-editor__editable [style*="color"] {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .ck-editor__editable a {
    color: var(--color-accent-red) !important;
}

/* CKEditor dropdown/panels */
[data-theme="dark"] .ck.ck-dropdown__panel {
    background: var(--color-card-bg) !important;
    border-color: var(--color-border-secondary) !important;
}

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

[data-theme="dark"] .ck.ck-list__item:hover {
    background: var(--color-bg-hover) !important;
}

/* === SELECT2 === */
[data-theme="dark"] .select2-container--default .select2-selection--single,
[data-theme="dark"] .select2-container--default .select2-selection--multiple {
    background-color: var(--color-input-bg) !important;
    border-color: var(--color-border-secondary) !important;
}

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

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

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

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

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

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

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

/* === MODALS === */
[data-theme="dark"] .modal-content {
    background-color: var(--color-card-bg) !important;
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .modal-header {
    border-color: var(--color-border-secondary) !important;
    background: var(--color-bg-secondary) !important;
}

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

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

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

[data-theme="dark"] .close {
    color: var(--color-text-primary) !important;
    opacity: 0.7;
}

[data-theme="dark"] .close:hover {
    color: var(--color-text-primary) !important;
    opacity: 1;
}

/* === TABLES === */
[data-theme="dark"] table,
[data-theme="dark"] .table {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .table thead th {
    background-color: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .table td,
[data-theme="dark"] .table th {
    border-color: var(--color-border-secondary) !important;
    color: var(--color-text-primary) !important;
}

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

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

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

/* === DATATABLES === */
[data-theme="dark"] .dataTables_wrapper {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_length,
[data-theme="dark"] .dataTables_wrapper .dataTables_filter,
[data-theme="dark"] .dataTables_wrapper .dataTables_info,
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_length select,
[data-theme="dark"] .dataTables_wrapper .dataTables_filter input {
    background-color: var(--color-input-bg) !important;
    border-color: var(--color-border-secondary) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button {
    color: var(--color-text-primary) !important;
    background: var(--color-bg-tertiary) !important;
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--color-bg-hover) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: var(--color-accent-red) !important;
    border-color: var(--color-accent-red) !important;
    color: #fff !important;
}

/* DataTable - Table element */
[data-theme="dark"] table.dataTable,
[data-theme="dark"] .dataTable {
    background-color: var(--color-card-bg) !important;
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] table.dataTable thead th,
[data-theme="dark"] table.dataTable thead td,
[data-theme="dark"] .dataTable thead th,
[data-theme="dark"] .dataTable thead td {
    background-color: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] table.dataTable tbody tr,
[data-theme="dark"] .dataTable tbody tr {
    background-color: var(--color-card-bg) !important;
}

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

[data-theme="dark"] table.dataTable tbody tr.odd,
[data-theme="dark"] .dataTable tbody tr.odd {
    background-color: var(--color-bg-secondary) !important;
}

[data-theme="dark"] table.dataTable tbody tr.even,
[data-theme="dark"] .dataTable tbody tr.even {
    background-color: var(--color-card-bg) !important;
}

[data-theme="dark"] table.dataTable tbody td,
[data-theme="dark"] .dataTable tbody td {
    color: var(--color-text-primary) !important;
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] table.dataTable tfoot th,
[data-theme="dark"] table.dataTable tfoot td,
[data-theme="dark"] .dataTable tfoot th,
[data-theme="dark"] .dataTable tfoot td {
    background-color: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--color-border-secondary) !important;
}

/* DataTable sorting icons */
[data-theme="dark"] table.dataTable thead .sorting:before,
[data-theme="dark"] table.dataTable thead .sorting:after,
[data-theme="dark"] table.dataTable thead .sorting_asc:before,
[data-theme="dark"] table.dataTable thead .sorting_asc:after,
[data-theme="dark"] table.dataTable thead .sorting_desc:before,
[data-theme="dark"] table.dataTable thead .sorting_desc:after {
    color: var(--color-text-muted) !important;
}

[data-theme="dark"] table.dataTable thead .sorting_asc:before,
[data-theme="dark"] table.dataTable thead .sorting_desc:after {
    color: var(--color-accent-red) !important;
}

/* DataTable disabled pagination */
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    color: var(--color-text-muted) !important;
    background: var(--color-bg-muted) !important;
    cursor: not-allowed;
}

/* DataTable selected/sorted rows */
[data-theme="dark"] table.dataTable tbody tr.selected,
[data-theme="dark"] .dataTable tbody tr.selected {
    background-color: rgba(228, 35, 20, 0.2) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] table.dataTable tbody tr.selected td,
[data-theme="dark"] .dataTable tbody tr.selected td {
    background-color: rgba(228, 35, 20, 0.2) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] table.dataTable tbody td.sorting_1,
[data-theme="dark"] table.dataTable tbody td.sorting_2,
[data-theme="dark"] table.dataTable tbody td.sorting_3,
[data-theme="dark"] .dataTable tbody td.sorting_1,
[data-theme="dark"] .dataTable tbody td.sorting_2,
[data-theme="dark"] .dataTable tbody td.sorting_3 {
    background-color: var(--color-bg-tertiary) !important;
}

[data-theme="dark"] table.dataTable tbody tr.odd td.sorting_1,
[data-theme="dark"] table.dataTable tbody tr.odd td.sorting_2,
[data-theme="dark"] table.dataTable tbody tr.odd td.sorting_3 {
    background-color: rgba(255, 255, 255, 0.03) !important;
}

[data-theme="dark"] table.dataTable tbody tr.even td.sorting_1,
[data-theme="dark"] table.dataTable tbody tr.even td.sorting_2,
[data-theme="dark"] table.dataTable tbody tr.even td.sorting_3 {
    background-color: var(--color-bg-tertiary) !important;
}

[data-theme="dark"] table.dataTable.order-column tbody tr > .sorting_1,
[data-theme="dark"] table.dataTable.order-column tbody tr > .sorting_2,
[data-theme="dark"] table.dataTable.order-column tbody tr > .sorting_3 {
    background-color: var(--color-bg-tertiary) !important;
}

[data-theme="dark"] table.dataTable.display tbody tr.odd > .sorting_1,
[data-theme="dark"] table.dataTable.display tbody tr.even > .sorting_1 {
    background-color: var(--color-bg-tertiary) !important;
}

/* === DROPDOWNS === */
[data-theme="dark"] .dropdown-menu {
    background-color: var(--color-card-bg) !important;
    border-color: var(--color-border-secondary) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

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

[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .dropdown-item:focus {
    background-color: var(--color-bg-hover) !important;
    color: var(--color-text-primary) !important;
}

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

/* === NAVBAR COLLAPSE (Mobile) === */
[data-theme="dark"] .navbar-collapse.show,
[data-theme="dark"] .navbar-collapse.collapsing {
    background: var(--color-card-bg) !important;
    border-color: var(--color-border-secondary) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .navbar-collapse .nav-link:hover {
    background: var(--color-bg-hover) !important;
}

/* === SLIDERS/SWITCHES === */
[data-theme="dark"] .slider {
    background-color: var(--color-bg-muted) !important;
}

[data-theme="dark"] .slider:before {
    background-color: var(--color-text-primary) !important;
}

/* === BOX COMPONENTS === */
[data-theme="dark"] .box {
    background: var(--color-card-bg) !important;
    color: var(--color-text-primary) !important;
}

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

[data-theme="dark"] .button-query {
    color: var(--color-text-primary) !important;
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .odd-bg a:nth-child(even) {
    background: var(--color-bg-tertiary) !important;
}

/* === GRADIENT === */
[data-theme="dark"] .gradient {
    background: linear-gradient(0deg, var(--color-bg-tertiary), transparent) !important;
}

/* === ALERTS === */
[data-theme="dark"] .alert {
    border-color: var(--color-border-secondary) !important;
}

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

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

[data-theme="dark"] .page-link:hover {
    background-color: var(--color-bg-hover) !important;
}

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

[data-theme="dark"] .page-item.disabled .page-link {
    background-color: var(--color-bg-tertiary) !important;
    color: var(--color-text-muted) !important;
}

/* === SIDEBAR/NAVIGATION === */
[data-theme="dark"] .l-navbar {
    background-color: var(--color-nav-bg) !important;
}

[data-theme="dark"] .nav_link,
[data-theme="dark"] .nav_link2 {
    color: var(--color-nav-text) !important;
}

[data-theme="dark"] .nav_link:hover,
[data-theme="dark"] .nav_link2:hover,
[data-theme="dark"] .nav_link.active {
    color: var(--color-nav-hover) !important;
}

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

/* === MISC ELEMENTS === */
[data-theme="dark"] .notblack {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .deadcolor {
    color: var(--color-accent-red-error) !important;
}

[data-theme="dark"] .bg-silver {
    background: var(--color-bg-tertiary) !important;
}

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

[data-theme="dark"] .cat-box,
[data-theme="dark"] .cat-box-2 {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] select {
    background-color: var(--color-input-bg) !important;
    color: var(--color-text-primary) !important;
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .highlight {
    background: #b8860b !important;
    color: #fff !important;
}

[data-theme="dark"] .smaller {
    color: var(--color-accent-red) !important;
}

/* === HEADER === */
[data-theme="dark"] .header {
    background: var(--color-header-bg) !important;
}

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

/* === BOXFIB (Dashboard Cards) === */
[data-theme="dark"] .boxFib {
    background: var(--color-card-bg) !important;
    color: var(--color-text-primary) !important;
    border-bottom-color: var(--color-accent-red) !important;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .boxFib:hover {
    box-shadow: rgba(30, 30, 30, 0.8) 3px 3px 6px 0px inset, rgba(60, 60, 60, 0.5) -3px -3px 6px 1px inset !important;
    border-color: var(--color-border-secondary) !important;
}

/* === LIGHTBOX === */
[data-theme="dark"] .lb-outerContainer,
[data-theme="dark"] .lb-dataContainer {
    background-color: var(--color-card-bg) !important;
}

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

/* === VIDEO.JS === */
[data-theme="dark"] .video-js {
    background-color: var(--color-bg-dark) !important;
}

/* === DROPZONE === */
[data-theme="dark"] .dropzone {
    background: var(--color-card-bg) !important;
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .dropzone .dz-message {
    color: var(--color-text-primary) !important;
}

/* === FIX TEXT-DARK OVERRIDE === */
[data-theme="dark"] .text-dark {
    color: var(--color-text-primary) !important;
}

/* === WHITE BACKGROUNDS OVERRIDE === */
[data-theme="dark"] [style*="background: white"],
[data-theme="dark"] [style*="background-color: white"],
[data-theme="dark"] [style*="background:#fff"],
[data-theme="dark"] [style*="background-color:#fff"],
[data-theme="dark"] [style*="background: #fff"],
[data-theme="dark"] [style*="background-color: #fff"],
[data-theme="dark"] [style*="background:#ffffff"],
[data-theme="dark"] [style*="background-color:#ffffff"],
[data-theme="dark"] [style*="background: #ffffff"],
[data-theme="dark"] [style*="background-color: #ffffff"] {
    background: var(--color-card-bg) !important;
}

/* === LABELS === */
[data-theme="dark"] label {
    color: var(--color-text-primary) !important;
}

/* === CARDS === */
[data-theme="dark"] .card {
    background-color: var(--color-card-bg) !important;
    border-color: var(--color-border-secondary) !important;
}

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

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

[data-theme="dark"] .card-footer {
    background-color: var(--color-bg-secondary) !important;
    border-color: var(--color-border-secondary) !important;
}

/* === LIST GROUP === */
[data-theme="dark"] .list-group-item {
    background-color: var(--color-card-bg) !important;
    border-color: var(--color-border-secondary) !important;
    color: var(--color-text-primary) !important;
}

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

/* === NAV TABS === */
[data-theme="dark"] .nav-tabs {
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .nav-tabs .nav-link {
    color: var(--color-text-secondary) !important;
}

[data-theme="dark"] .nav-tabs .nav-link:hover {
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .nav-tabs .nav-link.active {
    background-color: var(--color-card-bg) !important;
    border-color: var(--color-border-secondary) var(--color-border-secondary) var(--color-card-bg) !important;
    color: var(--color-text-primary) !important;
}

/* === TAB CONTENT === */
[data-theme="dark"] .tab-content {
    background-color: var(--color-card-bg) !important;
}

/* === HR === */
[data-theme="dark"] hr {
    border-color: var(--color-border-secondary) !important;
}

/* === PROGRESS BAR === */
[data-theme="dark"] .progress {
    background-color: var(--color-bg-tertiary) !important;
}

/* === ACCORDION === */
[data-theme="dark"] .accordion-item {
    background-color: var(--color-card-bg) !important;
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .accordion-button {
    background-color: var(--color-bg-secondary) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .accordion-button:not(.collapsed) {
    background-color: var(--color-bg-tertiary) !important;
}

[data-theme="dark"] .accordion-body {
    background-color: var(--color-card-bg) !important;
    color: var(--color-text-primary) !important;
}

/* === TOOLTIPS === */
[data-theme="dark"] .tooltip-inner {
    background-color: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
}

/* === POPOVERS === */
[data-theme="dark"] .popover {
    background-color: var(--color-card-bg) !important;
    border-color: var(--color-border-secondary) !important;
}

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

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

/* === INPUT GROUPS === */
[data-theme="dark"] .input-group-text:not(.append-custom) {
    background-color: var(--color-bg-tertiary) !important;
    border-color: var(--color-border-secondary) !important;
    color: var(--color-text-primary) !important;
}

/* === COLLAPSE === */
[data-theme="dark"] .collapse,
[data-theme="dark"] .collapsing {
    color: var(--color-text-primary) !important;
}

/* === PROFILE/FORM PAGES === */
[data-theme="dark"] .profile-card {
    background: var(--color-card-bg) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .profile-header {
    background: linear-gradient(135deg, #c41d10 0%, #8b1515 100%) !important;
}

[data-theme="dark"] .profile-header::after,
[data-theme="dark"] .task-card-header::after {
    background: var(--color-card-bg) !important;
}

[data-theme="dark"] .profile-avatar {
    border-color: rgba(255, 255, 255, 0.2) !important;
}

[data-theme="dark"] .profile-avatar-placeholder {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

[data-theme="dark"] .profile-avatar-edit {
    background: var(--color-card-bg) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .profile-form {
    background: var(--color-card-bg) !important;
}

[data-theme="dark"] .profile-form label {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .profile-form label i {
    color: var(--color-text-muted) !important;
}

[data-theme="dark"] .profile-form .form-control {
    background: var(--color-input-bg) !important;
    border-color: var(--color-border-secondary) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .profile-form .form-control:focus {
    border-color: var(--color-accent-red) !important;
    box-shadow: 0 0 0 0.2rem rgba(228, 35, 20, 0.15) !important;
}

[data-theme="dark"] .profile-form .form-control::placeholder {
    color: var(--color-text-muted) !important;
}

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

[data-theme="dark"] .profile-submit {
    background: linear-gradient(135deg, var(--color-accent-red) 0%, var(--color-accent-red-hover) 100%) !important;
}

/* === FORM GROUPS === */
[data-theme="dark"] .form-group label {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .form-group .form-control {
    background: var(--color-input-bg) !important;
    border-color: var(--color-border-secondary) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .form-group select.form-control,
[data-theme="dark"] select.form-control,
[data-theme="dark"] .task-form select.form-control,
[data-theme="dark"] .profile-form select.form-control {
    background-color: var(--color-input-bg) !important;
    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='%23999999' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 0.75rem center !important;
    background-size: 16px 12px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    padding-right: 2.25rem !important;
}

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

/* === SMALL/HELP TEXT === */
[data-theme="dark"] small.text-muted,
[data-theme="dark"] .help-block,
[data-theme="dark"] .form-text {
    color: var(--color-text-muted) !important;
}

/* === SELECT OPTIONS === */
[data-theme="dark"] select option {
    background-color: var(--color-card-bg) !important;
    color: var(--color-text-primary) !important;
}

/* === SELECT2 BOOTSTRAP4 THEME === */
[data-theme="dark"] .select2-container--bootstrap4 .select2-selection {
    background-color: var(--color-input-bg) !important;
    border-color: var(--color-border-secondary) !important;
}

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

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

[data-theme="dark"] .select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: var(--color-accent-red) !important;
}

[data-theme="dark"] .select2-container--bootstrap4 .select2-results__option--highlighted[aria-selected] {
    background-color: var(--color-bg-hover) !important;
}

/* === TASK CREATE/EDIT FORM === */
[data-theme="dark"] .task-form,
[data-theme="dark"] .create-form,
[data-theme="dark"] .edit-form {
    background: var(--color-card-bg) !important;
}

/* === FILE INPUT === */
[data-theme="dark"] input[type="file"] {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .custom-file-label {
    background-color: var(--color-input-bg) !important;
    border-color: var(--color-border-secondary) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .custom-file-label::after {
    background-color: var(--color-bg-tertiary) !important;
    border-color: var(--color-border-secondary) !important;
    color: var(--color-text-primary) !important;
}

/* === CHECKBOX/RADIO CUSTOM === */
[data-theme="dark"] .custom-control-label {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .custom-control-label::before {
    background-color: var(--color-input-bg) !important;
    border-color: var(--color-border-secondary) !important;
}

/* === REQUIRED ASTERISK === */
[data-theme="dark"] .text-danger {
    color: var(--color-accent-red) !important;
}

/* === READONLY/DISABLED INPUTS === */
[data-theme="dark"] .form-control:disabled,
[data-theme="dark"] .form-control[readonly] {
    background-color: var(--color-bg-muted) !important;
    color: var(--color-text-muted) !important;
}

/* === INPUT PLACEHOLDER === */
[data-theme="dark"] .form-control::placeholder {
    color: var(--color-text-muted) !important;
    opacity: 0.7;
}

/* === DATE/TIME PICKERS === */
[data-theme="dark"] .daterangepicker {
    background-color: var(--color-card-bg) !important;
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .daterangepicker .calendar-table {
    background-color: var(--color-card-bg) !important;
    border-color: var(--color-border-secondary) !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(--color-bg-tertiary) !important;
    color: var(--color-text-muted) !important;
}

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

[data-theme="dark"] .daterangepicker td.in-range {
    background-color: var(--color-bg-tertiary) !important;
    color: var(--color-text-primary) !important;
}

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

[data-theme="dark"] .daterangepicker select.monthselect,
[data-theme="dark"] .daterangepicker select.yearselect {
    background-color: var(--color-input-bg) !important;
    color: var(--color-text-primary) !important;
}

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

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

/* === CONTAINER BACKGROUNDS === */
[data-theme="dark"] .container,
[data-theme="dark"] .container-fluid {
    color: var(--color-text-primary);
}

/* === WELL/JUMBOTRON === */
[data-theme="dark"] .well,
[data-theme="dark"] .jumbotron {
    background-color: var(--color-bg-secondary) !important;
    color: var(--color-text-primary) !important;
}

/* === ADDITIONAL FORM ELEMENTS === */
[data-theme="dark"] .btn-warning {
    color: #212529 !important;
}

[data-theme="dark"] .is-invalid {
    border-color: var(--color-accent-red) !important;
}

[data-theme="dark"] .invalid-feedback {
    color: var(--color-accent-red) !important;
}

/* === TASK CARD/FORM === */
[data-theme="dark"] .task-card {
    background: var(--color-card-bg) !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .task-card-header {
    background: linear-gradient(135deg, #c41d10 0%, #8b1515 100%) !important;
}

[data-theme="dark"] .task-card-title {
    color: #ffffff !important;
}

[data-theme="dark"] .task-card-subtitle {
    color: rgba(255, 255, 255, 0.85) !important;
}

[data-theme="dark"] .task-form {
    background: var(--color-card-bg) !important;
    padding: 1.5rem;
}

[data-theme="dark"] .task-form label {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .task-form label i {
    color: var(--color-text-muted) !important;
}

[data-theme="dark"] .task-form .form-control {
    background: var(--color-input-bg) !important;
    border-color: var(--color-border-secondary) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .task-form .form-control:focus {
    border-color: var(--color-accent-red) !important;
    box-shadow: 0 0 0 0.2rem rgba(228, 35, 20, 0.15) !important;
}

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

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

[data-theme="dark"] .task-section-title i {
    color: var(--color-accent-red) !important;
}

[data-theme="dark"] .task-submit {
    background: linear-gradient(135deg, var(--color-accent-red) 0%, var(--color-accent-red-hover) 100%) !important;
    border-color: var(--color-accent-red) !important;
}

/* === SWITCH/TOGGLE (Urgent checkbox) === */
[data-theme="dark"] .switch input:checked + .slider {
    background-color: var(--color-accent-red) !important;
}

[data-theme="dark"] .slider {
    background-color: var(--color-bg-tertiary) !important;
}

[data-theme="dark"] .slider:before {
    background-color: #ffffff !important;
}

/* === DROPZONE === */
[data-theme="dark"] .dropzone {
    background-color: var(--color-bg-secondary) !important;
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .dropzone:hover {
    background-color: var(--color-bg-tertiary) !important;
    border-color: var(--color-accent-red) !important;
}

[data-theme="dark"] .dropzone .dz-message {
    color: var(--color-text-muted) !important;
}

[data-theme="dark"] .dropzone .dz-preview {
    background-color: var(--color-card-bg) !important;
}

[data-theme="dark"] .dropzone .dz-preview .dz-details {
    background-color: var(--color-bg-tertiary) !important;
}

[data-theme="dark"] .dropzone .dz-preview .dz-filename span,
[data-theme="dark"] .dropzone .dz-preview .dz-size span {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .dropzone .dz-preview .dz-remove {
    color: var(--color-accent-red) !important;
}

/* === FILE ITEMS === */
[data-theme="dark"] .file-item {
    background-color: var(--color-card-bg) !important;
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .file-item-header {
    background-color: var(--color-bg-tertiary) !important;
    color: var(--color-text-muted) !important;
}

[data-theme="dark"] .file-item-filename {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .file-item-footer {
    background-color: var(--color-bg-tertiary) !important;
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .file-item-date {
    color: var(--color-text-muted) !important;
}

[data-theme="dark"] .file-item-download {
    color: var(--color-text-muted) !important;
}

[data-theme="dark"] .file-item-download:hover {
    color: var(--color-accent-red) !important;
}

[data-theme="dark"] .file-item-media {
    background-color: var(--color-bg-secondary) !important;
}

[data-theme="dark"] .file-item-deletable.marked-for-delete {
    opacity: 0.5;
    border-color: var(--color-accent-red) !important;
}

[data-theme="dark"] .file-delete-checkbox i {
    color: var(--color-text-muted) !important;
}

[data-theme="dark"] .file-delete-input:checked + i {
    color: var(--color-accent-red) !important;
}

/* === FILE ICONS (fi-*) === */
[data-theme="dark"] .fi {
    background-color: var(--color-bg-tertiary) !important;
}

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

/* === IMAGE THUMBNAILS === */
[data-theme="dark"] .img-thumb {
    border-color: var(--color-border-secondary) !important;
}

/* === HR DIVIDERS === */
[data-theme="dark"] hr {
    border-color: var(--color-border-secondary) !important;
}

/* === LIGHTBOX === */
[data-theme="dark"] .lb-outerContainer {
    background-color: var(--color-card-bg) !important;
}

[data-theme="dark"] .lb-dataContainer {
    background-color: var(--color-card-bg) !important;
}

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

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

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

/* === BG-WHITE OVERRIDE === */
[data-theme="dark"] .bg-white {
    background-color: var(--color-card-bg) !important;
}

/* === BORDERED VIEW === */
[data-theme="dark"] .bordered-view {
    border-color: var(--color-border-secondary) !important;
}

/* === APPROVAL BOXES === */
[data-theme="dark"] .approval-box {
    background-color: var(--color-card-bg) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .approval-box.bg-success {
    background-color: #198754 !important;
}

/* === FILTERS === */
[data-theme="dark"] .filter-select {
    background-color: var(--color-card-bg) !important;
}

[data-theme="dark"] .filter-toggle-btn {
    background-color: var(--color-bg-tertiary) !important;
    border-color: var(--color-border-secondary) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .filter-date,
[data-theme="dark"] .filter-country,
[data-theme="dark"] .filter-status,
[data-theme="dark"] .filter-priority,
[data-theme="dark"] .filter-worker,
[data-theme="dark"] .filter-category,
[data-theme="dark"] .filter-website,
[data-theme="dark"] .filter-casino {
    background-color: var(--color-input-bg) !important;
    border-color: var(--color-border-secondary) !important;
    color: var(--color-text-primary) !important;
}

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

/* === BOX-JOBS (Task List Items) === */
[data-theme="dark"] .box-jobs,
[data-theme="dark"] .row.box-jobs,
[data-theme="dark"] .row.bg-white.box-jobs,
[data-theme="dark"] .bg-white.box-jobs {
    background-color: var(--color-card-bg) !important;
    color: var(--color-text-primary) !important;
}

/* Remove hover background change - keep same as light theme */

[data-theme="dark"] .box-jobs a,
[data-theme="dark"] .box-jobs a:not(.btn) {
    color: var(--color-text-primary) !important;
}

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

[data-theme="dark"] .box-jobs h5,
[data-theme="dark"] .box-jobs .task-title {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .box-jobs .task-number {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .box-jobs .col-12,
[data-theme="dark"] .box-jobs .col-md-3,
[data-theme="dark"] .box-jobs .col-md-6,
[data-theme="dark"] .box-jobs .col-md-4 {
    background-color: transparent !important;
}

[data-theme="dark"] .box-jobs .task-content,
[data-theme="dark"] .task-content {
    background: var(--color-card-bg) !important;
    color: var(--color-text-primary) !important;
}

/* Blink animation cards */
[data-theme="dark"] .blink {
    background-color: var(--color-card-bg) !important;
}

/* Border-md-right in task cards */
[data-theme="dark"] .border-md-right {
    border-color: var(--color-border-secondary) !important;
}

@media (min-width: 768px) {
    [data-theme="dark"] .border-md-right {
        border-right-color: var(--color-border-secondary) !important;
    }
}

/* === TASK VIEW ELEMENTS === */
[data-theme="dark"] .task-info,
[data-theme="dark"] .task-description,
[data-theme="dark"] .task-meta {
    background-color: var(--color-card-bg) !important;
    color: var(--color-text-primary) !important;
}

/* === SELECT2 DARK MODE (extended) === */
[data-theme="dark"] .select2-container--default .select2-selection--single {
    background-color: var(--color-input-bg) !important;
    border-color: var(--color-border-secondary) !important;
}

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

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

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

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

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

[data-theme="dark"] .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--color-accent-red) !important;
    color: #fff !important;
}

[data-theme="dark"] .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: var(--color-input-bg) !important;
    border-color: var(--color-border-secondary) !important;
    color: var(--color-text-primary) !important;
}

/* === TAILWIND BG CLASSES OVERRIDE === */
[data-theme="dark"] .border-gray-200 {
    border-color: var(--color-border-secondary) !important;
}

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

/* === TASK VIEW PAGE - SIDEBAR === */
[data-theme="dark"] .stronger {
    color: var(--color-text-primary) !important;
}

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

/* User List (Watchers/Workers) */
[data-theme="dark"] .user-list-item {
    background: var(--color-bg-tertiary) !important;
    border-color: var(--color-border-secondary) !important;
}

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

[data-theme="dark"] .user-list-name {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .user-list-meta {
    color: var(--color-text-muted) !important;
}

[data-theme="dark"] .user-list-department {
    background: var(--color-bg-secondary) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .user-list-date {
    color: var(--color-text-muted) !important;
}

[data-theme="dark"] .user-list-description {
    background: var(--color-card-bg) !important;
    border-color: var(--color-border-secondary) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .user-list-actions .btn-delete {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-muted) !important;
}

[data-theme="dark"] .user-list-actions .btn-delete:hover {
    background: var(--color-accent-red) !important;
    color: #fff !important;
}

/* Watcher Select */
[data-theme="dark"] .watcher-select {
    background-color: var(--color-input-bg) !important;
    border-color: var(--color-border-secondary) !important;
    color: var(--color-text-primary) !important;
}

/* Quick assign buttons */
[data-theme="dark"] .quick-assign-buttons .btn {
    background: var(--color-bg-tertiary) !important;
    border-color: var(--color-border-secondary) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .quick-assign-buttons .btn:hover {
    background: var(--color-bg-hover) !important;
}

/* === COMMENTS SECTION === */
[data-theme="dark"] .comments {
    background: var(--color-card-bg) !important;
    color: var(--color-text-primary) !important;
}

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

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

[data-theme="dark"] .comment-card {
    background: var(--color-bg-tertiary) !important;
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .comment-card:hover {
    border-color: var(--color-border-primary) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

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

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

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

[data-theme="dark"] .comment-body * {
    color: var(--color-text-primary) !important;
    background-color: transparent !important;
}

[data-theme="dark"] .comment-action-btn {
    color: var(--color-text-muted) !important;
}

[data-theme="dark"] .comment-action-btn:hover {
    color: var(--color-accent-red) !important;
}

/* Comment Input */
[data-theme="dark"] .comment-input-wrapper {
    background: var(--color-bg-tertiary) !important;
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .comment-input-wrapper:hover {
    border-color: var(--color-border-primary) !important;
}

[data-theme="dark"] .comment-input-wrapper:focus-within {
    border-color: var(--color-accent-red) !important;
}

[data-theme="dark"] .comment-textarea {
    background: var(--color-input-bg) !important;
    border-color: var(--color-border-secondary) !important;
    color: var(--color-text-primary) !important;
}

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

[data-theme="dark"] .comment-hint kbd {
    background: var(--color-bg-tertiary) !important;
    border-color: var(--color-border-secondary) !important;
    color: var(--color-text-primary) !important;
}

/* Comment History */
[data-theme="dark"] .comment-history-wrapper {
    background: var(--color-bg-secondary) !important;
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .comment-history-header {
    background: var(--color-bg-tertiary) !important;
    border-color: var(--color-border-secondary) !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .history-item {
    background: var(--color-card-bg) !important;
    border-color: var(--color-border-secondary) !important;
}

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

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

/* === FILE GALLERY === */
[data-theme="dark"] .file-item {
    background: var(--color-bg-tertiary) !important;
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .file-item-header {
    background: var(--color-bg-tertiary) !important;
    color: var(--color-text-muted) !important;
}

[data-theme="dark"] .file-item-header a {
    color: var(--color-text-muted) !important;
}

[data-theme="dark"] .file-item-header a:hover {
    color: var(--color-accent-red) !important;
}

[data-theme="dark"] .file-item-media {
    background: var(--color-bg-tertiary) !important;
}

[data-theme="dark"] .file-item-filename {
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .file-item-footer {
    background: var(--color-bg-tertiary) !important;
    border-color: var(--color-border-secondary) !important;
}

[data-theme="dark"] .file-item-date {
    color: var(--color-text-muted) !important;
}

[data-theme="dark"] .file-item-download {
    color: var(--color-text-muted) !important;
}

[data-theme="dark"] .file-item-download:hover {
    color: var(--color-accent-red) !important;
}

/* Video thumbnail overlay */
[data-theme="dark"] .video-thumbnail {
    background: var(--color-bg-secondary) !important;
}

[data-theme="dark"] .video-play-overlay {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* === TASK INFO/TITLE === */
[data-theme="dark"] .yes h2,
[data-theme="dark"] .yes h3,
[data-theme="dark"] .yes h4,
[data-theme="dark"] .yes h5 {
    color: var(--color-text-primary) !important;
}

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

[data-theme="dark"] .yes strong,
[data-theme="dark"] .yes .stronger {
    color: var(--color-text-primary) !important;
}

/* Alert info in task view */
[data-theme="dark"] .alert-info {
    background-color: var(--color-bg-tertiary) !important;
    border-color: var(--color-border-secondary) !important;
    color: var(--color-text-primary) !important;
}

/* File item hover */
[data-theme="dark"] .file-item:hover {
    background: var(--color-bg-hover) !important;
    border-color: var(--color-border-primary) !important;
}

/* File item selectable cursor */
[data-theme="dark"] .file-item.selectable {
    cursor: pointer;
    border: 2px solid transparent;
}

/* File item selected state - must come after hover/selectable to override */
[data-theme="dark"] .file-item.selected,
[data-theme="dark"] .file-item.selectable.selected,
[data-theme="dark"] .file-item.selected:hover {
    border: 3px solid var(--color-accent-red) !important;
    background-color: rgba(255, 77, 77, 0.2) !important;
    box-shadow: 0 0 10px rgba(255, 77, 77, 0.4) !important;
}

[data-theme="dark"] .file-item.selectable:hover {
    border-color: var(--color-accent-red) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .file-item:hover .file-item-header,
[data-theme="dark"] .file-item:hover .file-item-media,
[data-theme="dark"] .file-item:hover .file-item-footer {
    background-color: transparent !important;
}

/* .radius and .bg-e9 combined for file items */
[data-theme="dark"] .radius.bg-e9,
[data-theme="dark"] .p-2.bg-e9.radius {
    background-color: var(--color-bg-tertiary) !important;
}

/* Task details row - lighter left text (exclude .description content) */
[data-theme="dark"] .task-details-row > .text-muted,
[data-theme="dark"] .task-details-row > div > .text-muted,
[data-theme="dark"] .task-details-row > span:not(.badge):not(.text-danger) {
    color: var(--color-text-muted) !important;
}

/* Override: ensure .description content is always white in dark mode */
[data-theme="dark"] .task-details-row .description span,
[data-theme="dark"] .task-details-row .description *:not(a) {
    color: #e0e0e0 !important;
}

[data-theme="dark"] .task-details-row strong,
[data-theme="dark"] .task-details-row .text-strong {
    color: var(--color-text-primary) !important;
}

/* Task action buttons (copy/edit) */
[data-theme="dark"] .btn-right,
[data-theme="dark"] .btn-copy,
[data-theme="dark"] .btn-edit {
    color: var(--color-accent-red) !important;
    background: transparent !important;
}

[data-theme="dark"] .btn-right:hover,
[data-theme="dark"] .btn-copy:hover,
[data-theme="dark"] .btn-edit:hover {
    color: var(--color-accent-red-hover) !important;
    background: transparent !important;
}

/* Light theme - also make copy/edit buttons red without hover background */
.btn-right.btn-copy,
.btn-right.btn-edit {
    color: #e42314 !important;
}

.btn-right.btn-copy:hover,
.btn-right.btn-edit:hover {
    color: #c41d10 !important;
    background-color: transparent !important;
}

/* btn-link in dark theme */
[data-theme="dark"] .btn-link {
    color: var(--color-accent-red) !important;
}

[data-theme="dark"] .btn-link:hover {
    color: var(--color-accent-red-hover) !important;
}

/* File section headers (Файлове от изпълнител/поръчител) */
[data-theme="dark"] .col-12 > i,
[data-theme="dark"] .yes i:not(.fa):not(.fas):not(.far):not(.fab):not(.initials) {
    color: var(--color-text-muted) !important;
}

/* Ensure file gallery boxes have consistent dark colors */
[data-theme="dark"] .h200px.file-item,
[data-theme="dark"] .p-2.bg-e9.radius.h200px {
    background-color: var(--color-bg-tertiary) !important;
    border: 1px solid var(--color-border-secondary) !important;
}

[data-theme="dark"] .h200px.file-item:hover,
[data-theme="dark"] .p-2.bg-e9.radius.h200px:hover {
    background-color: var(--color-bg-hover) !important;
    border-color: var(--color-border-primary) !important;
}

/* File item selected state - high specificity to override other styles */
[data-theme="dark"] .h200px.file-item.selected,
[data-theme="dark"] .p-2.bg-e9.radius.h200px.file-item.selected,
[data-theme="dark"] .h200px.file-item.selected:hover,
[data-theme="dark"] .p-2.bg-e9.radius.h200px.file-item.selected:hover {
    border: 3px solid #ff4d4d !important;
    background-color: rgba(255, 77, 77, 0.2) !important;
    box-shadow: 0 0 12px rgba(255, 77, 77, 0.5) !important;
}

[data-theme="dark"] .file-item .file-item-header,
[data-theme="dark"] .file-item .file-item-media,
[data-theme="dark"] .file-item .file-item-footer {
    background-color: transparent !important;
}

/* File icons in dark theme */
[data-theme="dark"] .fi {
    background-color: var(--color-bg-secondary) !important;
}

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

/* btn-four in dark theme - make red for visibility */
[data-theme="dark"] .btn-four {
    background-color: var(--color-accent-red) !important;
    border-color: var(--color-accent-red) !important;
    color: #fff !important;
}

[data-theme="dark"] .btn-four:hover,
[data-theme="dark"] .btn-four:focus {
    background-color: var(--color-accent-red-hover) !important;
    border-color: var(--color-accent-red-hover) !important;
    color: #fff !important;
}

/* === BADGE-LIGHT (Comments/Files count in task list) === */
[data-theme="dark"] .badge-light,
[data-theme="dark"] span.badge-light,
[data-theme="dark"] span.badge.badge-light,
[data-theme="dark"] .box-jobs .badge-light,
[data-theme="dark"] .box-jobs span.badge-light,
[data-theme="dark"] .task-meta .badge-light,
[data-theme="dark"] .task-meta span.badge-light,
[data-theme="dark"] .row.box-jobs .badge-light,
[data-theme="dark"] .col-12 .badge-light,
[data-theme="dark"] .col-md-auto .badge-light {
    background-color: #2d2d2d !important;
    color: #e0e0e0 !important;
    border-color: #404040 !important;
}

[data-theme="dark"] .badge-light i,
[data-theme="dark"] span.badge-light i,
[data-theme="dark"] span.badge.badge-light i {
    color: #888888 !important;
}

/* === NOTIFICATION HEADER - Mark all as read button === */
[data-theme="dark"] .notification-header .btn-link {
    color: #fff !important;
}

[data-theme="dark"] .notification-header .btn-link:hover {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* Notification header styling */
[data-theme="dark"] .notification-header {
    background: var(--color-accent-red) !important;
    border-color: var(--color-accent-red) !important;
}

[data-theme="dark"] .notification-header h6 {
    color: #fff !important;
}

/* === NOTIFICATION BELL CIRCLE - Transparent background === */
[data-theme="dark"] .header-notification,
[data-theme="dark"] .header-notification:hover,
[data-theme="dark"] .header-notification:focus,
[data-theme="dark"] .header-notification:active {
    background: transparent !important;
}

/* === NOTIFICATION BADGE (Count Circle) - Keep red === */
[data-theme="dark"] .header-notification .badge-danger,
[data-theme="dark"] .notification .badge-danger,
[data-theme="dark"] span.badge.badge-danger.notification {
    background: var(--color-accent-red) !important;
    color: #fff !important;
}

/* === SEARCH INPUT AND BUTTON === */
input[type="search"].form-control-inline,
input[name="search"].form-control-inline {
    border: 1px solid #dc3545 !important;
}

input[type="search"].form-control-inline:focus,
input[name="search"].form-control-inline:focus {
    border-color: #dc3545 !important;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}

form.form-inline .btn-blank {
    background-color: #dc3545 !important;
    color: #fff !important;
    border: 1px solid #dc3545 !important;
    padding: 6px 12px;
    border-radius: 4px;
}

form.form-inline .btn-blank:hover {
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
}

form.form-inline .btn-blank i {
    color: #fff !important;
}

/* === DESCRIPTION HISTORY LINKS === */
.description-history a {
    color: #dc3545 !important;
}

.description-history a:hover {
    color: #a71d2a !important;
    text-decoration: underline;
}

[data-theme="dark"] .description-history a {
    color: var(--color-accent-red) !important;
}

[data-theme="dark"] .description-history a:hover {
    color: var(--color-accent-red-hover) !important;
}

/* Description history content in dark theme */
[data-theme="dark"] .description-history,
[data-theme="dark"] .description-history * {
    background-color: transparent !important;
    color: var(--color-text-primary) !important;
}

[data-theme="dark"] .description-history a {
    color: var(--color-accent-red) !important;
}

[data-theme="dark"] .description-history table,
[data-theme="dark"] .description-history td,
[data-theme="dark"] .description-history th {
    border-color: var(--color-border-secondary) !important;
}

/* === SEARCH INPUT AND BUTTON - Dark Theme === */
[data-theme="dark"] input[type="search"].form-control-inline,
[data-theme="dark"] input[name="search"].form-control-inline {
    border-color: var(--color-accent-red) !important;
}

[data-theme="dark"] input[type="search"].form-control-inline:focus,
[data-theme="dark"] input[name="search"].form-control-inline:focus {
    border-color: var(--color-accent-red) !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 77, 77, 0.25) !important;
}

[data-theme="dark"] form.form-inline .btn-blank {
    background-color: var(--color-accent-red) !important;
    border-color: var(--color-accent-red) !important;
}

[data-theme="dark"] form.form-inline .btn-blank:hover {
    background-color: var(--color-accent-red-hover) !important;
    border-color: var(--color-accent-red-hover) !important;
}