/* Dark/Light Theme CSS Variables */

:root {
  /* Light Mode Colors */
  --vz-body-bg: #f8f9fa;
  --vz-body-color: #212529;
  --vz-card-bg: #fff;
  --vz-border-color: #dee2e6;
  --vz-navbar-bg: #fff;
  --vz-sidebar-bg: #fff;
  --vz-sidebar-color: #74788d;
  --vz-topbar-bg: #fff;
  --vz-topbar-border: #e9ecef;
  --vz-table-bg: #fff;
  --vz-table-hover-bg: #f8f9fa;
  --vz-input-bg: #fff;
  --vz-input-border: #ced4da;
  --vz-dropdown-bg: #fff;
  --vz-modal-bg: #fff;
  --vz-text-primary: #212529;
  --vz-text-secondary: #6c757d;
  --vz-text-muted: #74788d;
  --vz-shadow: rgba(0, 0, 0, 0.1);
  /* Topbar user background */
  --tb-topbar-user-bg: transparent;
}

/* Dark Mode Colors */
[data-theme="dark"] {
  --vz-body-bg: #121212;
  --vz-body-color: #e0e0e0;
  --vz-card-bg: #1e1e1e;
  --vz-border-color: #333;
  --vz-navbar-bg: #1e1e1e;
  --vz-sidebar-bg: #1e1e1e;
  --vz-sidebar-color: #b0b0b0;
  --vz-topbar-bg: #1a1a1a;
  --vz-topbar-border: #333;
  --vz-table-bg: #1e1e1e;
  --vz-table-hover-bg: #2a2a2a;
  --vz-input-bg: #2a2a2a;
  --vz-input-border: #444;
  --vz-dropdown-bg: #1e1e1e;
  --vz-modal-bg: #1e1e1e;
  --vz-text-primary: #e0e0e0;
  --vz-text-secondary: #b0b0b0;
  --vz-text-muted: #888;
  --vz-shadow: rgba(255, 255, 255, 0.1);
  /* Topbar user background for dark mode */
  --tb-topbar-user-bg: transparent;
}

/* Apply CSS variables to elements */
body {
  background-color: var(--vz-body-bg) !important;
  color: var(--vz-body-color) !important;
  transition: background-color 0.3s ease, color 0.3s ease;
}

/* Cards */
.card {
  background-color: var(--vz-card-bg) !important;
  border-color: var(--vz-border-color) !important;
  color: var(--vz-text-primary) !important;
}

/* Top Tagbar */
.top-tagbar {
  background-color: var(--vz-topbar-bg) !important;
  border-bottom: 1px solid var(--vz-topbar-border) !important;
  color: var(--vz-text-primary) !important;
}

.top-tagbar .fs-14 {
  color: var(--vz-text-primary) !important;
}

.top-tagbar .fw-medium {
  color: var(--vz-text-primary) !important;
}

.top-tagbar .text-reset {
  color: var(--vz-text-primary) !important;
}

.top-tagbar .fw-normal {
  color: var(--vz-text-secondary) !important;
}

.top-tagbar .fw-semibold {
  color: var(--vz-text-primary) !important;
}

/* Language dropdown in top tagbar */
.top-tagbar .topbar-tag-dropdown .btn {
  color: var(--vz-text-primary) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

.top-tagbar .topbar-tag-dropdown .btn:hover {
  background-color: var(--vz-table-hover-bg) !important;
  color: var(--vz-text-primary) !important;
}

.top-tagbar .topbar-tag-dropdown .dropdown-menu {
  background-color: var(--vz-dropdown-bg) !important;
  border-color: var(--vz-border-color) !important;
}

.top-tagbar .topbar-tag-dropdown .dropdown-item {
  color: var(--vz-text-primary) !important;
}

.top-tagbar .topbar-tag-dropdown .dropdown-item:hover {
  background-color: var(--vz-table-hover-bg) !important;
  color: var(--vz-text-primary) !important;
}

/* Top tagbar icons */
.top-tagbar .bi {
  color: var(--vz-text-primary) !important;
}

/* Vertical rule separator */
.top-tagbar .vr {
  border-color: var(--vz-border-color) !important;
  opacity: 0.5;
}

/* Top tagbar specific dark mode styling */
[data-theme="dark"] .top-tagbar {
  background-color: #1a1a1a !important;
  border-bottom-color: #333 !important;
}

[data-theme="dark"] .top-tagbar .container-fluid {
  color: #e0e0e0 !important;
}

[data-theme="dark"] .top-tagbar .fs-14 {
  color: #e0e0e0 !important;
}

[data-theme="dark"] .top-tagbar a {
  color: #b0b0b0 !important;
}

[data-theme="dark"] .top-tagbar a:hover {
  color: #e0e0e0 !important;
}

/* Time display */
[data-theme="dark"] #current-time {
  color: #e0e0e0 !important;
}

/* Email and website text */
[data-theme="dark"] .top-tagbar .bi-envelope,
[data-theme="dark"] .top-tagbar .bi-globe {
  color: #b0b0b0 !important;
}

/* Balance text */
[data-theme="dark"] .top-tagbar .text-reset {
  color: #b0b0b0 !important;
}

[data-theme="dark"] .top-tagbar .fw-semibold {
  color: #e0e0e0 !important;
}

/* Language selector */
[data-theme="dark"] .top-tagbar #lang-name {
  color: #e0e0e0 !important;
}

/* Navbar & Topbar */
#page-topbar {
  background-color: var(--vz-topbar-bg) !important;
  border-bottom: 1px solid var(--vz-topbar-border) !important;
}

.navbar-header {
  background-color: var(--vz-navbar-bg) !important;
}

/* Topbar buttons */
.btn-topbar {
  color: var(--vz-text-primary) !important;
  background-color: transparent !important;
  border-color: transparent !important;
}

.btn-topbar:hover {
  background-color: var(--vz-table-hover-bg) !important;
  color: var(--vz-text-primary) !important;
}

.btn-topbar:focus {
  background-color: var(--vz-table-hover-bg) !important;
  color: var(--vz-text-primary) !important;
  box-shadow: none !important;
}

/* Theme toggle button specific */
#light-dark-mode {
  color: var(--vz-text-primary) !important;
  background-color: transparent !important;
  border: none !important;
}

#light-dark-mode:hover {
  background-color: var(--vz-table-hover-bg) !important;
  color: var(--vz-text-primary) !important;
}

/* Header items */
.header-item .btn {
  color: var(--vz-text-primary) !important;
}

.header-item .btn:hover {
  background-color: var(--vz-table-hover-bg) !important;
  color: var(--vz-text-primary) !important;
}

/* Logo adjustments for dark mode */
[data-theme="dark"] .logo-dark {
  display: none !important;
}

[data-theme="dark"] .logo-light {
  display: block !important;
}

[data-theme="light"] .logo-dark {
  display: block !important;
}

[data-theme="light"] .logo-light {
  display: none !important;
}

/* Tables */
.table {
  background-color: var(--vz-table-bg) !important;
  color: var(--vz-text-primary) !important;
}

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

.table td {
  border-color: var(--vz-border-color) !important;
  color: var(--vz-text-primary) !important;
}

.table-hover tbody tr:hover {
  background-color: var(--vz-table-hover-bg) !important;
}

/* Forms */
.form-control {
  background-color: var(--vz-input-bg) !important;
  border-color: var(--vz-input-border) !important;
  color: var(--vz-text-primary) !important;
}

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

.form-select {
  background-color: var(--vz-input-bg) !important;
  border-color: var(--vz-input-border) !important;
  color: var(--vz-text-primary) !important;
}

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

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

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

/* Modals */
.modal-content {
  background-color: var(--vz-modal-bg) !important;
  border-color: var(--vz-border-color) !important;
  color: var(--vz-text-primary) !important;
}

.modal-header {
  border-bottom-color: var(--vz-border-color) !important;
}

.modal-footer {
  border-top-color: var(--vz-border-color) !important;
}

/* Text utilities */
.text-muted {
  color: var(--vz-text-muted) !important;
}

/* Buttons - Dark mode specific */
[data-theme="dark"] .btn-light {
  background-color: #2a2a2a !important;
  border-color: #444 !important;
  color: #e0e0e0 !important;
}

[data-theme="dark"] .btn-light:hover {
  background-color: #333 !important;
  border-color: #555 !important;
  color: #fff !important;
}

/* Navigation */
.bottom-nav {
  background-color: var(--vz-navbar-bg) !important;
  border-top-color: var(--vz-border-color) !important;
}

.bottom-nav-item {
  color: var(--vz-text-muted) !important;
}

.bottom-nav-item.active {
  color: #556ee6 !important;
}

/* Alerts */
[data-theme="dark"] .alert-info {
  background-color: #1a3a5c !important;
  border-color: #2d5aa0 !important;
  color: #9cc5f7 !important;
}

[data-theme="dark"] .alert-warning {
  background-color: #5c4a1a !important;
  border-color: #a08c2d !important;
  color: #f7dc9c !important;
}

[data-theme="dark"] .alert-success {
  background-color: #1a5c2d !important;
  border-color: #2da05a !important;
  color: #9cf7c5 !important;
}

[data-theme="dark"] .alert-danger {
  background-color: #5c1a1a !important;
  border-color: #a02d2d !important;
  color: #f79c9c !important;
}

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

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

/* Breadcrumb */
[data-theme="dark"] .breadcrumb-item a {
  color: var(--vz-text-secondary) !important;
}

/* Theme Toggle Animation */
#light-dark-mode {
  transition: transform 0.3s ease;
}

#light-dark-mode:hover {
  transform: scale(1.1);
}

#theme-icon {
  transition: transform 0.3s ease;
}

/* Dark mode theme icon rotation */
[data-theme="dark"] #theme-icon {
  transform: rotate(180deg);
}

/* Badge in dark mode */
[data-theme="dark"] .badge {
  background-color: #444 !important;
  color: #e0e0e0 !important;
}

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

/* Offcanvas */
[data-theme="dark"] .offcanvas {
  background-color: var(--vz-modal-bg) !important;
  color: var(--vz-text-primary) !important;
}

/* Toast */
[data-theme="dark"] .toast {
  background-color: var(--vz-card-bg) !important;
  border-color: var(--vz-border-color) !important;
  color: var(--vz-text-primary) !important;
}

/* DataTables Dark Mode Support - Enhanced */
[data-theme="dark"] table.dataTable {
  background-color: var(--vz-table-bg) !important;
  color: var(--vz-text-primary) !important;
}

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

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

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

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

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

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

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

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

/* DataTables Specific Elements */
[data-theme="dark"] .dataTables_wrapper .dataTables_filter input {
  background-color: var(--vz-input-bg) !important;
  border: 1px solid var(--vz-input-border) !important;
  color: var(--vz-text-primary) !important;
}

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

/* Stock table specific */
[data-theme="dark"] #stockTable {
  background-color: var(--vz-table-bg) !important;
  color: var(--vz-text-primary) !important;
}

[data-theme="dark"] #stockTable thead {
  background-color: var(--vz-table-bg) !important;
}

[data-theme="dark"] #stockTable tbody tr {
  background-color: var(--vz-table-bg) !important;
  color: var(--vz-text-primary) !important;
}

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

[data-theme="dark"] #stockTable tbody tr:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.02) !important;
}

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

[data-theme="dark"] #stockTable th,
[data-theme="dark"] #stockTable td {
  background-color: transparent !important;
  color: var(--vz-text-primary) !important;
  border-color: var(--vz-border-color) !important;
}

/* DataTables Wrapper */
[data-theme="dark"] .dataTables_wrapper {
  color: var(--vz-text-primary) !important;
  background-color: transparent !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(--vz-text-primary) !important;
}

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

/* Pagination specific */
[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button {
  background-color: var(--vz-card-bg) !important;
  border-color: var(--vz-border-color) !important;
  color: var(--vz-text-primary) !important;
}

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

[data-theme="dark"] .dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background-color: #556ee6 !important;
  border-color: #556ee6 !important;
  color: #fff !important;
}

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

/* Force override for Bootstrap DataTables */
[data-theme="dark"] .table-dark {
  --bs-table-bg: var(--vz-table-bg) !important;
  --bs-table-color: var(--vz-text-primary) !important;
}

[data-theme="dark"] .table {
  --bs-table-bg: var(--vz-table-bg) !important;
  --bs-table-color: var(--vz-text-primary) !important;
  --bs-table-hover-bg: var(--vz-table-hover-bg) !important;
  --bs-table-hover-color: var(--vz-text-primary) !important;
  --bs-table-border-color: var(--vz-border-color) !important;
}

/* Action Buttons */
[data-theme="dark"] .btn-warning {
  background-color: #f1b44c !important;
  border-color: #f1b44c !important;
  color: #000 !important;
}

[data-theme="dark"] .btn-danger {
  background-color: #e74c3c !important;
  border-color: #e74c3c !important;
  color: #fff !important;
}

[data-theme="dark"] .btn-primary {
  background-color: #556ee6 !important;
  border-color: #556ee6 !important;
  color: #fff !important;
}

[data-theme="dark"] .btn-success {
  background-color: #28a745 !important;
  border-color: #28a745 !important;
  color: #fff !important;
}

[data-theme="dark"] .btn-info {
  background-color: #17a2b8 !important;
  border-color: #17a2b8 !important;
  color: #fff !important;
}

/* Icons in dark mode */
[data-theme="dark"] .text-warning {
  color: #f1b44c !important;
}

[data-theme="dark"] .text-danger {
  color: #e74c3c !important;
}

[data-theme="dark"] .text-primary {
  color: #556ee6 !important;
}

[data-theme="dark"] .text-success {
  color: #28a745 !important;
}

[data-theme="dark"] .text-info {
  color: #17a2b8 !important;
}

/* Notification dropdowns */
[data-theme="dark"] .topbar-badge {
  background-color: #e74c3c !important;
  color: #fff !important;
}

/* Header profile dropdown */
[data-theme="dark"] .header-profile-user {
  border: 2px solid var(--vz-border-color) !important;
}

[data-theme="dark"] .topbar-user .dropdown-menu {
  background-color: var(--vz-dropdown-bg) !important;
  border-color: var(--vz-border-color) !important;
}

/* User dropdown profile menu */
[data-theme="dark"] .topbar-user .btn {
  color: var(--vz-text-primary) !important;
  background-color: transparent !important;
  border: none !important;
}

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

[data-theme="dark"] .topbar-user .btn:focus {
  background-color: transparent !important;
  color: var(--vz-text-primary) !important;
  box-shadow: none !important;
}

/* User name and role text */
[data-theme="dark"] .user-name-text {
  color: var(--vz-text-primary) !important;
}

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

/* Profile dropdown menu items */
[data-theme="dark"] .topbar-user .dropdown-header {
  color: var(--vz-text-primary) !important;
  background-color: transparent !important;
  border-bottom: 1px solid var(--vz-border-color) !important;
}

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

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

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

/* Icons in dropdown */
[data-theme="dark"] .topbar-user .dropdown-item .bi {
  color: var(--vz-text-secondary) !important;
}

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

/* Dropdown divider */
[data-theme="dark"] .topbar-user .dropdown-divider {
  border-color: var(--vz-border-color) !important;
  opacity: 0.3;
}

/* Profile image border */
[data-theme="dark"] .header-profile-user {
  border: 1px solid var(--vz-border-color) !important;
}

/* Ensure dropdown shows properly */
[data-theme="dark"] .topbar-head-dropdown .dropdown-menu {
  background-color: var(--vz-dropdown-bg) !important;
  border: 1px solid var(--vz-border-color) !important;
  box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.1) !important;
}

/* General topbar user styling */
[data-theme="dark"] .header-item {
  color: var(--vz-text-primary) !important;
}

[data-theme="dark"] .header-item .btn {
  color: var(--vz-text-primary) !important;
  background-color: transparent !important;
  border: none !important;
}

[data-theme="dark"] .header-item .btn:hover,
[data-theme="dark"] .header-item .btn:focus,
[data-theme="dark"] .header-item .btn:active {
  background-color: var(--vz-table-hover-bg) !important;
  color: var(--vz-text-primary) !important;
  box-shadow: none !important;
  border: none !important;
}

/* Fix dropdown button states */
[data-theme="dark"] .dropdown-toggle {
  color: var(--vz-text-primary) !important;
  background-color: transparent !important;
  border: none !important;
}

[data-theme="dark"] .dropdown-toggle:hover,
[data-theme="dark"] .dropdown-toggle:focus,
[data-theme="dark"] .dropdown-toggle:active,
[data-theme="dark"] .dropdown-toggle.show {
  background-color: var(--vz-table-hover-bg) !important;
  color: var(--vz-text-primary) !important;
  box-shadow: none !important;
  border: none !important;
}

/* Specific styling for user profile text */
[data-theme="dark"] .topbar-user span {
  color: var(--vz-text-primary) !important;
}

[data-theme="dark"] .topbar-user .fw-medium {
  color: var(--vz-text-primary) !important;
}

[data-theme="dark"] .topbar-user .fs-13 {
  color: var(--vz-text-secondary) !important;
}

/* Force override navbar-header .topbar-user background */
[data-theme="dark"] .navbar-header .topbar-user {
  background-color: transparent !important;
  background: transparent !important;
}

@media (min-width: 768px) {
  [data-theme="dark"] .navbar-header .topbar-user {
    background-color: transparent !important;
    background: transparent !important;
  }
}

/* Ensure topbar-user has no background */
[data-theme="dark"] .topbar-user {
  background-color: transparent !important;
  background: transparent !important;
}

[data-theme="dark"] .topbar-user .btn {
  background-color: transparent !important;
  background: transparent !important;
}

[data-theme="dark"] .topbar-user .btn:hover,
[data-theme="dark"] .topbar-user .btn:focus,
[data-theme="dark"] .topbar-user .btn:active {
  background-color: var(--vz-table-hover-bg) !important;
  background: var(--vz-table-hover-bg) !important;
}

/* Action buttons in tables */
[data-theme="dark"] .table .btn {
  color: #fff !important;
}

[data-theme="dark"] .table .btn-warning {
  background-color: #f1b44c !important;
  border-color: #f1b44c !important;
  color: #000 !important;
}

[data-theme="dark"] .table .btn-danger {
  background-color: #e74c3c !important;
  border-color: #e74c3c !important;
  color: #fff !important;
}

/* Search container */
[data-theme="dark"] .search-container,
[data-theme="dark"] .search-box {
  background-color: var(--vz-input-bg) !important;
  border-color: var(--vz-input-border) !important;
}

/* Page title and breadcrumb */
[data-theme="dark"] .page-title-box {
  color: var(--vz-text-primary) !important;
}

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

/* DataTables specific fixes */
[data-theme="dark"] div.dataTables_wrapper div.dataTables_filter input {
  background-color: var(--vz-input-bg) !important;
  border: 1px solid var(--vz-input-border) !important;
  color: var(--vz-text-primary) !important;
}

[data-theme="dark"] div.dataTables_wrapper div.dataTables_length select {
  background-color: var(--vz-input-bg) !important;
  border: 1px solid var(--vz-input-border) !important;
  color: var(--vz-text-primary) !important;
}

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

[data-theme="dark"] ::-webkit-scrollbar-track {
  background: #2a2a2a;
}

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

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
  background: #666;
}

/* Status Filter Menu for Stock Requests */
[data-theme="dark"] .status-filter-menu {
  background-color: var(--vz-card-bg) !important;
  box-shadow: 0 2px 4px rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--vz-border-color) !important;
}

[data-theme="dark"] .status-filter-item {
  color: var(--vz-text-secondary) !important;
  background-color: transparent !important;
}

[data-theme="dark"] .status-filter-item:hover {
  background-color: var(--vz-table-hover-bg) !important;
  color: var(--vz-text-primary) !important;
  text-decoration: none !important;
}

[data-theme="dark"] .status-filter-item i {
  color: #556ee6 !important; /* Keep primary color for icons */
}

[data-theme="dark"] .status-filter-item span {
  color: var(--vz-text-secondary) !important;
}

[data-theme="dark"] .status-filter-item.active {
  background-color: var(--vz-table-hover-bg) !important;
  border: 1px solid var(--vz-border-color) !important;
}

[data-theme="dark"] .status-filter-item.active i {
  color: #556ee6 !important;
}

[data-theme="dark"] .status-filter-item.active span {
  color: var(--vz-text-primary) !important;
  font-weight: 600 !important;
}

/* Notification badge in filter */
[data-theme="dark"] .notification-badge-filter {
  background-color: #e74c3c !important;
  color: #fff !important;
  border: 2px solid var(--vz-card-bg) !important;
}