/* ===== CloudGuard Dark Theme Overrides ===== */

html.dark .table-striped tbody tr:nth-child(even) {
  background: rgba(255, 255, 255, 0.02);
}

html.dark .form-input,
html.dark .form-select,
html.dark .form-textarea {
  background: rgba(255, 255, 255, 0.05);
}

html.dark .form-input:focus,
html.dark .form-select:focus,
html.dark .form-textarea:focus {
  background: rgba(255, 255, 255, 0.08);
}

html.dark .card,
html.dark .content-card,
html.dark .stat-card {
  background: rgba(44, 45, 52, 0.95);
}

html.dark .modal-content {
  background: #2c2d34;
}

html.dark .dropdown-menu {
  background: #2c2d34;
}

html.dark .notification {
  background: #2c2d34;
}

html.dark .table thead {
  background: rgba(255, 255, 255, 0.03);
}

html.dark .alert-info {
  color: var(--theme-info);
}

html.dark .alert-warning {
  color: var(--theme-warning);
}

html.dark .theme-toggle-btn {
  background: var(--theme-surface);
  border-color: var(--theme-border);
}

html.dark ::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.15);
}

html.dark ::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.25);
}

/* ---- Dark mode nav gradient override ---- */
html.dark .btn-primary {
  background: linear-gradient(135deg, var(--theme-brand), var(--theme-brand-strong));
  box-shadow: 0 2px 8px rgba(0, 163, 117, 0.25);
}

html.dark .btn-primary:hover {
  background: linear-gradient(135deg, var(--theme-brand-strong), var(--theme-brand));
  box-shadow: 0 4px 16px rgba(0, 163, 117, 0.35);
}

html.dark .pagination-item.active {
  background: linear-gradient(135deg, var(--theme-brand), var(--theme-brand-strong));
  box-shadow: 0 2px 8px rgba(0, 163, 117, 0.25);
}

html.dark .sidebar-user-avatar {
  background: linear-gradient(135deg, var(--theme-brand), var(--theme-brand-strong));
}

html.dark .avatar-placeholder {
  background: linear-gradient(135deg, var(--theme-brand), var(--theme-brand-strong));
}

/* ---- Login page dark overrides ---- */
html.dark .login-container {
  background: linear-gradient(135deg, #2c2d34 0%, #40434b 100%);
}

html.dark .login-card {
  background: rgba(44, 45, 52, 0.95);
}

html.dark .login-brand-bar {
  background: linear-gradient(135deg, var(--theme-brand), var(--theme-brand-strong));
}

/* ---- Dashboard specific dark ---- */
html.dark .dashboard-header-greeting {
  background: linear-gradient(135deg, rgba(0, 163, 117, 0.1), rgba(0, 196, 138, 0.05));
}

html.dark .activity-item {
  border-left-color: rgba(255, 255, 255, 0.08);
}

html.dark .quick-action-card {
  background: rgba(255, 255, 255, 0.03);
}

html.dark .quick-action-card:hover {
  background: rgba(255, 255, 255, 0.06);
}