/* ==========================================================================
   Timenia Workforce OS - Dark Theme Stylesheet (High Contrast)
   ========================================================================== */

[data-bs-theme="dark"],
body.dark-mode {
  --bg-body: #080c15;
  --bg-surface: #101623;
  --bg-sidebar: #060910;
  --sidebar-text: #94a3b8;
  --sidebar-active: #ffffff;
  
  --border-color: #1e293b;
  --text-main: #f8fafc;
  --text-secondary: #cbd5e1;
  --text-muted: #94a3b8;

  --primary-light: rgba(79, 70, 229, 0.18);
  --success-light: rgba(16, 185, 129, 0.18);
  --warning-light: rgba(245, 158, 11, 0.18);
  --danger-light: rgba(239, 68, 68, 0.18);
  --info-light: rgba(14, 165, 233, 0.18);
  --secondary-light: rgba(100, 116, 139, 0.18);
}

[data-bs-theme="dark"] .app-topbar,
body.dark-mode .app-topbar {
  background-color: rgba(16, 22, 35, 0.85);
  border-bottom-color: var(--border-color);
}

[data-bs-theme="dark"] .topbar-search input,
body.dark-mode .topbar-search input {
  background-color: #172033;
  border-color: #27354f;
  color: #f8fafc;
}

[data-bs-theme="dark"] .topbar-search input:focus,
body.dark-mode .topbar-search input:focus {
  background-color: #1b253b;
  border-color: var(--primary);
  color: #ffffff;
}

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

[data-bs-theme="dark"] .card-header,
body.dark-mode .card-header {
  border-bottom-color: var(--border-color);
}

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

[data-bs-theme="dark"] .table thead th,
body.dark-mode .table thead th {
  background-color: #141c2c;
  border-bottom-color: var(--border-color);
  color: #cbd5e1;
}

[data-bs-theme="dark"] .table tbody td,
body.dark-mode .table tbody td {
  border-bottom-color: var(--border-color);
}

[data-bs-theme="dark"] .table tbody tr:hover,
body.dark-mode .table tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.035);
}

[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select,
body.dark-mode .form-control,
body.dark-mode .form-select {
  background-color: #172033;
  border-color: #27354f;
  color: #f8fafc;
}

[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus,
body.dark-mode .form-control:focus,
body.dark-mode .form-select:focus {
  background-color: #1b253b;
  border-color: var(--primary);
  color: #ffffff;
}

[data-bs-theme="dark"] .dropdown-menu,
body.dark-mode .dropdown-menu {
  background-color: #141c2c;
  border-color: #27354f;
  color: #f8fafc;
}

[data-bs-theme="dark"] .dropdown-item,
body.dark-mode .dropdown-item {
  color: #e2e8f0;
}

[data-bs-theme="dark"] .dropdown-item:hover,
body.dark-mode .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.08);
  color: #ffffff;
}

[data-bs-theme="dark"] .modal-content,
body.dark-mode .modal-content {
  background-color: var(--bg-surface);
  border-color: var(--border-color);
}

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

[data-bs-theme="dark"] .mobile-bottom-nav,
body.dark-mode .mobile-bottom-nav {
  background-color: rgba(16, 22, 35, 0.88);
  border-top-color: var(--border-color);
}

[data-bs-theme="dark"] .timer-pill,
body.dark-mode .timer-pill {
  background-color: #172554;
  border-color: #1e3a8a;
  color: #93c5fd;
}

[data-bs-theme="dark"] .timer-pill.running,
body.dark-mode .timer-pill.running {
  background-color: #064e3b;
  border-color: #047857;
  color: #6ee7b7;
}

[data-bs-theme="dark"] .mobile-nav-item.active,
body.dark-mode .mobile-nav-item.active {
  color: #818cf8;
}

[data-bs-theme="dark"] .mobile-nav-item.active::after,
body.dark-mode .mobile-nav-item.active::after {
  background-color: #818cf8;
}