/**
 * Assessment Management — dark mode overrides (global)
 * Loaded after demo.css. Use !important only where light-mode rules or
 * inline styles would otherwise win and leave unreadable text/surfaces.
 */

/* ─── Shared prose / body text that was hardcoded slate ─── */
.dark-style .ad-prose,
.dark-style .ad-prose p,
.dark-style .ad-prose li,
.dark-style .ad-prose strong,
.dark-style .summary-section-body,
.dark-style .exec-section-body,
.dark-style .dns-board-finding-detail {
  color: var(--bs-body-color) !important;
}

.dark-style .ad-prose a {
  color: #9b95f5 !important;
}

.dark-style .scan-list-summary-title,
.dark-style .ad-panel-title,
.dark-style .ad-section-label,
.dark-style .ad-accordion-text strong {
  color: var(--bs-heading-color) !important;
}

.dark-style .ad-panel-sub,
.dark-style .ad-accordion-text small,
.dark-style .ad-cell-summary {
  color: var(--bs-secondary-color) !important;
}

/* ─── Assessment details: severity tiles (stop pale light-mode chips) ─── */
.dark-style .severity-mini-card {
  background: color-mix(in srgb, var(--sev-color) 16%, transparent) !important;
  border-color: color-mix(in srgb, var(--sev-color) 35%, transparent) !important;
}

/* ─── Accordion surfaces ─── */
.dark-style .ad-accordion .accordion-item {
  background: var(--bs-card-bg);
  border-color: var(--bs-border-color) !important;
}

.dark-style .ad-accordion .accordion-button,
.dark-style .ad-accordion .accordion-button:not(.collapsed) {
  background: rgba(255, 255, 255, 0.04) !important;
  color: var(--bs-heading-color) !important;
}

.dark-style .ad-accordion .accordion-body {
  background: var(--bs-card-bg);
  color: var(--bs-body-color);
}

.dark-style .ad-accordion-icon {
  background: rgba(255, 255, 255, 0.06) !important;
}

.dark-style .ad-accordion-icon-warn {
  background: rgba(234, 88, 12, 0.18) !important;
  color: #fb923c !important;
}

/* ─── Findings table ─── */
.dark-style .ad-findings-table {
  color: var(--bs-body-color);
}

.dark-style .ad-findings-table thead th {
  background: rgba(255, 255, 255, 0.04) !important;
  color: var(--bs-secondary-color) !important;
  border-color: var(--bs-border-color) !important;
}

.dark-style .ad-findings-table td {
  border-color: var(--bs-border-color) !important;
  color: var(--bs-body-color) !important;
}

.dark-style .ad-findings-table tbody tr:hover {
  background: rgba(255, 255, 255, 0.04) !important;
}

.dark-style .ad-cell-detail {
  color: var(--bs-body-color) !important;
}

/* ─── Threat lens ─── */
.dark-style .threat-lens-section,
.dark-style .threat-lens-card,
.dark-style .threat-lens-panel,
.dark-style .threat-lens-driver,
.dark-style .threat-lens-block {
  background: var(--bs-card-bg) !important;
  border-color: var(--bs-border-color) !important;
  color: var(--bs-body-color) !important;
}

.dark-style .threat-lens-title,
.dark-style .threat-lens-heading,
.dark-style .threat-lens-driver-title {
  color: var(--bs-heading-color) !important;
}

.dark-style .threat-lens-muted,
.dark-style .threat-lens-hint,
.dark-style .threat-lens-meta {
  color: var(--bs-secondary-color) !important;
}

.dark-style .threat-lens-body,
.dark-style .threat-lens-text,
.dark-style .threat-lens-driver-body {
  color: var(--bs-body-color) !important;
}

/* ─── Scan list filter / risk cards leftovers ─── */
.dark-style .scan-list-summary-header,
.dark-style .card-header.scan-list-summary-header {
  background: rgba(255, 255, 255, 0.03) !important;
  border-bottom-color: var(--bs-border-color) !important;
}

.dark-style .filter-chip,
.dark-style .dns-filter-chip {
  background: rgba(115, 103, 240, 0.18) !important;
  color: #c9c3ff !important;
  border-color: rgba(115, 103, 240, 0.35) !important;
}

/* ─── DNS partial ─── */
.dark-style .dns-details-section,
.dark-style .dns-info-card,
.dark-style .dns-terminal-wrapper {
  background: var(--bs-card-bg) !important;
  border-color: var(--bs-border-color) !important;
}

.dark-style .dns-details-section .section-title,
.dark-style .dns-info-value,
.dark-style .terminal-title {
  color: var(--bs-heading-color) !important;
}

.dark-style .dns-info-label,
.dark-style .dns-status-badge.status-default {
  color: var(--bs-secondary-color) !important;
}

.dark-style .dns-status-badge.status-default {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--bs-border-color) !important;
}

.dark-style .dns-copy-btn {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: var(--bs-border-color) !important;
  color: var(--bs-secondary-color) !important;
}

.dark-style .dns-copy-btn:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--bs-body-color) !important;
}

.dark-style .dns-terminal-header {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)) !important;
  border-bottom-color: var(--bs-border-color) !important;
}

/* ─── Nmap partial ─── */
.dark-style .nmap-card,
.dark-style .nmap-terminal-wrapper,
.dark-style .nmap-advice-card {
  background: var(--bs-card-bg) !important;
  border-color: var(--bs-border-color) !important;
}

.dark-style .nmap-card-title,
.dark-style .nmap-card-label,
.dark-style .nmap-section-label {
  color: var(--bs-secondary-color) !important;
}

.dark-style .nmap-card-value,
.dark-style .nmap-terminal-title,
.dark-style .nmap-detail-table td,
.dark-style .nmap-dt-value {
  color: var(--bs-body-color) !important;
}

.dark-style .nmap-detail-table th {
  color: var(--bs-secondary-color) !important;
  border-color: var(--bs-border-color) !important;
}

.dark-style .nmap-detail-table td {
  border-color: var(--bs-border-color) !important;
}

.dark-style .nmap-terminal-header {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.02)) !important;
  border-bottom-color: var(--bs-border-color) !important;
}

.dark-style .nmap-copy-btn {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: var(--bs-border-color) !important;
  color: var(--bs-secondary-color) !important;
}

.dark-style .nmap-copy-btn:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--bs-body-color) !important;
}

.dark-style .nmap-vuln-badge.vuln-critical { background: rgba(220, 38, 38, 0.2) !important; color: #fca5a5 !important; border-color: rgba(220, 38, 38, 0.4) !important; }
.dark-style .nmap-vuln-badge.vuln-high     { background: rgba(234, 88, 12, 0.2) !important; color: #fdba74 !important; border-color: rgba(234, 88, 12, 0.4) !important; }
.dark-style .nmap-vuln-badge.vuln-medium   { background: rgba(202, 138, 4, 0.2) !important; color: #fde68a !important; border-color: rgba(202, 138, 4, 0.4) !important; }
.dark-style .nmap-vuln-badge.vuln-low      { background: rgba(22, 163, 74, 0.2) !important; color: #86efac !important; border-color: rgba(22, 163, 74, 0.4) !important; }
.dark-style .nmap-vuln-badge.vuln-info     { background: rgba(37, 99, 235, 0.2) !important; color: #93c5fd !important; border-color: rgba(37, 99, 235, 0.4) !important; }

/* ─── SSL partial ─── */
.dark-style .ssl-details-section,
.dark-style .ssl-info-card {
  background: var(--bs-card-bg) !important;
  border-color: var(--bs-border-color) !important;
}

.dark-style .ssl-details-section .section-title,
.dark-style .ssl-info-value,
.dark-style .ssl-section-label {
  color: var(--bs-heading-color) !important;
}

.dark-style .ssl-info-label,
.dark-style .expiry-text {
  color: var(--bs-secondary-color) !important;
}

.dark-style .ssl-detail-table th,
.dark-style .ssl-detail-table td {
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

/* ─── Domain reputation partial ─── */
.dark-style .dr-section-title {
  color: var(--bs-heading-color) !important;
}

.dark-style .dr-stat-card {
  background: var(--bs-card-bg) !important;
  border-color: var(--bs-border-color) !important;
}

.dark-style .dr-stat-count,
.dark-style .dr-stat-label {
  color: var(--bs-heading-color) !important;
}

.dark-style .dr-stat-sub,
.dark-style .dr-dist-legend,
.dark-style .dr-vendor-empty {
  color: var(--bs-secondary-color) !important;
}

.dark-style .dr-dist-bar {
  background: rgba(255, 255, 255, 0.08) !important;
}

.dark-style .dr-vendor-tag,
.dark-style .dr-ip-tag {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: var(--bs-border-color) !important;
  color: var(--bs-body-color) !important;
}

.dark-style .dr-verdict-banner.is-warning {
  background: rgba(234, 88, 12, 0.16) !important;
  color: #fdba74 !important;
  border-color: rgba(234, 88, 12, 0.35) !important;
}

/* ─── Code leak partial ─── */
.dark-style .cl-repo-name,
.dark-style .cl-detail-value,
.dark-style .cl-terminal-title {
  color: var(--bs-heading-color) !important;
}

.dark-style .cl-terminal-wrapper,
.dark-style .cl-detail-card {
  background: var(--bs-card-bg) !important;
  border-color: var(--bs-border-color) !important;
}

.dark-style .cl-copy-btn {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: var(--bs-border-color) !important;
  color: var(--bs-secondary-color) !important;
}

.dark-style .cl-copy-btn:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--bs-body-color) !important;
}

/* ─── Dark web partial ─── */
.dark-style .dw-monitor {
  background: var(--bs-card-bg) !important;
  border-color: var(--bs-border-color) !important;
}

.dark-style .dw-monitor__header {
  background: #0f172a !important;
  border-bottom-color: #f87171 !important;
}

.dark-style .dw-monitor__title {
  color: #f8fafc !important;
}

.dark-style .dw-monitor__clock {
  color: #94a3b8 !important;
}

.dark-style .dw-monitor__stats,
.dark-style .dw-monitor__identity {
  background: var(--bs-card-bg) !important;
}

.dark-style .dw-monitor__identity {
  background: rgba(255, 255, 255, 0.03) !important;
  border-top-color: var(--bs-border-color) !important;
}

.dark-style .dw-monitor__stat {
  border-right-color: var(--bs-border-color) !important;
}

.dark-style .dw-monitor__stat-label,
.dark-style .dw-monitor__stat-sub {
  color: var(--bs-secondary-color) !important;
}

.dark-style .dw-monitor__stat--danger { --dw-accent: #f87171; }
.dark-style .dw-monitor__stat--warning { --dw-accent: #fb923c; }
.dark-style .dw-monitor__stat--amber { --dw-accent: #fbbf24; }
.dark-style .dw-monitor__stat--info { --dw-accent: #60a5fa; }
.dark-style .dw-monitor__stat--violet { --dw-accent: #c4b5fd; }
.dark-style .dw-monitor__stat--muted { --dw-accent: #94a3b8; }

.dark-style .dw-monitor__stat-value,
.dark-style .dw-monitor__stat-label i {
  color: var(--dw-accent) !important;
}

.dark-style .dw-monitor__stat.is-clickable:hover {
  background: rgba(96, 165, 250, 0.1) !important;
}

.dark-style .dw-monitor__footer {
  background: rgba(255, 255, 255, 0.03) !important;
  border-top-color: var(--bs-border-color) !important;
  color: var(--bs-secondary-color) !important;
}

.dark-style .dw-monitor__footer i {
  color: #f87171 !important;
}

.dark-style .dw-table thead tr {
  background: rgba(255, 255, 255, 0.04) !important;
  border-bottom-color: var(--bs-border-color) !important;
}

.dark-style .dw-table td,
.dark-style .dw-field-label {
  color: var(--bs-body-color) !important;
}

.dark-style .dw-password-mask,
.dark-style .dw-reveal-btn,
.dark-style .dw-copy-btn {
  color: var(--bs-secondary-color) !important;
}

.dark-style .dw-reveal-btn,
.dark-style .dw-copy-btn {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: var(--bs-border-color) !important;
}

.dark-style .dw-reveal-btn:hover,
.dark-style .dw-copy-btn:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--bs-body-color) !important;
}

/* ─── Password confirmation modal ─── */
.dark-style .dw-modal-card,
.dark-style .modal-password-confirmation .modal-content {
  background: var(--bs-card-bg) !important;
  color: var(--bs-body-color) !important;
}

.dark-style .dw-input {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: var(--bs-border-color) !important;
  color: var(--bs-body-color) !important;
}

.dark-style .dw-btn-cancel {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

/* ─── Known inline slate text on retained / helper copy blocks ─── */
.dark-style .retained-scan-card p,
.dark-style .retained-scan-data .text-slate,
.dark-style .exec-section-body {
  color: var(--bs-body-color) !important;
}

/* ─── DataTables common on AM pages ─── */
.dark-style .dataTables_wrapper .dataTables_filter input,
.dark-style .dataTables_wrapper .dataTables_length select {
  background: var(--bs-card-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

.dark-style .dataTables_wrapper .dataTables_filter input::placeholder {
  color: var(--bs-secondary-color) !important;
}

.dark-style .dataTables_wrapper .dataTables_info,
.dark-style .dataTables_wrapper .dataTables_paginate .paginate_button {
  color: var(--bs-body-color) !important;
}

.dark-style table.dataTable thead th,
.dark-style table.dataTable tbody td {
  border-color: var(--bs-border-color) !important;
  color: var(--bs-body-color) !important;
}

/* Striped + FixedColumns clones (scroll body / left / right) — kill light zebra white cells */
.dark-style table.table-striped > tbody > tr:nth-of-type(odd) > *,
.dark-style .dataTables_scrollBody table.table-striped > tbody > tr:nth-of-type(odd) > *,
.dark-style .dtfc-fixed-left table.table-striped > tbody > tr:nth-of-type(odd) > *,
.dark-style .dtfc-fixed-right table.table-striped > tbody > tr:nth-of-type(odd) > *,
.dark-style .dtfc-fixed-left table tbody tr.odd > *,
.dark-style .dtfc-fixed-right table tbody tr.odd > *,
.dark-style .dataTables_scrollBody table tbody tr.odd > * {
  background-color: rgba(255, 255, 255, 0.04) !important;
  background-image: none !important;
  --bs-table-bg-type: rgba(255, 255, 255, 0.04) !important;
  --bs-table-accent-bg: rgba(255, 255, 255, 0.04) !important;
  box-shadow: none !important;
  color: var(--bs-body-color) !important;
}

.dark-style table.table-striped > tbody > tr:nth-of-type(even) > *,
.dark-style .dataTables_scrollBody table.table-striped > tbody > tr:nth-of-type(even) > *,
.dark-style .dtfc-fixed-left table.table-striped > tbody > tr:nth-of-type(even) > *,
.dark-style .dtfc-fixed-right table.table-striped > tbody > tr:nth-of-type(even) > *,
.dark-style .dtfc-fixed-left table tbody tr.even > *,
.dark-style .dtfc-fixed-right table tbody tr.even > *,
.dark-style .dataTables_scrollBody table tbody tr.even > * {
  background-color: transparent !important;
  background-image: none !important;
  --bs-table-bg-type: transparent !important;
  --bs-table-accent-bg: transparent !important;
  box-shadow: none !important;
  color: var(--bs-body-color) !important;
}

.dark-style .dtfc-fixed-left,
.dark-style .dtfc-fixed-right,
.dark-style .dtfc-fixed-left table,
.dark-style .dtfc-fixed-right table,
.dark-style .dataTables_scrollBody,
.dark-style .dataTables_scrollHead,
.dark-style .dataTables_scrollFoot {
  background: var(--bs-card-bg) !important;
}

.dark-style .dtfc-fixed-left th,
.dark-style .dtfc-fixed-left td,
.dark-style .dtfc-fixed-right th,
.dark-style .dtfc-fixed-right td {
  background-color: var(--bs-card-bg) !important;
  color: var(--bs-body-color) !important;
  border-color: var(--bs-border-color) !important;
}

/* ─── Threat lens text + panels (audit P0) ─── */
.dark-style .threat-lens-section {
  background: var(--bs-card-bg) !important;
  border-color: var(--bs-border-color) !important;
}

.dark-style .threat-lens-section-title,
.dark-style .threat-lens-panel-title,
.dark-style .threat-lens-kpi-value,
.dark-style .threat-lens-ai-synthesis-title,
.dark-style .threat-lens-driver-title {
  color: var(--bs-heading-color) !important;
}

.dark-style .threat-lens-panel,
.dark-style .threat-lens-synth-card,
.dark-style .threat-lens-kpi {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: var(--bs-border-color) !important;
}

.dark-style .threat-lens-reason,
.dark-style .threat-lens-driver-body,
.dark-style .threat-lens-driver li,
.dark-style .threat-lens-synth-card li,
.dark-style .threat-lens-synth-card p,
.dark-style .threat-lens-ai-synthesis-body,
.dark-style .threat-lens-list,
.dark-style .threat-lens-list li {
  color: var(--bs-body-color) !important;
}

.dark-style .threat-lens-reason {
  background: rgba(255, 255, 255, 0.04) !important;
}

.dark-style .posture-gauge-orb::after {
  background: var(--bs-card-bg) !important;
}

.dark-style .threat-lens-callout,
.dark-style .threat-lens-callout-amber {
  background: rgba(245, 158, 11, 0.14) !important;
  color: #fbbf24 !important;
  border-color: rgba(245, 158, 11, 0.35) !important;
}

.dark-style .threat-lens-callout-red {
  background: rgba(220, 38, 38, 0.14) !important;
  color: #fca5a5 !important;
  border-color: rgba(220, 38, 38, 0.35) !important;
}

.dark-style .threat-lens-priority-chip {
  background: rgba(10, 102, 182, 0.2) !important;
  color: #93c5fd !important;
}

.dark-style .threat-lens-roadmap-band {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--bs-heading-color) !important;
}

/* ─── Findings pills / tags ─── */
.dark-style .ad-findings-table thead th {
  background: rgba(255, 255, 255, 0.04) !important;
  color: var(--bs-secondary-color) !important;
  border-color: var(--bs-border-color) !important;
}

.dark-style .ad-sev-pill.sev-critical { background: rgba(220, 38, 38, 0.2) !important; color: #fca5a5 !important; }
.dark-style .ad-sev-pill.sev-high     { background: rgba(234, 88, 12, 0.2) !important; color: #fdba74 !important; }
.dark-style .ad-sev-pill.sev-medium   { background: rgba(202, 138, 4, 0.2) !important; color: #fde68a !important; }
.dark-style .ad-sev-pill.sev-low      { background: rgba(22, 163, 74, 0.2) !important; color: #86efac !important; }
.dark-style .ad-sev-pill.sev-info     { background: rgba(8, 145, 178, 0.2) !important; color: #67e8f9 !important; }

.dark-style .ad-scanner-tag,
.dark-style .ad-count-pill {
  background: rgba(255, 255, 255, 0.08) !important;
  color: var(--bs-heading-color) !important;
}

/* ─── Scan list KPI / filters / table ─── */
.dark-style .info-box {
  background: var(--bs-card-bg) !important;
  border-color: var(--bs-border-color) !important;
  color: var(--bs-body-color) !important;
}

.dark-style .info-box .info-label,
.dark-style label.fw-semibold {
  color: var(--bs-secondary-color) !important;
}

.dark-style .info-box .info-value {
  color: var(--bs-heading-color) !important;
}

.dark-style .filter-card,
.dark-style #risk-filter,
.dark-style #identity-filter,
.dark-style .select2-container--default .select2-selection--single,
.dark-style .select2-container--default .select2-selection--multiple {
  background: var(--bs-card-bg) !important;
  border-color: var(--bs-border-color) !important;
  color: var(--bs-body-color) !important;
}

.dark-style .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: var(--bs-body-color) !important;
}

.dark-style .table thead th {
  background: rgba(255, 255, 255, 0.04) !important;
  color: var(--bs-secondary-color) !important;
  border-color: var(--bs-border-color) !important;
}

.dark-style .hud-strip,
.dark-style .scan-hud,
.dark-style .scan-list-hud {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: var(--bs-border-color) !important;
  color: var(--bs-body-color) !important;
}

/* ─── Generic section titles used by scanner partials ─── */
.dark-style .section-title {
  color: var(--bs-heading-color) !important;
}

.dark-style .nmap-advice-card {
  color: var(--bs-body-color) !important;
}


/* ─── Residual P0 from UI/UX + QA audits ─── */
.dark-style .threat-lens-driver-text,
.dark-style .threat-lens-section-sub,
.dark-style .threat-lens-synth-list,
.dark-style .threat-lens-action-list,
.dark-style .threat-lens-action-detail,
.dark-style .threat-lens-roadmap-step {
  color: var(--bs-body-color) !important;
}

.dark-style .assessment-hero-pdf-btn {
  background: linear-gradient(135deg, #5a54d4, #3d3a8f) !important;
  color: #fff !important;
}

.dark-style .assessment-hero-pdf-btn:hover {
  color: #fff !important;
}

.dark-style .detail-box {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: var(--bs-border-color) !important;
}

.dark-style .detail-box h6 {
  color: var(--bs-heading-color) !important;
}

.dark-style .detail-box p {
  color: var(--bs-secondary-color) !important;
}

.dark-style .dw-modal-content,
.dark-style .dw-modal-card {
  background: var(--bs-card-bg) !important;
  color: var(--bs-body-color) !important;
}

.dark-style .dw-modal-title,
.dark-style .dw-input {
  color: var(--bs-heading-color) !important;
}

.dark-style .nmap-card-value {
  color: var(--bs-heading-color) !important;
}

.dark-style .nmap-dt-value {
  color: var(--bs-body-color) !important;
}

/* ═══ PREMIUM DARK POLISH — attack-surface console ═══
   Layered charcoal, risk as the loud signal, primary violet for chrome only.
   Loaded after contrast fixes; cascade wins via equal/higher specificity. */

.dark-style {
  --am-page: #25293c;
  --am-card: #2f3349;
  --am-elevated: #363b54;
  --am-inset: #2a2e42;
  --am-hairline: rgba(255, 255, 255, 0.09);
  --am-hairline-strong: rgba(255, 255, 255, 0.14);
  --am-text: #cfd3ec;
  --am-heading: #e7e7ff;
  --am-muted: #8b90a8;
  --am-accent: #7367f0;
  --am-accent-soft: rgba(115, 103, 240, 0.18);
  --am-accent-text: #c9c3ff;
  --am-accent-ring: rgba(115, 103, 240, 0.35);
  --am-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.28), 0 0 0 1px rgba(255, 255, 255, 0.06);
  --am-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.06);
  --am-shadow-risk: 0 12px 28px rgba(var(--risk-rgb, 115, 103, 240), 0.18), 0 0 0 1px rgba(var(--risk-rgb, 115, 103, 240), 0.28);
}

.dark-style .assessment-details-page {
  --ad-navy: #e7e7ff;
  --ad-blue: #9b95f5;
  --ad-surface: var(--am-card);
  --ad-muted: var(--am-muted);
  --ad-border: var(--am-hairline);
  --ad-shadow: var(--am-shadow-sm);
  --ad-body-text: var(--am-text);
}

/* ── Hero: first viewport atmosphere ── */
.dark-style .assessment-hero {
  background:
    radial-gradient(ellipse 55% 80% at 92% 0%, rgba(var(--risk-rgb, 115, 103, 240), 0.16) 0%, transparent 58%),
    linear-gradient(165deg, #34395a 0%, var(--am-card) 45%, #2c3048 100%) !important;
  border: 1px solid var(--am-hairline) !important;
  border-top: 3px solid var(--risk-color, #7367f0) !important;
  box-shadow: var(--am-shadow-md) !important;
}

.dark-style .assessment-hero-glow {
  background: radial-gradient(ellipse, rgba(var(--risk-rgb, 115, 103, 240), 0.22) 0%, transparent 68%) !important;
  opacity: 1;
}

.dark-style .assessment-hero-domain { color: var(--am-heading) !important; }
.dark-style .assessment-hero-eyebrow { color: var(--am-muted) !important; letter-spacing: 0.1em; }

.dark-style .assessment-hero-icon {
  background: linear-gradient(145deg, rgba(115, 103, 240, 0.24), rgba(var(--risk-rgb, 115, 103, 240), 0.12)) !important;
  color: var(--am-accent-text) !important;
  box-shadow: inset 0 0 0 1px var(--am-hairline);
}

.dark-style .assessment-stat-tile,
.dark-style .assessment-hero-meter-panel {
  background: var(--am-inset) !important;
  border-color: var(--am-hairline) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.dark-style .assessment-stat-tile-value { color: var(--am-heading) !important; }
.dark-style .assessment-stat-tile-label,
.dark-style .assessment-stat-tile-hint { color: var(--am-muted) !important; }

.dark-style .assessment-meta-pill {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: var(--am-hairline) !important;
  color: var(--am-muted) !important;
}
.dark-style .assessment-meta-pill i { color: var(--am-accent-text) !important; }

.dark-style .assessment-hero-pdf-btn {
  background: linear-gradient(135deg, #7367f0, #5a54d4) !important;
  box-shadow: 0 4px 16px rgba(115, 103, 240, 0.35) !important;
  color: #fff !important;
}
.dark-style .assessment-hero-pdf-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px rgba(115, 103, 240, 0.42) !important;
  color: #fff !important;
}

/* ── Tabs: clear "you are here" ── */
.dark-style .assessment-tabs-shell {
  background: var(--am-card) !important;
  border-color: var(--am-hairline) !important;
  box-shadow: var(--am-shadow-sm) !important;
}

.dark-style .assessment-tab-nav {
  background: linear-gradient(180deg, #2a2e42 0%, #272b3e 100%) !important;
  border-bottom-color: var(--am-hairline) !important;
}

.dark-style .assessment-tab-btn {
  color: var(--am-muted) !important;
  position: relative;
  transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}
.dark-style .assessment-tab-btn:hover {
  color: var(--am-text) !important;
  background: rgba(255, 255, 255, 0.05) !important;
}
.dark-style .assessment-tab-btn:focus-visible {
  outline: 2px solid var(--am-accent);
  outline-offset: 2px;
}

.dark-style .assessment-tab-btn.active {
  background: var(--am-elevated) !important;
  color: var(--am-accent-text) !important;
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.06) inset,
    0 4px 12px rgba(0, 0, 0, 0.25) !important;
}

.dark-style .assessment-tab-btn.active::after {
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 5px;
  height: 2px;
  border-radius: 2px;
  background: var(--am-accent);
  box-shadow: 0 0 12px rgba(115, 103, 240, 0.45);
  animation: amTabIndicator 0.28s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes amTabIndicator {
  from { transform: scaleX(0.4); opacity: 0; }
  to { transform: scaleX(1); opacity: 1; }
}

.dark-style .assessment-tab-badge { background: var(--am-accent) !important; }
.dark-style .assessment-tab-badge-muted {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--am-muted) !important;
}
.dark-style .assessment-tab-btn.active .assessment-tab-badge-muted {
  background: var(--am-accent-soft) !important;
  color: var(--am-accent-text) !important;
}

/* ── Panels / overview ── */
.dark-style .ad-panel {
  background: var(--am-card) !important;
  border: 1px solid var(--am-hairline) !important;
  box-shadow: var(--am-shadow-sm) !important;
}
.dark-style .ad-panel-accent { border-top: 3px solid var(--risk-color, #7367f0) !important; }
.dark-style .ad-panel-intro {
  background: linear-gradient(135deg, rgba(115, 103, 240, 0.1), transparent 65%) !important;
}
.dark-style .ad-panel-head {
  border-bottom-color: var(--am-hairline) !important;
  background: rgba(255, 255, 255, 0.02);
}
.dark-style .ad-panel-icon {
  background: linear-gradient(145deg, rgba(115, 103, 240, 0.22), rgba(255, 255, 255, 0.04)) !important;
  color: var(--am-accent-text) !important;
  box-shadow: inset 0 0 0 1px var(--am-hairline);
}
.dark-style .ad-panel-body.ad-prose {
  background: var(--am-inset);
}
.dark-style .ad-prose strong {
  color: var(--bs-heading-color) !important;
}
.dark-style .ad-prose em {
  color: var(--am-muted) !important;
}
.dark-style .ad-panel-icon-warn {
  background: color-mix(in srgb, #ea580c 18%, transparent) !important;
  color: #fb923c !important;
}
.dark-style .ad-panel-icon-ok {
  background: color-mix(in srgb, #16a34a 18%, transparent) !important;
  color: #4ade80 !important;
}
.dark-style .ad-narrative-card .ad-panel-body {
  background: var(--am-inset);
}

.dark-style .severity-mini-card {
  background: color-mix(in srgb, var(--sev-color) 14%, var(--am-inset)) !important;
  border: 1px solid color-mix(in srgb, var(--sev-color) 40%, transparent) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.dark-style .severity-mini-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.28);
}
.dark-style .severity-mini-label { color: var(--am-muted) !important; }

.dark-style .ad-accordion .accordion-button {
  background: var(--am-inset) !important;
}
.dark-style .ad-accordion .accordion-button:not(.collapsed) {
  background: var(--am-elevated) !important;
  color: var(--am-heading) !important;
  box-shadow: inset 3px 0 0 var(--am-accent) !important;
}
.dark-style .ad-accordion .accordion-body {
  background: var(--am-inset) !important;
}

/* ── Scanner module cards ── */
.dark-style .scan-card {
  background: var(--am-card) !important;
  border: 1px solid var(--am-hairline) !important;
  box-shadow: var(--am-shadow-sm) !important;
  transition:
    transform 0.22s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.22s ease,
    border-color 0.22s ease,
    background-color 0.22s ease !important;
}
.dark-style .scan-card::before {
  height: 3px !important;
  background: linear-gradient(90deg, var(--risk-color, #7367f0), transparent) !important;
  transform: scaleX(0.28) !important;
  opacity: 0.9;
  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.2s ease;
}
.dark-style .scan-card:hover {
  transform: translateY(-4px) !important;
  background: var(--am-elevated) !important;
  border-color: rgba(var(--risk-rgb, 115, 103, 240), 0.45) !important;
  box-shadow: var(--am-shadow-risk) !important;
}
.dark-style .scan-card:hover::before {
  transform: scaleX(1) !important;
  opacity: 1;
}
.dark-style .scan-card:focus-visible {
  outline: 2px solid var(--am-accent);
  outline-offset: 3px;
}
.dark-style .scan-card-locked {
  opacity: 0.62 !important;
  filter: saturate(0.7);
}
.dark-style .scan-card-title { color: var(--am-heading) !important; }
.dark-style .scan-card-subtitle { color: var(--am-muted) !important; }
.dark-style .scan-icon-box {
  background: rgba(var(--risk-rgb, 115, 103, 240), 0.16) !important;
  box-shadow: inset 0 0 0 1px rgba(var(--risk-rgb, 115, 103, 240), 0.28);
}
.dark-style .scan-stats-divider {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, var(--am-inset) 100%) !important;
  border-top-color: var(--am-hairline) !important;
}
.dark-style .module-stat-metric,
.dark-style .module-stat-chip {
  background: rgba(255, 255, 255, 0.035) !important;
  border-color: var(--am-hairline) !important;
}
.dark-style .module-stat-chip.is-alert {
  background: rgba(var(--risk-rgb, 220, 53, 69), 0.18) !important;
  border-color: rgba(var(--risk-rgb, 220, 53, 69), 0.4) !important;
}

/* ── Issue board ── */
.dark-style .dns-board-item {
  background: var(--am-card) !important;
  border: 1px solid var(--am-hairline) !important;
  border-left-width: 3px !important;
  box-shadow: none !important;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.dark-style .dns-board-item:hover {
  background: var(--am-elevated) !important;
  border-color: var(--am-hairline-strong) !important;
}
.dark-style .dns-board-item.is-active,
.dark-style .dns-board-item.is-open {
  background: var(--am-elevated) !important;
  box-shadow: 0 0 0 1px var(--am-accent-ring), var(--am-shadow-sm) !important;
}
.dark-style .dns-board-toggle:focus-visible {
  outline: 2px solid var(--am-accent);
  outline-offset: -2px;
}
.dark-style .dns-board-title { color: var(--am-heading) !important; }
.dark-style .dns-board-hosts,
.dark-style .dns-board-chevron { color: var(--am-muted) !important; }
.dark-style .dns-board-finding {
  background: var(--am-inset) !important;
  border-color: var(--am-hairline) !important;
}
.dark-style .dns-board-critical,
.dark-style .dns-board-high { border-left-color: #f87171 !important; }
.dark-style .dns-board-medium { border-left-color: #fbbf24 !important; }
.dark-style .dns-board-low { border-left-color: #38bdf8 !important; }
.dark-style .dns-board-info { border-left-color: #4ade80 !important; }

.dark-style .dns-filter-chip {
  background: var(--am-accent-soft) !important;
  color: var(--am-accent-text) !important;
  border: 1px solid var(--am-accent-ring) !important;
  box-shadow: 0 0 0 1px rgba(115, 103, 240, 0.12);
}
.dark-style .dns-filter-chip-clear:hover {
  color: #fff !important;
  opacity: 1;
}

/* ── Tables denser + hover ── */
.dark-style .ad-findings-table thead th,
.dark-style .table thead th,
.dark-style table.dataTable thead th {
  background: var(--am-inset) !important;
  color: var(--am-muted) !important;
  border-color: var(--am-hairline) !important;
  padding-top: 0.55rem !important;
  padding-bottom: 0.55rem !important;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  font-size: 0.72rem !important;
  font-weight: 700 !important;
}
.dark-style .ad-findings-table tbody tr,
.dark-style .table tbody tr,
.dark-style table.dataTable tbody tr {
  transition: background-color 0.15s ease;
}
.dark-style .ad-findings-table tbody tr:hover,
.dark-style .table tbody tr:hover,
.dark-style table.dataTable tbody tr:hover {
  background: rgba(115, 103, 240, 0.08) !important;
}
.dark-style .ad-findings-table tbody td,
.dark-style .table tbody td {
  border-color: rgba(255, 255, 255, 0.05) !important;
  padding-top: 0.55rem !important;
  padding-bottom: 0.55rem !important;
}

/* ── Soften risk/status pill edges (keep solid readability) ── */
.dark-style .risk-pill,
.dark-style .badge.risk-critical,
.dark-style .badge.risk-high,
.dark-style .badge.risk-medium,
.dark-style .badge.risk-low,
.dark-style .badge.risk-info,
.dark-style .badge.risk-unknown,
.dark-style .badge.risk-pill-xs {
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.16),
    0 2px 8px rgba(0, 0, 0, 0.22);
  letter-spacing: 0.04em;
}

/* ── Scan-list KPI tiles ── */
.dark-style .info-box {
  background:
    linear-gradient(160deg, rgba(var(--risk-rgb, 115, 103, 240), 0.12), transparent 55%),
    var(--am-card) !important;
  border: 1px solid var(--am-hairline) !important;
  box-shadow: var(--am-shadow-sm) !important;
  transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.22s ease;
}
.dark-style .info-box:hover {
  transform: translateY(-3px);
  box-shadow: var(--am-shadow-risk);
}
.dark-style .filter-card {
  background: var(--am-card) !important;
  border: 1px solid var(--am-hairline) !important;
  box-shadow: var(--am-shadow-sm) !important;
}

/* ── Threat lens hierarchy ── */
.dark-style .threat-lens-section {
  background:
    radial-gradient(ellipse 50% 60% at 0% 0%, rgba(115, 103, 240, 0.08), transparent 55%),
    var(--am-card) !important;
  border-color: var(--am-hairline) !important;
  box-shadow: var(--am-shadow-sm) !important;
}
.dark-style .threat-lens-panel,
.dark-style .threat-lens-synth-card {
  background: var(--am-inset) !important;
  border-color: var(--am-hairline) !important;
}
.dark-style .threat-lens-kpi {
  background: var(--am-elevated) !important;
  border-color: var(--am-hairline) !important;
}

/* ── Assessment list info box ── */
.dark-style .assessment-list-page .info-box {
  background:
    linear-gradient(135deg, rgba(115, 103, 240, 0.1), transparent 60%),
    var(--am-card) !important;
  border-color: var(--am-hairline) !important;
  box-shadow: var(--am-shadow-sm) !important;
}

/* ── Motion respect ── */
@media (prefers-reduced-motion: reduce) {
  .dark-style .scan-card,
  .dark-style .info-box,
  .dark-style .severity-mini-card,
  .dark-style .dns-board-item,
  .dark-style .assessment-tab-btn,
  .dark-style .assessment-hero-pdf-btn {
    transition: none !important;
  }
  .dark-style .scan-card:hover,
  .dark-style .info-box:hover,
  .dark-style .severity-mini-card:hover,
  .dark-style .assessment-hero-pdf-btn:hover {
    transform: none !important;
  }
  .dark-style .assessment-tab-btn.active::after {
    animation: none;
  }
}

/* ── Technical summary labels (Key Findings / Impact / Recommendation) ── */
.dark-style .am-summary-block {
  border-bottom-color: var(--bs-border-color) !important;
}
.dark-style .am-summary-icon--findings {
  background: rgba(59, 130, 246, 0.18) !important;
}
.dark-style .am-summary-icon--impact {
  background: rgba(249, 115, 22, 0.18) !important;
}
.dark-style .am-summary-icon--recommendation {
  background: rgba(34, 197, 94, 0.18) !important;
}
.dark-style .am-summary-label--findings {
  color: #93c5fd !important;
}
.dark-style .am-summary-label--impact {
  color: #fdba74 !important;
}
.dark-style .am-summary-label--recommendation {
  color: #86efac !important;
}

/* ═══ RESIDUAL POLISH — modals + AM badge contrast ═══ */

/* ── MFA step-up modal (component CSS hardcodes #fff; beat with #mfaModal + !important) ── */
.dark-style #mfaModal .dw-modal-content {
  background: var(--am-card, var(--bs-card-bg)) !important;
  color: var(--am-text, var(--bs-body-color)) !important;
  box-shadow:
    0 0 0 1px var(--am-hairline, rgba(255, 255, 255, 0.09)),
    0 20px 60px rgba(0, 0, 0, 0.45) !important;
}
.dark-style #mfaModal .dw-modal-icon {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--bs-border-color) !important;
  color: var(--am-heading, var(--bs-heading-color)) !important;
}
.dark-style #mfaModal .dw-modal-title {
  color: var(--am-heading, var(--bs-heading-color)) !important;
}
.dark-style #mfaModal .dw-modal-desc {
  color: var(--am-muted, var(--bs-secondary-color)) !important;
}
.dark-style #mfaModal .dw-input {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: var(--bs-border-color) !important;
  color: var(--am-heading, var(--bs-heading-color)) !important;
}
.dark-style #mfaModal .dw-input:focus {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: #7367f0 !important;
  box-shadow: 0 0 0 3px rgba(115, 103, 240, 0.25) !important;
}
.dark-style #mfaModal .dw-btn-cancel {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--am-text, var(--bs-body-color)) !important;
  border-color: var(--bs-border-color) !important;
}
.dark-style #mfaModal .dw-btn-cancel:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}
.dark-style #mfaModal .dw-btn-confirm {
  background: #7367f0 !important;
  color: #fff !important;
}
.dark-style #mfaModal .dw-btn-confirm:hover {
  background: #6357e0 !important;
}

/* ── Password confirmation (dark-web reveal) — extend existing dw-* rules ── */
.dark-style .dw-modal-content {
  background: var(--am-card, var(--bs-card-bg)) !important;
  color: var(--am-text, var(--bs-body-color)) !important;
  box-shadow:
    0 0 0 1px var(--am-hairline, rgba(255, 255, 255, 0.09)),
    0 20px 60px rgba(0, 0, 0, 0.45) !important;
}
.dark-style .dw-modal-icon {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: var(--bs-border-color) !important;
  color: var(--am-heading, var(--bs-heading-color)) !important;
}
.dark-style .dw-modal-desc {
  color: var(--am-muted, var(--bs-secondary-color)) !important;
}
.dark-style .dw-modal-title {
  color: var(--am-heading, var(--bs-heading-color)) !important;
}
.dark-style .dw-input:focus {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: #7367f0 !important;
  box-shadow: 0 0 0 3px rgba(115, 103, 240, 0.25) !important;
}
.dark-style .dw-btn-confirm {
  background: #7367f0 !important;
  color: #fff !important;
  box-shadow: none !important;
}
.dark-style .dw-btn-confirm:hover {
  background: #6357e0 !important;
}
.dark-style .dw-eye-toggle {
  color: var(--am-muted, var(--bs-secondary-color)) !important;
}
.dark-style .dw-eye-toggle:hover {
  color: var(--am-text, var(--bs-body-color)) !important;
}

/* ── Bootstrap AM modals (soft-delete, PDF loading, purge shells) ── */
.dark-style .modal .modal-content {
  background: var(--am-card, var(--bs-card-bg)) !important;
  color: var(--am-text, var(--bs-body-color)) !important;
  border-color: var(--am-hairline, var(--bs-border-color)) !important;
}
.dark-style .modal .modal-header,
.dark-style .modal .modal-footer {
  border-color: var(--am-hairline, var(--bs-border-color)) !important;
}
.dark-style .modal .modal-title {
  color: var(--am-heading, var(--bs-heading-color)) !important;
}
.dark-style .modal .btn-close {
  filter: invert(1);
  opacity: 0.75;
}
.dark-style .modal .btn-close:hover {
  opacity: 1;
}
.dark-style #pdfLoadingModal .modal-content,
.dark-style #softDeleteModal .modal-content {
  background: var(--am-card, var(--bs-card-bg)) !important;
}

/* ── Retained purge modal surfaces (class hooks; light defaults below) ── */
.am-purge-icon {
  width: 42px;
  height: 42px;
  background: #fef2f2;
  border: 1.5px solid #fca5a5;
  color: #dc2626;
}
.am-purge-icon i {
  font-size: 1.2rem;
  color: inherit;
}
.am-purge-warn {
  padding: 0.75rem 0.875rem;
  background: #fef2f2;
  border: 1px solid #fca5a5;
}
.am-purge-warn p {
  font-size: 0.8125rem;
  line-height: 1.6;
  white-space: normal;
}
.am-purge-meta {
  padding: 0.75rem 1rem;
  background: #f1f5f9;
  border: 1px solid #cbd5e1;
}
.am-purge-meta-label {
  font-size: 0.7rem;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #94a3b8;
  margin-bottom: 0.2rem;
}
.am-purge-meta-value {
  font-size: 1.05rem;
}
.am-purge-confirm-name {
  color: #dc2626;
}
.am-purge-label {
  font-size: 0.8125rem;
}

.dark-style .am-purge-icon {
  background: rgba(220, 38, 38, 0.18) !important;
  border-color: rgba(248, 113, 113, 0.45) !important;
  color: #fca5a5 !important;
}
.dark-style .am-purge-warn {
  background: rgba(220, 38, 38, 0.14) !important;
  border-color: rgba(248, 113, 113, 0.4) !important;
}
.dark-style .am-purge-warn p,
.dark-style .am-purge-warn .text-secondary {
  color: var(--am-text, var(--bs-body-color)) !important;
}
.dark-style .am-purge-meta {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: var(--am-hairline, var(--bs-border-color)) !important;
}
.dark-style .am-purge-meta-label {
  color: var(--am-muted, var(--bs-secondary-color)) !important;
}
.dark-style .am-purge-confirm-name {
  color: #f87171 !important;
}

/* ── AM badge contrast (scoped; do not rewrite global Bootstrap) ── */
.dark-style .am-tab-panel .badge.bg-info:not(.text-dark) {
  background: rgba(6, 182, 212, 0.22) !important;
  color: #67e8f9 !important;
  border: 1px solid rgba(6, 182, 212, 0.35);
}
.dark-style .am-tab-panel .badge.bg-info.text-dark {
  background: #22d3ee !important;
  color: #164e63 !important;
}
.dark-style .am-tab-panel .badge.bg-success:not(.rounded-pill) {
  background: rgba(34, 197, 94, 0.22) !important;
  color: #86efac !important;
  border: 1px solid rgba(34, 197, 94, 0.35);
}
.dark-style .am-tab-panel .badge.bg-secondary {
  background: rgba(148, 163, 184, 0.22) !important;
  color: #e2e8f0 !important;
  border: 1px solid rgba(148, 163, 184, 0.35);
}

.dark-style .scan-list-page .badge.rounded-pill.bg-info,
.dark-style .dns-issue-board .badge.rounded-pill.bg-info {
  background: #22d3ee !important;
  color: #164e63 !important;
}
.dark-style .scan-list-page .badge.rounded-pill.bg-success,
.dark-style .dns-issue-board .badge.rounded-pill.bg-success {
  background: #4ade80 !important;
  color: #14532d !important;
}
.dark-style .scan-list-page .badge.rounded-pill.bg-secondary,
.dark-style .dns-issue-board .badge.rounded-pill.bg-secondary {
  background: rgba(148, 163, 184, 0.28) !important;
  color: #e2e8f0 !important;
}

/* DNS / SSL status badges (inline light styles in partials) */
.dark-style .dns-status-badge.status-pass {
  background: rgba(34, 197, 94, 0.2) !important;
  color: #86efac !important;
  border-color: rgba(34, 197, 94, 0.4) !important;
}
.dark-style .dns-status-badge.status-fail {
  background: rgba(239, 68, 68, 0.2) !important;
  color: #fca5a5 !important;
  border-color: rgba(239, 68, 68, 0.4) !important;
}
.dark-style .dns-status-badge.status-warning {
  background: rgba(234, 179, 8, 0.2) !important;
  color: #fde68a !important;
  border-color: rgba(234, 179, 8, 0.4) !important;
}
.dark-style .dns-status-badge.status-default {
  background: rgba(255, 255, 255, 0.06) !important;
  color: var(--am-muted, var(--bs-secondary-color)) !important;
  border-color: var(--am-hairline, var(--bs-border-color)) !important;
}
.dark-style .status-badge.badge-success {
  background: rgba(34, 197, 94, 0.2) !important;
  color: #86efac !important;
}
.dark-style .status-badge.badge-danger {
  background: rgba(239, 68, 68, 0.2) !important;
  color: #fca5a5 !important;
}
.dark-style .status-badge.badge-info {
  background: rgba(6, 182, 212, 0.2) !important;
  color: #67e8f9 !important;
}