/**
 * ThreatSpot AI - Dark Theme
 * Comprehensive dark mode styling using CSS variables
 */

/* ============================================
   DARK THEME ROOT VARIABLES
   ============================================ */
[data-theme="dark"] {
  /* Core brand colors - adjusted for dark mode */
  --ts-color-navy: #4A9EFF;
  --ts-color-navy-soft: #5BA8FF;
  --ts-color-navy-dark: #2E7FD9;
  --ts-color-accent-teal: #00E5FF;
  --ts-color-accent-purple: #7B93FF;
  --ts-color-orange: #FF9A56;
  --ts-color-orange-soft: #FFB380;
  
  /* Background colors */
  --ts-bg-body: #0F1419;
  --ts-bg-main: #0F1419;          /* Main page background - same as body */
  --ts-bg-surface: #1A1F26;
  --ts-bg-surface-dark: #0B0E13;
  --ts-bg-card: #1E2329;
  --ts-bg-elevated: #252B33;
  
  /* Border colors */
  --ts-border-subtle: #2D3339;
  --ts-border-medium: #3D4349;
  --ts-border-strong: #4D5359;
  
  /* Text Colors */
  --ts-text-main: #F3F4F6;        /* Bright white for primary text */
  --ts-text-muted: #D1D5DB;       /* Light gray for secondary text (increased from #9CA3AF) */
  --ts-text-subtle: #9CA3AF;      /* Medium gray for less important text */
  --ts-text-disabled: #6B7280;    /* Dark gray for disabled text */
  --ts-text-inverse: #1F2937;
  
  /* Shadows - softer for dark mode */
  --ts-shadow-subtle: 0 10px 30px rgba(0, 0, 0, 0.3);
  --ts-shadow-soft: 0 18px 45px rgba(0, 0, 0, 0.4);
  --ts-shadow-card: 0 10px 20px rgba(0, 0, 0, 0.25);
  
  /* Sidebar colors */
  --sidebar-bg: #0E1419;
  --sidebar-hover: #1A2028;
  --sidebar-active: #252D35;
  --sidebar-text: #E5EDF4;
  --sidebar-text-muted: #9CAAC0;
  
  /* Generic theme aliases */
  --color-primary: var(--ts-color-navy);
  --color-accent: var(--ts-color-accent-teal);
  --color-bg: var(--ts-bg-body);
  --color-muted: var(--ts-text-muted);
  --color-text: var(--ts-text-main);
  --primary-color: var(--ts-color-navy);
  --primary-hover: var(--ts-color-navy-soft);
}

/* ============================================
   BODY & GLOBAL STYLES
   ============================================ */
/* CRITICAL: data-theme is ON body, not a parent - must use body[data-theme] */
body[data-theme="dark"] {
  background-color: #0F1419 !important;
  background: #0F1419 !important;
  color: var(--ts-text-main) !important;
}

/* Also keep the descendant selector for any nested cases */
[data-theme="dark"] body {
  background-color: var(--ts-bg-body);
  color: var(--ts-text-main);
}

[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 {
  color: var(--ts-text-main) !important;
}

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

[data-theme="dark"] a {
  color: var(--ts-color-navy);
}

[data-theme="dark"] a:hover {
  color: var(--ts-color-orange);
}

[data-theme="dark"] span,
[data-theme="dark"] div,
[data-theme="dark"] label,
[data-theme="dark"] li {
  color: var(--ts-text-main);
}

[data-theme="dark"] small,
[data-theme="dark"] .small {
  color: var(--ts-text-muted);
}

[data-theme="dark"] strong,
[data-theme="dark"] b {
  color: var(--ts-text-main);
}

/* ============================================
   CARDS & SURFACES
   ============================================ */
[data-theme="dark"] .card {
  background-color: var(--ts-bg-card);
  border-color: var(--ts-border-subtle);
  color: var(--ts-text-main);
}

[data-theme="dark"] .card-header {
  background-color: var(--ts-bg-surface-dark);
  border-bottom-color: var(--ts-border-subtle);
  color: var(--ts-text-main);
}

[data-theme="dark"] .card-footer {
  background-color: var(--ts-bg-surface-dark);
  border-top-color: var(--ts-border-subtle);
}

[data-theme="dark"] .score-card {
  background-color: var(--ts-bg-card);
  border-color: var(--ts-border-subtle);
}

[data-theme="dark"] .ts-card-elevated {
  background-color: var(--ts-bg-elevated);
}

/* ============================================
   BUTTONS
   ============================================ */
[data-theme="dark"] .btn-primary {
  background-color: var(--ts-color-orange);
  border-color: var(--ts-color-orange);
  color: #ffffff;
}

[data-theme="dark"] .btn-primary:hover,
[data-theme="dark"] .btn-primary:focus {
  background-color: var(--ts-color-orange-soft);
  border-color: var(--ts-color-orange-soft);
}

[data-theme="dark"] .btn-outline-primary {
  color: var(--ts-color-navy);
  border-color: var(--ts-color-navy);
  background-color: transparent;
}

[data-theme="dark"] .btn-outline-primary:hover,
[data-theme="dark"] .btn-outline-primary:focus {
  background-color: var(--ts-color-navy);
  color: #ffffff;
}

 [data-theme="dark"] .ts-admin-action-btn {
  box-shadow: none;
 }

 [data-theme="dark"] .ts-admin-action-btn.ts-icon-only {
  background-color: rgba(255, 255, 255, 0.02);
  border-color: var(--ts-border-medium);
 }

 [data-theme="dark"] .ts-admin-action-btn.ts-icon-only:hover,
 [data-theme="dark"] .ts-admin-action-btn.ts-icon-only:focus {
  background-color: rgba(255, 255, 255, 0.06);
  border-color: var(--ts-border-strong);
 }

 [data-theme="dark"] .ts-admin-action-pill {
  background-color: rgba(255, 255, 255, 0.02);
  border-color: var(--ts-border-medium);
 }

 [data-theme="dark"] .ts-admin-action-pill:hover,
 [data-theme="dark"] .ts-admin-action-pill:focus {
  background-color: rgba(255, 255, 255, 0.06);
  border-color: var(--ts-border-strong);
 }

[data-theme="dark"] .btn-secondary {
  background-color: var(--ts-bg-elevated);
  border-color: var(--ts-border-medium);
  color: var(--ts-text-main);
}

[data-theme="dark"] .btn-secondary:hover {
  background-color: var(--ts-bg-surface);
  border-color: var(--ts-border-strong);
}

[data-theme="dark"] .btn-outline-secondary {
  color: var(--ts-text-main);
  border-color: var(--ts-border-medium);
}

[data-theme="dark"] .btn-light {
  background-color: var(--ts-bg-elevated);
  border-color: var(--ts-border-medium);
  color: var(--ts-text-main);
}

[data-theme="dark"] .btn-outline-light {
  color: var(--ts-text-main);
  border-color: var(--ts-border-medium);
}

/* ============================================
   FORMS & INPUTS
   ============================================ */
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
  background-color: var(--ts-bg-surface);
  border-color: var(--ts-border-medium);
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
  background-color: var(--ts-bg-surface);
  border-color: var(--ts-color-navy);
  color: var(--ts-text-main) !important;
  box-shadow: 0 0 0 0.25rem rgba(74, 158, 255, 0.25);
}

[data-theme="dark"] .form-select option {
  background-color: var(--ts-bg-surface);
  color: var(--ts-text-main);
}

[data-theme="dark"] select {
  background-color: var(--ts-bg-surface) !important;
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] .form-control::placeholder {
  color: var(--ts-text-subtle);
}

[data-theme="dark"] .form-label {
  color: var(--ts-text-main);
}

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

[data-theme="dark"] .input-group-text {
  background-color: var(--ts-bg-elevated);
  border-color: var(--ts-border-medium);
  color: var(--ts-text-main);
}

/* ============================================
   TABLES
   ============================================ */
[data-theme="dark"] .table {
  color: var(--ts-text-main);
  border-color: var(--ts-border-subtle);
}

[data-theme="dark"] .table thead th {
  background-color: var(--ts-bg-surface-dark);
  color: var(--ts-text-main) !important;
  border-color: var(--ts-border-subtle);
}

[data-theme="dark"] .table tbody tr {
  background-color: var(--ts-bg-card) !important;
  border-color: var(--ts-border-subtle);
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] .table tbody tr td {
  background-color: transparent !important;
  color: var(--ts-text-main) !important;
}

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

[data-theme="dark"] .table td {
  color: var(--ts-text-main) !important;
  border-color: var(--ts-border-subtle);
}

[data-theme="dark"] .table td a {
  color: var(--ts-color-navy) !important;
}

[data-theme="dark"] .table td a:hover {
  color: var(--ts-color-orange) !important;
}

[data-theme="dark"] .table td small,
[data-theme="dark"] .table td .small,
[data-theme="dark"] .table td .text-muted {
  color: var(--ts-text-muted) !important;
}

/* Template table specific */
[data-theme="dark"] .table .template-name,
[data-theme="dark"] .table .scan-name {
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] .table .template-description,
[data-theme="dark"] .table .scan-description {
  color: var(--ts-text-muted) !important;
}

[data-theme="dark"] .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.02) !important;
}

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

[data-theme="dark"] .table-hover tbody tr:hover {
  background-color: rgba(255, 255, 255, 0.05);
  color: var(--ts-text-main);
}

/* ============================================
   ALERTS
   ============================================ */
[data-theme="dark"] .alert-info {
  background-color: rgba(74, 158, 255, 0.15);
  border-color: rgba(74, 158, 255, 0.3);
  color: #A5D6FF;
}

[data-theme="dark"] .alert-warning {
  background-color: rgba(255, 154, 86, 0.15);
  border-color: rgba(255, 154, 86, 0.3);
  color: #FFD4B3;
}

[data-theme="dark"] .alert-danger {
  background-color: rgba(239, 68, 68, 0.15);
  border-color: rgba(239, 68, 68, 0.3);
  color: #FCA5A5;
}

[data-theme="dark"] .alert-success {
  background-color: rgba(34, 197, 94, 0.15);
  border-color: rgba(34, 197, 94, 0.3);
  color: #86EFAC;
}

/* ============================================
   BADGES
   ============================================ */
[data-theme="dark"] .badge.bg-primary,
[data-theme="dark"] .badge.bg-info {
  background-color: var(--ts-color-navy) !important;
  color: #ffffff;
}

[data-theme="dark"] .badge.bg-secondary {
  background-color: var(--ts-bg-elevated) !important;
  color: var(--ts-text-main);
}

[data-theme="dark"] .badge.bg-success {
  background-color: #22C55E !important;
  color: #ffffff;
}

[data-theme="dark"] .badge.bg-warning {
  background-color: #F59E0B !important;
  color: #1F2937;
}

[data-theme="dark"] .badge.bg-danger {
  background-color: #EF4444 !important;
  color: #ffffff;
}

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

[data-theme="dark"] .modal-header {
  background-color: var(--ts-bg-surface-dark);
  border-bottom-color: var(--ts-border-subtle);
}

[data-theme="dark"] .modal-footer {
  background-color: var(--ts-bg-surface-dark);
  border-top-color: var(--ts-border-subtle);
}

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

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

/* ============================================
   DROPDOWNS
   ============================================ */
[data-theme="dark"] .dropdown-menu {
  background-color: var(--ts-bg-card);
  border-color: var(--ts-border-medium);
}

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

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

[data-theme="dark"] .dropdown-divider {
  border-top-color: var(--ts-border-subtle);
}

/* ============================================
   NAVBAR (PUBLIC PAGES)
   ============================================ */
[data-theme="dark"] .navbar {
  background-color: var(--ts-bg-surface-dark) !important;
}

[data-theme="dark"] .navbar-dark .navbar-nav .nav-link {
  color: var(--ts-text-main);
}

[data-theme="dark"] .navbar-dark .navbar-nav .nav-link:hover {
  color: var(--ts-color-orange);
}

[data-theme="dark"] .ts-navbar {
  background-color: var(--ts-bg-surface-dark);
}

/* ============================================
   SIDEBAR
   ============================================ */
[data-theme="dark"] .sidebar {
  background-color: var(--sidebar-bg);
  border-right-color: var(--ts-border-subtle);
}

[data-theme="dark"] .sidebar-header {
  background-color: var(--sidebar-bg);
  border-bottom-color: var(--ts-border-subtle);
}

[data-theme="dark"] .sidebar-user {
  background-color: rgba(255, 255, 255, 0.03);
  border-bottom-color: var(--ts-border-subtle);
}

[data-theme="dark"] .sidebar-link,
[data-theme="dark"] .accordion-button-link {
  color: var(--sidebar-text);
}

[data-theme="dark"] .sidebar-link:hover,
[data-theme="dark"] .accordion-button-link:hover {
  background-color: var(--sidebar-hover);
  color: var(--sidebar-text);
}

[data-theme="dark"] .sidebar-link.active,
[data-theme="dark"] .accordion-button-link.active {
  background-color: var(--sidebar-active);
  color: var(--ts-color-accent-teal);
}

[data-theme="dark"] .accordion-button {
  background-color: transparent;
  color: var(--sidebar-text);
}

[data-theme="dark"] .accordion-button:not(.collapsed) {
  background-color: var(--sidebar-hover);
  color: var(--sidebar-text);
}

[data-theme="dark"] .accordion-item {
  background-color: transparent;
  border-color: var(--ts-border-subtle);
}

[data-theme="dark"] .accordion-body {
  background-color: transparent;
}

/* ============================================
   MAIN CONTENT AREA
   ============================================ */
[data-theme="dark"] .main-content {
  background-color: var(--ts-bg-body);
}

[data-theme="dark"] .content-wrapper {
  background-color: var(--ts-bg-body);
}

[data-theme="dark"] .top-bar {
  background-color: var(--ts-bg-surface-dark);
  border-bottom-color: var(--ts-border-subtle);
}

/* ============================================
   FOOTER
   ============================================ */
[data-theme="dark"] .card-body {
  background-color: var(--ts-bg-card);
  color: var(--ts-text-main);
}

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

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

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

[data-theme="dark"] .card p,
[data-theme="dark"] .card li,
[data-theme="dark"] .card span {
  color: var(--ts-text-muted) !important;
}

[data-theme="dark"] .ts-footer {
  background-color: var(--ts-bg-surface-dark);
  color: var(--ts-text-muted);
}

[data-theme="dark"] .ts-footer a {
  color: var(--ts-text-muted);
}

[data-theme="dark"] .ts-footer a:hover {
  color: var(--ts-text-main);
}

[data-theme="dark"] .ts-footer-brand {
  color: var(--ts-text-main);
}

[data-theme="dark"] .ts-footer-muted {
  color: var(--ts-text-subtle);
}

/* ============================================
   BREADCRUMBS
   ============================================ */
[data-theme="dark"] .breadcrumb {
  background-color: transparent;
}

[data-theme="dark"] .breadcrumb-item {
  color: var(--ts-text-muted);
}

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

[data-theme="dark"] .breadcrumb-item + .breadcrumb-item::before {
  color: var(--ts-text-subtle);
}

/* ============================================
   PAGINATION
   ============================================ */
[data-theme="dark"] .pagination .page-link {
  background-color: var(--ts-bg-card);
  border-color: var(--ts-border-medium);
  color: var(--ts-text-main);
}

[data-theme="dark"] .pagination .page-link:hover {
  background-color: var(--ts-bg-elevated);
  border-color: var(--ts-border-strong);
  color: var(--ts-text-main);
}

[data-theme="dark"] .pagination .page-item.active .page-link {
  background-color: var(--ts-color-navy);
  border-color: var(--ts-color-navy);
  color: #ffffff;
}

[data-theme="dark"] .pagination .page-item.disabled .page-link {
  background-color: var(--ts-bg-surface-dark);
  border-color: var(--ts-border-subtle);
  color: var(--ts-text-subtle);
}

/* ============================================
   PROGRESS BARS
   ============================================ */
[data-theme="dark"] .progress {
  background-color: var(--ts-bg-surface);
}

[data-theme="dark"] .progress-bar {
  background-color: var(--ts-color-navy);
}

/* ============================================
   LIST GROUPS
   ============================================ */
[data-theme="dark"] .list-group-item {
  background-color: var(--ts-bg-card);
  border-color: var(--ts-border-subtle);
  color: var(--ts-text-main);
}

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

[data-theme="dark"] .list-group-item.active {
  background-color: var(--ts-color-navy);
  border-color: var(--ts-color-navy);
  color: #ffffff;
}

/* ============================================
   TOOLTIPS & POPOVERS
   ============================================ */
[data-theme="dark"] .tooltip-inner {
  background-color: var(--ts-bg-elevated);
  color: var(--ts-text-main);
}

[data-theme="dark"] .popover {
  background-color: var(--ts-bg-card);
  border-color: var(--ts-border-medium);
}

[data-theme="dark"] .popover-header {
  background-color: var(--ts-bg-surface-dark);
  border-bottom-color: var(--ts-border-subtle);
  color: var(--ts-text-main);
}

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

/* ============================================
   CUSTOM THREATSPOT COMPONENTS
   ============================================ */
[data-theme="dark"] .ts-section-muted {
  background-color: var(--ts-bg-surface);
}

[data-theme="dark"] .ts-section-band {
  background-color: var(--ts-bg-card);
  border-color: var(--ts-border-medium);
}

[data-theme="dark"] .ts-section-band-light {
  background-color: var(--ts-bg-surface);
}

[data-theme="dark"] .ts-section-band-dark {
  background-color: var(--ts-bg-surface-dark);
}

[data-theme="dark"] .ts-hero-shell {
  background: radial-gradient(circle at top left, rgba(74, 158, 255, 0.15) 0, transparent 45%),
              linear-gradient(135deg, #0B0E13 0, #1A1F26 45%, #0B0E13 100%);
}

[data-theme="dark"] .ts-hero-mock-browser {
  background-color: var(--ts-bg-card);
  border-color: var(--ts-border-medium);
}

[data-theme="dark"] .ts-hero-mock-grade {
  background: radial-gradient(circle at top, #22c55e 0, #065f46 40%, #022c22 100%);
}

[data-theme="dark"] .ts-hero-mock-list {
  background-color: var(--ts-bg-surface-dark);
}

/* ============================================
   GRADE BADGES & SECURITY SCORES
   ============================================ */
[data-theme="dark"] .grade-badge {
  border-color: var(--ts-border-medium);
}

/* Keep grade colors vibrant in dark mode */
[data-theme="dark"] .badge.bg-success,
[data-theme="dark"] .grade-a,
[data-theme="dark"] .grade-a-plus {
  background-color: #22C55E !important;
  color: #ffffff;
}

[data-theme="dark"] .badge.bg-info,
[data-theme="dark"] .grade-b,
[data-theme="dark"] .grade-b-plus {
  background-color: #3B82F6 !important;
  color: #ffffff;
}

[data-theme="dark"] .badge.bg-warning,
[data-theme="dark"] .grade-c,
[data-theme="dark"] .grade-c-plus {
  background-color: #F59E0B !important;
  color: #1F2937;
}

[data-theme="dark"] .badge.bg-danger,
[data-theme="dark"] .grade-d,
[data-theme="dark"] .grade-f {
  background-color: #EF4444 !important;
  color: #ffffff;
}

/* ============================================
   SCAN RESULTS & FINDINGS
   ============================================ */
[data-theme="dark"] .finding-item {
  border-bottom-color: var(--ts-border-subtle);
}

[data-theme="dark"] .finding-item:hover {
  background-color: rgba(255, 255, 255, 0.02);
}

/* ============================================
   CODE BLOCKS & PRE
   ============================================ */
[data-theme="dark"] pre,
[data-theme="dark"] code {
  background-color: var(--ts-bg-surface-dark);
  color: var(--ts-text-main);
  border-color: var(--ts-border-subtle);
}

[data-theme="dark"] .hljs {
  background-color: var(--ts-bg-surface-dark);
  color: var(--ts-text-main);
}

/* ============================================
   HELP ARTICLES & DOCUMENTATION
   ============================================ */
[data-theme="dark"] .help-article-prose {
  color: var(--ts-text-main);
}

[data-theme="dark"] .help-article-prose h2,
[data-theme="dark"] .help-article-prose h3 {
  color: var(--ts-text-main);
}

[data-theme="dark"] .help-article-meta {
  color: var(--ts-text-muted);
}

/* ============================================
   PRIVACY & DATA SECTIONS
   ============================================ */
[data-theme="dark"] .privacy-section,
[data-theme="dark"] .data-section,
[data-theme="dark"] .gdpr-section {
  color: var(--ts-text-main);
}

[data-theme="dark"] .privacy-section h1,
[data-theme="dark"] .privacy-section h2,
[data-theme="dark"] .privacy-section h3,
[data-theme="dark"] .data-section h1,
[data-theme="dark"] .data-section h2,
[data-theme="dark"] .data-section h3,
[data-theme="dark"] .gdpr-section h1,
[data-theme="dark"] .gdpr-section h2,
[data-theme="dark"] .gdpr-section h3 {
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] .privacy-section p,
[data-theme="dark"] .data-section p,
[data-theme="dark"] .gdpr-section p {
  color: var(--ts-text-muted) !important;
}

/* ============================================
   TEXT UTILITIES
   ============================================ */
[data-theme="dark"] .text-dark {
  color: var(--ts-text-main) !important;
}

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

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

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

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

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

/* ============================================
   SCAN RESULTS & DASHBOARD CARDS
   ============================================ */
[data-theme="dark"] .scan-card,
[data-theme="dark"] .dashboard-card,
[data-theme="dark"] .result-card {
  background-color: var(--ts-bg-card);
  color: var(--ts-text-main);
}

[data-theme="dark"] .scan-card h1,
[data-theme="dark"] .scan-card h2,
[data-theme="dark"] .scan-card h3,
[data-theme="dark"] .scan-card h4,
[data-theme="dark"] .dashboard-card h1,
[data-theme="dark"] .dashboard-card h2,
[data-theme="dark"] .dashboard-card h3,
[data-theme="dark"] .dashboard-card h4 {
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] .scan-card p,
[data-theme="dark"] .scan-card li,
[data-theme="dark"] .scan-card .description,
[data-theme="dark"] .dashboard-card p,
[data-theme="dark"] .dashboard-card li,
[data-theme="dark"] .dashboard-card .description {
  color: var(--ts-text-muted) !important;
}

/* Template descriptions, scan details */
[data-theme="dark"] .template-description,
[data-theme="dark"] .scan-description,
[data-theme="dark"] .site-description {
  color: var(--ts-text-muted) !important;
}

/* Info banners and alerts */
[data-theme="dark"] .info-banner,
[data-theme="dark"] .notice-banner {
  background-color: var(--ts-bg-surface);
  color: var(--ts-text-main);
}

[data-theme="dark"] .info-banner p,
[data-theme="dark"] .notice-banner p {
  color: var(--ts-text-muted) !important;
}

[data-theme="dark"] .alert {
  background-color: var(--ts-bg-elevated) !important;
  border-color: var(--ts-border-subtle) !important;
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] .alert a {
  color: var(--ts-color-navy) !important;
}

[data-theme="dark"] .alert p,
[data-theme="dark"] .alert li,
[data-theme="dark"] .alert small,
[data-theme="dark"] .alert .text-muted {
  color: var(--ts-text-muted) !important;
}

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

[data-theme="dark"] .alert .accordion-button {
  background-color: var(--ts-bg-surface) !important;
  color: var(--ts-text-main) !important;
  border-color: var(--ts-border-subtle) !important;
}

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

[data-theme="dark"] .alert .accordion-button:focus {
  box-shadow: 0 0 0 0.25rem rgba(74, 158, 255, 0.25) !important;
}

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

[data-theme="dark"] .alert .accordion-body pre.bg-light,
[data-theme="dark"] .alert .accordion-body .bg-light {
  background-color: var(--ts-bg-surface-dark) !important;
  color: var(--ts-text-main) !important;
  border: 1px solid var(--ts-border-subtle) !important;
}

[data-theme="dark"] .toast {
  background-color: var(--ts-bg-elevated) !important;
  color: var(--ts-text-main) !important;
  border: 1px solid var(--ts-border-subtle) !important;
  box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] .toast .toast-body {
  background-color: var(--ts-bg-elevated) !important;
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] .toast .toast-body a {
  color: var(--ts-color-navy) !important;
}

[data-theme="dark"] .toast .toast-header {
  border-bottom: 1px solid var(--ts-border-subtle) !important;
}

[data-theme="dark"] .toast .toast-header.text-bg-warning {
  color: #111 !important;
}

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

[data-theme="dark"] .client-form .form-section {
  background: var(--ts-bg-surface) !important;
  border: 1px solid var(--ts-border-subtle) !important;
}

[data-theme="dark"] .client-form .form-section h5 {
  color: var(--ts-text-main) !important;
}

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

[data-theme="dark"] .client-form .url-preview {
  background: var(--ts-bg-surface-dark) !important;
  color: var(--ts-text-main) !important;
  border: 1px solid var(--ts-border-subtle) !important;
}

[data-theme="dark"] .client-form .color-preview {
  border-color: var(--ts-border-subtle) !important;
}

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

[data-theme="dark"] .site-form .form-section {
  background: var(--ts-bg-surface) !important;
  border: 1px solid var(--ts-border-subtle) !important;
}

[data-theme="dark"] .site-form .form-section h5 {
  color: var(--ts-text-main) !important;
}

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

[data-theme="dark"] .site-form .url-preview {
  background: var(--ts-bg-surface-dark) !important;
  color: var(--ts-text-main) !important;
  border: 1px solid var(--ts-border-subtle) !important;
}

[data-theme="dark"] .site-performance-grid .site-card {
  background: var(--ts-bg-card) !important;
  border-color: var(--ts-border-subtle) !important;
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] .site-performance-grid .site-header {
  border-bottom-color: var(--ts-border-subtle) !important;
}

[data-theme="dark"] .site-performance-grid .site-name {
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] .site-performance-grid .site-url {
  color: var(--ts-text-muted) !important;
}

[data-theme="dark"] .site-performance-grid .metric-item {
  background-color: var(--ts-bg-surface) !important;
  border: 1px solid var(--ts-border-subtle) !important;
}

[data-theme="dark"] .site-performance-grid .metric-value {
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] .site-performance-grid .metric-label {
  color: var(--ts-text-muted) !important;
}

[data-theme="dark"] .site-performance-grid .no-scans {
  color: var(--ts-text-muted) !important;
}

/* ============================================
   SCROLLBARS (Webkit browsers)
   ============================================ */
[data-theme="dark"] ::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}

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

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

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

/* ============================================
   MARKETING/PUBLIC PAGES
   ============================================ */
[data-theme="dark"] .hero-section,
[data-theme="dark"] .feature-section,
[data-theme="dark"] .pricing-section,
[data-theme="dark"] .about-section,
[data-theme="dark"] .contact-section {
  color: var(--ts-text-main);
}

[data-theme="dark"] .hero-section h1,
[data-theme="dark"] .hero-section h2,
[data-theme="dark"] .feature-section h1,
[data-theme="dark"] .feature-section h2,
[data-theme="dark"] .pricing-section h1,
[data-theme="dark"] .pricing-section h2 {
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] .hero-section p,
[data-theme="dark"] .feature-section p,
[data-theme="dark"] .pricing-section p {
  color: var(--ts-text-muted) !important;
}

/* ============================================
   CONTENT SECTIONS (GENERIC)
   ============================================ */
[data-theme="dark"] section {
  color: var(--ts-text-main);
}

[data-theme="dark"] section h1,
[data-theme="dark"] section h2,
[data-theme="dark"] section h3,
[data-theme="dark"] section h4,
[data-theme="dark"] section h5,
[data-theme="dark"] section h6 {
  color: var(--ts-text-main) !important;
}

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

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

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

[data-theme="dark"] .section-content {
  color: var(--ts-text-main);
}

/* ============================================
   CONTAINER & ROW OVERRIDES
   ============================================ */
[data-theme="dark"] .container,
[data-theme="dark"] .container-fluid,
[data-theme="dark"] .row,
[data-theme="dark"] .col,
[data-theme="dark"] [class*="col-"] {
  color: var(--ts-text-main);
}

/* ============================================
   PAGE HEADERS & TITLES
   ============================================ */
[data-theme="dark"] .pagetitle {
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] .pagetitle h1,
[data-theme="dark"] .pagetitle h2,
[data-theme="dark"] .pagetitle h3 {
  color: var(--ts-text-main) !important;
}

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

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

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

[data-theme="dark"] .ts-kicker {
  color: var(--ts-color-navy) !important;
}

/* Dashboard header text - upper left section */
[data-theme="dark"] .pagetitle .h3 {
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] .pagetitle .fw-semibold {
  color: var(--ts-text-main) !important;
}

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

/* ============================================
   DASHBOARD CARDS
   ============================================ */
[data-theme="dark"] .ts-dashboard-card {
  background-color: var(--ts-bg-card) !important;
  border-color: var(--ts-border-subtle) !important;
  color: var(--ts-text-main) !important;
}

/* CRITICAL: Override section.dashboard .ts-dashboard-card from threatspot-theme.css */
[data-theme="dark"] .section.dashboard .ts-dashboard-card,
[data-theme="dark"] .dashboard .ts-dashboard-card,
[data-theme="dark"] div.ts-dashboard-card,
body[data-theme="dark"] .ts-dashboard-card,
html body[data-theme="dark"] .section.dashboard .ts-dashboard-card {
  background-color: var(--ts-bg-card) !important;
  background: var(--ts-bg-card) !important;
  border-color: var(--ts-border-subtle) !important;
  color: var(--ts-text-main) !important;
}

/* Override all hardcoded white backgrounds from threatspot-theme.css */
[data-theme="dark"] .ts-dashboard-card,
[data-theme="dark"] .card,
[data-theme="dark"] .ts-testimonial-card,
[data-theme="dark"] .ts-band-card,
[data-theme="dark"] .ts-icp-card {
  background-color: var(--ts-bg-card) !important;
  color: var(--ts-text-main) !important;
  border-color: var(--ts-border-subtle) !important;
}

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

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

[data-theme="dark"] .ts-dashboard-card-header {
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] .ts-dashboard-card p,
[data-theme="dark"] .ts-dashboard-card span,
[data-theme="dark"] .ts-dashboard-card div {
  color: inherit;
}

[data-theme="dark"] .ts-dashboard-card .small,
[data-theme="dark"] .ts-dashboard-card .text-muted {
  color: var(--ts-text-muted) !important;
}

[data-theme="dark"] .ts-dashboard-card .fw-semibold {
  color: var(--ts-text-main) !important;
}

/* ============================================
   CATCH-ALL TEXT FIXES
   ============================================ */
/* Force all text elements to have proper contrast */
[data-theme="dark"] tbody td,
[data-theme="dark"] tbody th,
[data-theme="dark"] tbody tr td,
[data-theme="dark"] tbody tr th {
  color: var(--ts-text-main) !important;
}

/* Ensure all links in tables are visible */
[data-theme="dark"] tbody a,
[data-theme="dark"] tbody tr a {
  color: var(--ts-color-navy) !important;
}

/* Fix any remaining light text issues */
[data-theme="dark"] .text-light {
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] .bg-light {
  background-color: var(--ts-bg-card) !important;
  color: var(--ts-text-main) !important;
}

/* Ensure form elements always have proper text color */
[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
  color: var(--ts-text-main) !important;
}

/* Fix any white/light colored text */
[data-theme="dark"] .text-white {
  color: var(--ts-text-main) !important;
}

/* Override any Bootstrap light text utilities */
[data-theme="dark"] .text-light,
[data-theme="dark"] .text-white-50 {
  color: var(--ts-text-main) !important;
}

/* All white/light backgrounds must be dark */
[data-theme="dark"] .bg-white {
  background-color: var(--ts-bg-card) !important;
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] .bg-light {
  background-color: var(--ts-bg-surface) !important;
  color: var(--ts-text-main) !important;
}

/* Dropdown menus */
[data-theme="dark"] .dropdown-menu {
  background-color: var(--ts-bg-surface) !important;
  border-color: var(--ts-border-medium) !important;
}

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

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

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

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

/* ============================================
   AGGRESSIVE BACKGROUND FIXES
   ============================================ */
/* Override ANY element with white/light background */
[data-theme="dark"] [style*="background-color: #fff"],
[data-theme="dark"] [style*="background-color: #FFF"],
[data-theme="dark"] [style*="background-color: white"],
[data-theme="dark"] [style*="background-color: #ffffff"],
[data-theme="dark"] [style*="background-color: #FFFFFF"] {
  background-color: var(--ts-bg-card) !important;
  color: var(--ts-text-main) !important;
}

/* Main content areas and sections - Override threatspot-theme.css */
[data-theme="dark"] .ts-page,
[data-theme="dark"] .section,
[data-theme="dark"] .dashboard,
[data-theme="dark"] .ts-dashboard-shell {
  background-color: #0F1419 !important;
  color: var(--ts-text-main) !important;
}

/* CRITICAL: Override .section.dashboard hardcoded #F3F4F6 background */
/* Nuclear approach - absolute maximum specificity with html body chain */
html body[data-theme="dark"] .ts-page.section.dashboard,
html body[data-theme="dark"] div.ts-page.section.dashboard,
html body[data-theme="dark"] .section.dashboard,
html body[data-theme="dark"] div.section.dashboard,
html body[data-theme="dark"] .ts-page,
html body[data-theme="dark"] div.ts-page,
body[data-theme="dark"] .ts-page.section.dashboard,
body[data-theme="dark"] div.ts-page.section.dashboard,
body[data-theme="dark"] .section.dashboard,
body[data-theme="dark"] div.section.dashboard,
body[data-theme="dark"] .ts-page,
body[data-theme="dark"] div.ts-page,
[data-theme="dark"] .ts-page.section.dashboard,
[data-theme="dark"] div.ts-page.section.dashboard,
[data-theme="dark"] .section.dashboard,
[data-theme="dark"] div.section.dashboard,
[data-theme="dark"] .ts-page,
[data-theme="dark"] div.ts-page {
  background-color: #0F1419 !important;
  background: #0F1419 !important;
}

/* Force all direct children to inherit or be transparent */
[data-theme="dark"] .ts-page > *,
[data-theme="dark"] .section.dashboard > *,
[data-theme="dark"] .ts-page.section.dashboard > * {
  background-color: transparent !important;
}

[data-theme="dark"] .score-card {
  background-color: var(--ts-bg-card) !important;
  color: var(--ts-text-main) !important;
}

/* Dashboard shell wrapper */
[data-theme="dark"] .ts-dashboard-shell,
[data-theme="dark"] div.ts-dashboard-shell {
  background-color: transparent !important;
  color: var(--ts-text-main) !important;
}

/* Dashboard page title section - FORCE dark/transparent backgrounds */
html body[data-theme="dark"] .section.dashboard .pagetitle,
html body[data-theme="dark"] .dashboard .pagetitle,
html body[data-theme="dark"] .pagetitle,
body[data-theme="dark"] .section.dashboard .pagetitle,
body[data-theme="dark"] .dashboard .pagetitle,
body[data-theme="dark"] .pagetitle,
[data-theme="dark"] .section.dashboard .pagetitle,
[data-theme="dark"] .dashboard .pagetitle,
[data-theme="dark"] .pagetitle {
  background-color: transparent !important;
  background: transparent !important;
  color: var(--ts-text-main) !important;
}

/* Pagetitle inner divs and rows */
html body[data-theme="dark"] .pagetitle > div,
html body[data-theme="dark"] .pagetitle .row,
html body[data-theme="dark"] .pagetitle [class*="col-"],
body[data-theme="dark"] .pagetitle > div,
body[data-theme="dark"] .pagetitle .row,
body[data-theme="dark"] .pagetitle [class*="col-"],
[data-theme="dark"] .pagetitle > div,
[data-theme="dark"] .pagetitle .row,
[data-theme="dark"] .pagetitle [class*="col-"] {
  background-color: transparent !important;
  background: transparent !important;
}

/* Bootstrap row and column overrides in dashboard */
html body[data-theme="dark"] .section.dashboard .row,
html body[data-theme="dark"] .section.dashboard [class*="col-"],
html body[data-theme="dark"] .ts-dashboard-shell .row,
html body[data-theme="dark"] .ts-dashboard-shell [class*="col-"],
body[data-theme="dark"] .section.dashboard .row,
body[data-theme="dark"] .section.dashboard [class*="col-"],
body[data-theme="dark"] .ts-dashboard-shell .row,
body[data-theme="dark"] .ts-dashboard-shell [class*="col-"],
[data-theme="dark"] .section.dashboard .row,
[data-theme="dark"] .section.dashboard [class*="col-"],
[data-theme="dark"] .ts-dashboard-shell .row,
[data-theme="dark"] .ts-dashboard-shell [class*="col-"] {
  background-color: transparent !important;
  background: transparent !important;
}

/* All divs inside pagetitle should be transparent */
html body[data-theme="dark"] .pagetitle div,
body[data-theme="dark"] .pagetitle div,
[data-theme="dark"] .pagetitle div {
  background-color: transparent !important;
  background: transparent !important;
}

/* Force ts-kicker and all text elements transparent */
html body[data-theme="dark"] .pagetitle .ts-kicker,
html body[data-theme="dark"] .pagetitle h1,
html body[data-theme="dark"] .pagetitle p,
body[data-theme="dark"] .pagetitle .ts-kicker,
body[data-theme="dark"] .pagetitle h1,
body[data-theme="dark"] .pagetitle p,
[data-theme="dark"] .pagetitle .ts-kicker,
[data-theme="dark"] .pagetitle h1,
[data-theme="dark"] .pagetitle p {
  background-color: transparent !important;
  background: transparent !important;
}

/* Main content wrapper */
[data-theme="dark"] #main,
[data-theme="dark"] main {
  background-color: #0F1419 !important;
  color: var(--ts-text-main) !important;
}

/* CRITICAL: Content wrapper from sidebar.css has hardcoded #f8f9fa background */
/* Using body[data-theme] since data-theme is on body element itself */
body[data-theme="dark"] .content-wrapper,
body.ts-body[data-theme="dark"] .content-wrapper,
body.ts-has-sidebar[data-theme="dark"] .content-wrapper {
  background: #0F1419 !important;
  background-color: #0F1419 !important;
}

/* CRITICAL: Main content from sidebar.css has hardcoded #f8f9fa background */
body[data-theme="dark"] .main-content,
body.ts-body[data-theme="dark"] .main-content,
body.ts-has-sidebar[data-theme="dark"] .main-content {
  background: #0F1419 !important;
  background-color: #0F1419 !important;
}

/* ts-page-main wrapper from threatspot-theme.css */
body[data-theme="dark"] .ts-page-main,
body.ts-body[data-theme="dark"] .ts-page-main,
body.ts-has-sidebar[data-theme="dark"] .ts-page-main {
  background: #0F1419 !important;
  background-color: #0F1419 !important;
}

/* Dashboard section and shell wrappers */
body[data-theme="dark"] .ts-page,
body[data-theme="dark"] .section,
body[data-theme="dark"] .dashboard,
body[data-theme="dark"] .ts-dashboard-shell,
body[data-theme="dark"] .section.dashboard,
body[data-theme="dark"] .ts-page.section.dashboard {
  background: #0F1419 !important;
  background-color: #0F1419 !important;
}

/* Pagetitle container */
body[data-theme="dark"] .pagetitle,
body[data-theme="dark"] .pagetitle > div,
body[data-theme="dark"] .pagetitle .row,
body[data-theme="dark"] .pagetitle [class*="col-"],
body[data-theme="dark"] .pagetitle div {
  background: transparent !important;
  background-color: transparent !important;
}

/* Onboarding tour cards - override white backgrounds */
[data-theme="dark"] .onboarding-card,
[data-theme="dark"] .onboarding-card.onboarding-center,
[data-theme="dark"] .onboarding-card.onboarding-top {
  background: var(--ts-bg-card) !important;
  background-color: var(--ts-bg-card) !important;
  color: var(--ts-text-main) !important;
  border: 1px solid var(--ts-border-subtle) !important;
}

[data-theme="dark"] .onboarding-header {
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] .onboarding-arrow {
  border-bottom-color: var(--ts-bg-card) !important;
}

/* Cookie consent elements */
[data-theme="dark"] #cookie-consent-banner,
[data-theme="dark"] .cookie-modal-content {
  background: var(--ts-bg-card) !important;
  background-color: var(--ts-bg-card) !important;
  color: var(--ts-text-main) !important;
  border: 1px solid var(--ts-border-subtle) !important;
}

[data-theme="dark"] .cookie-category {
  background: var(--ts-bg-surface) !important;
  background-color: var(--ts-bg-surface) !important;
  color: var(--ts-text-main) !important;
}

/* Force all table cells to have dark backgrounds */
[data-theme="dark"] table tbody tr,
[data-theme="dark"] table tbody td,
[data-theme="dark"] table tbody th {
  background-color: var(--ts-bg-card) !important;
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] table thead tr,
[data-theme="dark"] table thead td,
[data-theme="dark"] table thead th {
  background-color: var(--ts-bg-surface-dark) !important;
  color: var(--ts-text-main) !important;
}

/* Premium feature banner */
[data-theme="dark"] .alert-info {
  background-color: rgba(74, 158, 255, 0.1) !important;
  border-color: var(--ts-color-navy) !important;
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] .alert-info a {
  color: var(--ts-color-navy) !important;
}

/* ============================================
   SUBSCRIPTION STATUS & INFO BOXES
   ============================================ */
/* Info boxes in subscription status */
[data-theme="dark"] .info-box {
  background-color: var(--ts-bg-surface) !important;
  color: var(--ts-text-main) !important;
}

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

[data-theme="dark"] .info-box p {
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] .info-box strong {
  color: var(--ts-text-main) !important;
}

/* Chips and badges */
[data-theme="dark"] .ts-chip {
  background-color: var(--ts-bg-surface) !important;
  color: var(--ts-text-main) !important;
  border-color: var(--ts-border-medium) !important;
}

[data-theme="dark"] .ts-chip-pass {
  background-color: rgba(34, 197, 94, 0.15) !important;
  color: #4ade80 !important;
  border-color: rgba(34, 197, 94, 0.3) !important;
}

[data-theme="dark"] .ts-chip-medium {
  background-color: rgba(251, 191, 36, 0.15) !important;
  color: #fbbf24 !important;
  border-color: rgba(251, 191, 36, 0.3) !important;
}

[data-theme="dark"] .ts-chip-high {
  background-color: rgba(239, 68, 68, 0.15) !important;
  color: #f87171 !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
}

[data-theme="dark"] .ts-chip-unknown {
  background-color: rgba(156, 163, 175, 0.15) !important;
  color: var(--ts-text-muted) !important;
  border-color: var(--ts-border-medium) !important;
}

/* Badge overrides */
[data-theme="dark"] .badge.bg-light {
  background-color: var(--ts-bg-surface) !important;
  color: var(--ts-text-main) !important;
  border: 1px solid var(--ts-border-medium) !important;
}

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

/* WordPress vulnerability summary boxes */
[data-theme="dark"] .bg-light.border.rounded {
  background-color: var(--ts-bg-surface) !important;
  color: var(--ts-text-main) !important;
}

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

[data-theme="dark"] .bg-light .fw-bold {
  color: var(--ts-text-main) !important;
}

/* Premium upgrade messages */
[data-theme="dark"] .ts-recommendation-card.bg-light {
  background-color: var(--ts-bg-surface) !important;
  color: var(--ts-text-muted) !important;
  border-color: var(--ts-border-medium) !important;
}

/* Code blocks */
[data-theme="dark"] code.bg-light {
  background-color: var(--ts-bg-surface) !important;
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] code.bg-success-subtle {
  background-color: rgba(34, 197, 94, 0.15) !important;
  color: #4ade80 !important;
}

/* List group items */
[data-theme="dark"] .list-group-item.bg-light {
  background-color: var(--ts-bg-surface) !important;
  color: var(--ts-text-muted) !important;
}

/* Border utilities */
[data-theme="dark"] .border-0 {
  border-color: transparent !important;
}

/* Text utilities in light backgrounds */
[data-theme="dark"] .bg-light .text-dark,
[data-theme="dark"] .bg-white .text-dark {
  color: var(--ts-text-main) !important;
}

/* Ensure all sections have dark backgrounds */
[data-theme="dark"] section,
[data-theme="dark"] .content,
[data-theme="dark"] .main-content {
  background-color: #0F1419 !important;
  color: var(--ts-text-main) !important;
}

/* Override public shell and marketing backgrounds */
[data-theme="dark"] .ts-public-shell,
[data-theme="dark"] .ts-public-shell .ts-hero-mock-browser,
[data-theme="dark"] .ts-public-shell .ts-metric-strip,
[data-theme="dark"] .ts-public-shell .ts-section-band,
[data-theme="dark"] .ts-public-shell .ts-section-band-light {
  background-color: var(--ts-bg-card) !important;
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] .ts-public-shell .ts-section:nth-of-type(2n),
[data-theme="dark"] .ts-public-shell .ts-section-band-dark,
[data-theme="dark"] .ts-public-shell .ts-icp-section {
  background-color: var(--ts-bg-surface) !important;
  color: var(--ts-text-main) !important;
}

/* Override navbar and header */
[data-theme="dark"] .ts-navbar,
[data-theme="dark"] .header {
  background-color: var(--ts-bg-surface-dark) !important;
  color: var(--ts-text-main) !important;
  border-color: var(--ts-border-subtle) !important;
}

/* Override alert backgrounds */
[data-theme="dark"] .alert-warning {
  background-color: rgba(251, 191, 36, 0.15) !important;
  border-color: rgba(251, 191, 36, 0.3) !important;
  color: #fbbf24 !important;
}

[data-theme="dark"] .alert-danger {
  background-color: rgba(239, 68, 68, 0.15) !important;
  border-color: rgba(239, 68, 68, 0.3) !important;
  color: #f87171 !important;
}

/* ============================================
   AGENCY DASHBOARD & PORTFOLIO TEMPLATES
   Override inline <style> blocks with hardcoded white backgrounds
   ============================================ */

/* Metric cards - used in analytics_dashboard.html and portfolio.html */
[data-theme="dark"] .metric-card,
[data-theme="dark"] .metrics-grid .metric-card {
  background: var(--ts-bg-card) !important;
  background-color: var(--ts-bg-card) !important;
  border-color: var(--ts-border-subtle) !important;
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] .metric-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .metric-value {
  color: inherit !important;
}

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

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

[data-theme="dark"] .metric-change.positive {
  color: #4ade80 !important;
}

[data-theme="dark"] .metric-change.negative {
  color: #f87171 !important;
}

/* Chart containers */
[data-theme="dark"] .chart-container {
  background: var(--ts-bg-card) !important;
  background-color: var(--ts-bg-card) !important;
  border-color: var(--ts-border-subtle) !important;
  color: var(--ts-text-main) !important;
}

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

[data-theme="dark"] .performance-trend {
  background: linear-gradient(to right, var(--ts-bg-surface), var(--ts-bg-surface-dark)) !important;
  color: var(--ts-text-muted) !important;
}

/* Client ranking cards */
[data-theme="dark"] .client-ranking-card {
  background: var(--ts-bg-card) !important;
  border-color: var(--ts-border-subtle) !important;
}

[data-theme="dark"] .client-ranking-card:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .client-ranking-card.rank-1 {
  background: linear-gradient(to right, rgba(255, 215, 0, 0.1), var(--ts-bg-card)) !important;
}

[data-theme="dark"] .client-ranking-card.rank-2 {
  background: linear-gradient(to right, rgba(192, 192, 192, 0.1), var(--ts-bg-card)) !important;
}

[data-theme="dark"] .client-ranking-card.rank-3 {
  background: linear-gradient(to right, rgba(205, 127, 50, 0.1), var(--ts-bg-card)) !important;
}

/* Tag pills in portfolio */
[data-theme="dark"] .tag-pill {
  background-color: var(--ts-bg-surface) !important;
  color: var(--ts-text-muted) !important;
}

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

/* Portfolio header - keep gradient headers, just ensure text stays white */
[data-theme="dark"] .portfolio-header,
[data-theme="dark"] .analytics-header {
  color: #ffffff !important;
}

[data-theme="dark"] .portfolio-header h1,
[data-theme="dark"] .analytics-header h1 {
  color: #ffffff !important;
}

[data-theme="dark"] .portfolio-header-subtitle {
  color: rgba(255, 255, 255, 0.92) !important;
}

/* ============================================
   TABLE DARK MODE OVERRIDES
   Critical: Override .table-light in tables
   ============================================ */

/* Table light headers - MUST use !important to override Bootstrap */
[data-theme="dark"] .table-light,
[data-theme="dark"] thead.table-light,
[data-theme="dark"] .table-light th,
[data-theme="dark"] .table-light td,
[data-theme="dark"] thead.table-light th,
[data-theme="dark"] thead.table-light td {
  background-color: var(--ts-bg-surface-dark) !important;
  color: var(--ts-text-main) !important;
  border-color: var(--ts-border-subtle) !important;
}

/* Override all table variants */
[data-theme="dark"] .table {
  --bs-table-bg: var(--ts-bg-card);
  --bs-table-striped-bg: var(--ts-bg-surface);
  --bs-table-hover-bg: var(--ts-bg-surface);
  --bs-table-border-color: var(--ts-border-subtle);
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] .table > :not(caption) > * > * {
  background-color: var(--ts-bg-card) !important;
  color: var(--ts-text-main) !important;
  border-bottom-color: var(--ts-border-subtle) !important;
}

/* Table dark variant should stay dark */
[data-theme="dark"] .table-dark,
[data-theme="dark"] .table-dark th,
[data-theme="dark"] .table-dark td {
  background-color: var(--ts-bg-surface-dark) !important;
  color: var(--ts-text-main) !important;
  border-color: var(--ts-border-medium) !important;
}

/* ============================================
   FORM CONTROLS - DROPDOWNS & SELECTS
   Critical: Override white backgrounds in forms
   ============================================ */

/* Form selects - comprehensive override */
[data-theme="dark"] .form-select,
[data-theme="dark"] select.form-select,
[data-theme="dark"] .form-select-sm,
[data-theme="dark"] .form-select-lg {
  background-color: var(--ts-bg-surface) !important;
  border-color: var(--ts-border-medium) !important;
  color: var(--ts-text-main) !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='%239CA3AF' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
}

[data-theme="dark"] .form-select:focus {
  background-color: var(--ts-bg-surface) !important;
  border-color: var(--ts-color-navy) !important;
  box-shadow: 0 0 0 0.25rem rgba(74, 158, 255, 0.25) !important;
}

[data-theme="dark"] .form-select option {
  background-color: var(--ts-bg-surface) !important;
  color: var(--ts-text-main) !important;
}

/* Form labels */
[data-theme="dark"] .form-label {
  color: var(--ts-text-main) !important;
}

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

/* Form check inputs (checkboxes) */
[data-theme="dark"] .form-check-input {
  background-color: var(--ts-bg-surface) !important;
  border-color: var(--ts-border-medium) !important;
}

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

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

[data-theme="dark"] .form-check-label.small,
[data-theme="dark"] .filter-inline-label {
  color: var(--ts-text-muted) !important;
}

/* ============================================
   CARD BACKGROUNDS - COMPREHENSIVE FIX
   Override ALL card white backgrounds
   ============================================ */

/* Card base - critical override */
[data-theme="dark"] .card,
[data-theme="dark"] .card.h-100,
[data-theme="dark"] div.card {
  background-color: var(--ts-bg-card) !important;
  border-color: var(--ts-border-subtle) !important;
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] .card-header {
  background-color: var(--ts-bg-surface-dark) !important;
  border-bottom-color: var(--ts-border-subtle) !important;
  color: var(--ts-text-main) !important;
}

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

[data-theme="dark"] .card-footer {
  background-color: var(--ts-bg-surface-dark) !important;
  border-top-color: var(--ts-border-subtle) !important;
  color: var(--ts-text-main) !important;
}

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

[data-theme="dark"] .card h5,
[data-theme="dark"] .card h6 {
  color: var(--ts-text-main) !important;
}

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

/* ============================================
   BADGE OVERRIDES
   ============================================ */

[data-theme="dark"] .badge.bg-light,
[data-theme="dark"] .badge.bg-light.text-muted {
  background-color: var(--ts-bg-surface) !important;
  color: var(--ts-text-muted) !important;
  border: 1px solid var(--ts-border-medium) !important;
}

[data-theme="dark"] .badge.bg-secondary {
  background-color: var(--ts-bg-elevated) !important;
  color: var(--ts-text-main) !important;
}

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

[data-theme="dark"] .badge.bg-warning.text-dark {
  color: #1F2937 !important;
}

[data-theme="dark"] .badge.bg-danger-subtle {
  background-color: rgba(239, 68, 68, 0.15) !important;
  color: #f87171 !important;
}

[data-theme="dark"] .badge.bg-success-subtle {
  background-color: rgba(34, 197, 94, 0.18) !important;
  color: #86EFAC !important;
}

[data-theme="dark"] .badge.bg-warning-subtle {
  background-color: rgba(245, 158, 11, 0.18) !important;
  color: #FCD34D !important;
}

[data-theme="dark"] .border-success-subtle {
  border-color: rgba(34, 197, 94, 0.35) !important;
}

[data-theme="dark"] .border-warning-subtle {
  border-color: rgba(245, 158, 11, 0.35) !important;
}

/* ============================================
   ADDITIONAL UI ELEMENTS
   ============================================ */

/* Text utilities in dark mode */
[data-theme="dark"] .text-primary {
  color: var(--ts-color-navy) !important;
}

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

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

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

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

/* Ensure button groups have proper colors */
[data-theme="dark"] .btn-group .btn-light,
[data-theme="dark"] .btn-light.dropdown-toggle {
  background-color: var(--ts-bg-elevated) !important;
  border-color: var(--ts-border-medium) !important;
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] .btn-group .btn-light:hover,
[data-theme="dark"] .btn-light.dropdown-toggle:hover {
  background-color: var(--ts-bg-surface) !important;
  border-color: var(--ts-border-strong) !important;
}

/* Container fluid - ensure transparent background */
[data-theme="dark"] .container-fluid {
  background-color: transparent !important;
}

/* ============================================
   CLIENT DASHBOARD TEMPLATES
   ============================================ */

/* Site cards */
[data-theme="dark"] .site-card,
[data-theme="dark"] .site-card.critical,
[data-theme="dark"] .site-card.warning,
[data-theme="dark"] .site-card.good,
[data-theme="dark"] .site-card.excellent {
  background-color: var(--ts-bg-card) !important;
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] .site-card:hover {
  background-color: var(--ts-bg-surface) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

/* Recent scan rows */
[data-theme="dark"] .recent-scan {
  background-color: var(--ts-bg-card) !important;
}

[data-theme="dark"] .recent-scan:hover {
  background-color: var(--ts-bg-surface) !important;
}

/* Client logo background */
[data-theme="dark"] .client-logo {
  background-color: var(--ts-bg-elevated) !important;
  color: var(--ts-text-main) !important;
}

/* ============================================
   INFO CARDS (Vulnerability Dashboard, etc.)
   ============================================ */

[data-theme="dark"] .info-card,
[data-theme="dark"] .info-card.sales-card,
[data-theme="dark"] .info-card.revenue-card,
[data-theme="dark"] .info-card.customers-card {
  background-color: var(--ts-bg-card) !important;
  border-color: var(--ts-border-subtle) !important;
}

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

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

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

/* Card icon backgrounds - override inline styles */
[data-theme="dark"] .card-icon {
  background-color: var(--ts-bg-surface) !important;
}

/* ============================================
   SCAN HISTORY & RESULTS TABLES
   ============================================ */

[data-theme="dark"] .scan-history-row,
[data-theme="dark"] .scan-result-row {
  background-color: var(--ts-bg-card) !important;
}

[data-theme="dark"] .scan-history-row:hover,
[data-theme="dark"] .scan-result-row:hover {
  background-color: var(--ts-bg-surface) !important;
}

/* ============================================
   VULNERABILITY DASHBOARD SPECIFIC
   ============================================ */

[data-theme="dark"] .vuln-card,
[data-theme="dark"] .cve-card,
[data-theme="dark"] .plugin-card {
  background-color: var(--ts-bg-card) !important;
  border-color: var(--ts-border-subtle) !important;
  color: var(--ts-text-main) !important;
}

[data-theme="dark"] .severity-indicator {
  background-color: var(--ts-bg-surface) !important;
}

/* ============================================
   REPORT TEMPLATES
   ============================================ */

[data-theme="dark"] .report-card,
[data-theme="dark"] .report-header,
[data-theme="dark"] .report-section {
  background-color: var(--ts-bg-card) !important;
  border-color: var(--ts-border-subtle) !important;
  color: var(--ts-text-main) !important;
}

/* ============================================
   ADDITIONAL BOOTSTRAP OVERRIDES
   ============================================ */

/* Ensure all backgrounds with bg-body or similar are dark */
[data-theme="dark"] .bg-body,
[data-theme="dark"] .bg-body-secondary,
[data-theme="dark"] .bg-body-tertiary {
  background-color: var(--ts-bg-body) !important;
}

/* Fix any remaining opacity text issues */
[data-theme="dark"] .opacity-75 {
  opacity: 0.9 !important;
}

/* Ensure flex items inherit proper colors */
[data-theme="dark"] .d-flex {
  color: inherit;
}

/* ============================================
   TRANSITIONS
   ============================================ */
[data-theme="dark"] * {
  transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

/* Disable transitions during theme switch for instant change */
body.theme-transitioning * {
  transition: none !important;
}

/* ============================================
   SCAN RESULTS PAGE - DARK MODE OVERRIDES
   ============================================ */

/* Main scan report page background */
body[data-theme="dark"] .scan-report-page,
[data-theme="dark"] .scan-report-page {
  --card-bg: var(--ts-bg-card) !important;
  --section-bg: var(--ts-bg-body) !important;
  background: var(--ts-bg-body) !important;
  background-color: var(--ts-bg-body) !important;
}

/* Scan summary card */
body[data-theme="dark"] .scan-report-page .ts-scan-summary,
[data-theme="dark"] .scan-report-page .ts-scan-summary,
[data-theme="dark"] .ts-scan-summary {
  background: var(--ts-bg-card) !important;
  background-color: var(--ts-bg-card) !important;
  border-color: var(--ts-border-subtle) !important;
}

/* Summary title and text colors */
body[data-theme="dark"] .scan-report-page .ts-summary-title,
[data-theme="dark"] .ts-summary-title {
  color: var(--ts-text-main) !important;
}

body[data-theme="dark"] .scan-report-page .ts-url-text,
[data-theme="dark"] .ts-url-text {
  color: var(--ts-text-muted) !important;
}

body[data-theme="dark"] .scan-report-page .ts-summary-timestamp,
[data-theme="dark"] .ts-summary-timestamp {
  color: var(--ts-text-muted) !important;
}

/* Scan error message */
body[data-theme="dark"] .scan-report-page .ts-scan-error,
[data-theme="dark"] .ts-scan-error {
  background: rgba(239, 68, 68, 0.15) !important;
  border-left-color: #EF4444 !important;
  color: #FCA5A5 !important;
}

/* ts-card and card backgrounds */
body[data-theme="dark"] .scan-report-page .card.ts-card,
[data-theme="dark"] .scan-report-page .card.ts-card,
[data-theme="dark"] .card.ts-card {
  background: var(--ts-bg-card) !important;
  background-color: var(--ts-bg-card) !important;
  border-color: var(--ts-border-subtle) !important;
}

/* Card titles */
body[data-theme="dark"] .scan-report-page .card-title,
[data-theme="dark"] .scan-report-page .card-title {
  color: var(--ts-text-main) !important;
}

/* Section labels */
body[data-theme="dark"] .scan-report-page .section-label,
[data-theme="dark"] .scan-report-page .section-label {
  color: var(--ts-text-muted) !important;
}

/* Subissue titles */
body[data-theme="dark"] .scan-report-page .ts-subissue-title,
[data-theme="dark"] .ts-subissue-title {
  color: var(--ts-text-main) !important;
}

/* Subissue impact text */
body[data-theme="dark"] .scan-report-page .ts-subissue-impact,
[data-theme="dark"] .ts-subissue-impact {
  color: var(--ts-text-muted) !important;
}

/* Recommendation cards */
body[data-theme="dark"] .scan-report-page .ts-recommendation-card,
[data-theme="dark"] .ts-recommendation-card {
  background: var(--ts-bg-surface) !important;
  border-color: var(--ts-border-subtle) !important;
  color: var(--ts-text-main) !important;
}

/* Hardening cards */
body[data-theme="dark"] .scan-report-page .ts-hardening-card,
[data-theme="dark"] .ts-hardening-card {
  background: var(--ts-bg-surface) !important;
  border-color: var(--ts-border-subtle) !important;
  color: var(--ts-text-main) !important;
}

/* Accordion and issue headers */
body[data-theme="dark"] .scan-report-page .ts-issue-header,
[data-theme="dark"] .ts-issue-header {
  background: var(--ts-bg-card) !important;
  color: var(--ts-text-main) !important;
}

body[data-theme="dark"] .scan-report-page .accordion-item,
[data-theme="dark"] .scan-report-page .accordion-item {
  background: var(--ts-bg-card) !important;
  border-color: var(--ts-border-subtle) !important;
}

body[data-theme="dark"] .scan-report-page .accordion-button,
[data-theme="dark"] .scan-report-page .accordion-button {
  background: var(--ts-bg-card) !important;
  color: var(--ts-text-main) !important;
}

body[data-theme="dark"] .scan-report-page .accordion-button:not(.collapsed),
[data-theme="dark"] .scan-report-page .accordion-button:not(.collapsed) {
  background: var(--ts-bg-surface) !important;
  color: var(--ts-text-main) !important;
}

body[data-theme="dark"] .scan-report-page .accordion-body,
[data-theme="dark"] .scan-report-page .accordion-body {
  background: var(--ts-bg-card) !important;
  color: var(--ts-text-main) !important;
}

/* List group items */
body[data-theme="dark"] .scan-report-page .list-group-item,
[data-theme="dark"] .scan-report-page .list-group-item {
  background: var(--ts-bg-card) !important;
  border-color: var(--ts-border-subtle) !important;
  color: var(--ts-text-main) !important;
}

body[data-theme="dark"] .scan-report-page .list-group-item:nth-child(even),
[data-theme="dark"] .scan-report-page .list-group-item:nth-child(even) {
  background: var(--ts-bg-surface) !important;
}

/* Table zebra striping */
body[data-theme="dark"] .scan-report-page table tbody tr:nth-child(even),
[data-theme="dark"] .scan-report-page table tbody tr:nth-child(even) {
  background: var(--ts-bg-surface) !important;
}

body[data-theme="dark"] .scan-report-page table,
[data-theme="dark"] .scan-report-page table {
  color: var(--ts-text-main) !important;
}

body[data-theme="dark"] .scan-report-page table th,
body[data-theme="dark"] .scan-report-page table td,
[data-theme="dark"] .scan-report-page table th,
[data-theme="dark"] .scan-report-page table td {
  border-color: var(--ts-border-subtle) !important;
  color: var(--ts-text-main) !important;
}

/* Overall badge (compliance) */
body[data-theme="dark"] .scan-report-page .overall-badge,
[data-theme="dark"] .overall-badge {
  background-color: rgba(37, 99, 235, 0.2) !important;
  color: #93C5FD !important;
}

/* Button outline primary in scan summary */
body[data-theme="dark"] .scan-report-page .ts-summary-actions .btn-outline-primary,
[data-theme="dark"] .ts-summary-actions .btn-outline-primary {
  background: var(--ts-bg-surface) !important;
  border-color: var(--ts-border-subtle) !important;
  color: var(--ts-text-main) !important;
}

body[data-theme="dark"] .scan-report-page .ts-summary-actions .btn-outline-primary:hover,
[data-theme="dark"] .ts-summary-actions .btn-outline-primary:hover {
  background: var(--ts-bg-card) !important;
  border-color: var(--ts-color-orange) !important;
  color: var(--ts-color-orange) !important;
}

/* Quick jump buttons and filter controls */
body[data-theme="dark"] .scan-report-page .btn-outline-secondary,
[data-theme="dark"] .scan-report-page .btn-outline-secondary {
  background: var(--ts-bg-surface) !important;
  border-color: var(--ts-border-subtle) !important;
  color: var(--ts-text-main) !important;
}

/* Text muted in scan report */
body[data-theme="dark"] .scan-report-page .text-muted,
[data-theme="dark"] .scan-report-page .text-muted {
  color: var(--ts-text-muted) !important;
}

/* Breadcrumb in scan report */
body[data-theme="dark"] .scan-report-page .breadcrumb,
[data-theme="dark"] .scan-report-page .breadcrumb {
  background: transparent !important;
}

body[data-theme="dark"] .scan-report-page .breadcrumb-item a,
[data-theme="dark"] .scan-report-page .breadcrumb-item a {
  color: var(--ts-color-navy) !important;
}

body[data-theme="dark"] .scan-report-page .breadcrumb-item.active,
[data-theme="dark"] .scan-report-page .breadcrumb-item.active {
  color: var(--ts-text-muted) !important;
}

/* Code blocks in scan results */
body[data-theme="dark"] .scan-report-page code,
[data-theme="dark"] .scan-report-page code {
  background: var(--ts-bg-surface) !important;
  color: #F472B6 !important;
}

body[data-theme="dark"] .scan-report-page pre,
[data-theme="dark"] .scan-report-page pre {
  background: var(--ts-bg-surface) !important;
  color: var(--ts-text-main) !important;
  border-color: var(--ts-border-subtle) !important;
}

/* WordPress card in scan results */
body[data-theme="dark"] .scan-report-page .wp-card,
[data-theme="dark"] .wp-card {
  background: var(--ts-bg-card) !important;
  border-color: var(--ts-border-subtle) !important;
}

/* CSP evidence divider */
body[data-theme="dark"] .scan-report-page .csp-evidence-divider,
[data-theme="dark"] .csp-evidence-divider {
  border-top-color: var(--ts-border-subtle) !important;
}

/* Issue severity label */
body[data-theme="dark"] .scan-report-page .ts-issue-severity,
[data-theme="dark"] .ts-issue-severity {
  color: #FBBF24 !important;
}

/* Quick Jump filter bar */
body[data-theme="dark"] .scan-report-page .alert.alert-light,
body[data-theme="dark"] .scan-report-page #filterSummaryBanner,
[data-theme="dark"] .scan-report-page .alert.alert-light,
[data-theme="dark"] #filterSummaryBanner {
  background: var(--ts-bg-surface) !important;
  background-color: var(--ts-bg-surface) !important;
  border-color: var(--ts-border-subtle) !important;
  color: var(--ts-text-main) !important;
}