/* Fidelio light theme — full dashboard sweep */

[data-theme="light"] {
  --surface-inset: rgba(0, 0, 0, 0.03);
  --surface-hover: rgba(0, 0, 0, 0.04);
  --surface-faint: rgba(0, 0, 0, 0.02);
  --surface-border-faint: rgba(0, 0, 0, 0.08);
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.06);
  --shadow-card-hover: 0 20px 50px rgba(0, 0, 0, 0.1);
  --shadow-popover: 0 12px 32px rgba(0, 0, 0, 0.08);
  --shadow-modal: 0 8px 32px rgba(0, 0, 0, 0.12);
}

/* ── Global / shell ── */
[data-theme="light"] .sidebar-backdrop { background: rgba(0, 0, 0, 0.25); }
[data-theme="light"] .modal-backdrop,
[data-theme="light"] .bk-modal-backdrop { background: rgba(0, 0, 0, 0.35); }
[data-theme="light"] .modal-panel,
[data-theme="light"] .bk-modal { box-shadow: var(--shadow-modal); }
[data-theme="light"] .table-search input,
[data-theme="light"] .dcc-search-input { background: var(--bg); }

/* ── Landing / FAQ / Rules ── */
[data-theme="light"] .footer { border-top-color: var(--border); }
[data-theme="light"] .feature-card,
[data-theme="light"] .step-card,
[data-theme="light"] .stat-card,
[data-theme="light"] .faq-item { background: var(--bg-card); }
[data-theme="light"] .feature-card:hover,
[data-theme="light"] .gallery-card:hover { border-color: #d4d4d8; }
[data-theme="light"] .gallery-card { background: var(--bg-card); }
[data-theme="light"] .site-card { background: var(--bg-card); }
[data-theme="light"] .site-card:hover { background: var(--bg-elevated); }
[data-theme="light"] .cta {
  border-top-color: var(--border);
  background: var(--bg);
}

/* ── Dashboard home ── */
[data-theme="light"] .dash-stat,
[data-theme="light"] .dash-card,
[data-theme="light"] .perks-card,
[data-theme="light"] .quick-action { background: var(--bg-card); }
[data-theme="light"] .hero-preview-wrap .dash-stat { background: var(--bg-card); }

/* ── Domains ── */
[data-theme="light"] .domain-guide,
[data-theme="light"] .domain-guide--bk,
[data-theme="light"] .domain-refresh-box { background: var(--bg-card); }
[data-theme="light"] .domain-field-input,
[data-theme="light"] .domain-ns-items li,
[data-theme="light"] .domain-buy-row {
  background: var(--bg);
  border-color: var(--border);
}
[data-theme="light"] .domain-mode-option { background: var(--bg); }
[data-theme="light"] .domain-mode-option:hover:not(:disabled) { background: var(--bg-elevated); }
[data-theme="light"] .domain-table-toolbar-warn { background: rgba(251, 191, 36, 0.12); }
[data-theme="light"] .data-table tbody tr:hover { background: var(--surface-hover); }

/* ── Sites / tables ── */
[data-theme="light"] .data-table thead th { background: var(--bg-elevated); }
[data-theme="light"] .data-table td,
[data-theme="light"] .data-table th { border-color: var(--border); }
[data-theme="light"] .table-toolbar { background: var(--bg-card); }
[data-theme="light"] .site-card,
[data-theme="light"] .campaign-card { background: var(--bg-card); }

/* ── Subscription ── */
[data-theme="light"] .sub-bg-grid {
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 0, 0, 0.04) 1px, transparent 1px);
}
[data-theme="light"] .sub-bg-orb { opacity: 0.25; }
[data-theme="light"] .sub-stat,
[data-theme="light"] .sub-stat-card {
  background: var(--bg-card);
  backdrop-filter: none;
}
[data-theme="light"] .sub-stat:hover { border-color: var(--border); }
[data-theme="light"] .sub-stat--wallet {
  background: linear-gradient(135deg, var(--bg-card) 0%, rgba(59, 130, 246, 0.08) 100%);
}
[data-theme="light"] .sub-pricing-card {
  background: var(--bg-card);
  backdrop-filter: none;
  box-shadow: var(--shadow-card);
}
[data-theme="light"] .sub-pricing-card:hover { box-shadow: var(--shadow-card-hover); }
[data-theme="light"] .sub-pricing-card--pro.sub-pricing-card--featured {
  box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.25), 0 12px 40px rgba(59, 130, 246, 0.12);
}
[data-theme="light"] .sub-duration-segments,
[data-theme="light"] .sub-seg-bar {
  background: var(--bg-elevated);
  border-color: var(--border);
}
[data-theme="light"] .sub-seg:hover:not(.selected) { background: var(--surface-hover); }
[data-theme="light"] .sub-seg.selected {
  background: rgba(59, 130, 246, 0.12);
  box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.5);
}
[data-theme="light"] .sub-duration-detail {
  background: var(--bg-elevated);
  border-color: var(--surface-border-faint);
}
[data-theme="light"] .sub-duration {
  background: var(--bg-card);
}
[data-theme="light"] .sub-duration:hover { border-color: #a1a1aa; }
[data-theme="light"] .sub-duration.selected {
  box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.6);
}
[data-theme="light"] .sub-pricing-foot { border-top-color: var(--border); }
[data-theme="light"] .sub-compare-section {
  background: var(--bg-card);
  backdrop-filter: none;
}
[data-theme="light"] .sub-compare-table th,
[data-theme="light"] .sub-compare-table td { border-bottom-color: var(--border); }
[data-theme="light"] .sub-compare-table thead th { background: var(--bg-elevated); }
[data-theme="light"] .sub-compare-row:hover { background: var(--surface-hover); }
[data-theme="light"] .sub-col-featured { background: rgba(59, 130, 246, 0.04); }
[data-theme="light"] .sub-th-tier--basic { background: var(--bg-elevated); color: var(--text-muted); }
[data-theme="light"] .sub-toast--fixed { box-shadow: var(--shadow-popover); }
[data-theme="light"] .sub-unlock-banner {
  background: linear-gradient(135deg, var(--bg-card) 0%, rgba(59, 130, 246, 0.08) 100%);
}
[data-theme="light"] .sub-unlock-dismiss:hover { background: var(--surface-hover); }
[data-theme="light"] .sub-wallet-btn:hover { background: rgba(59, 130, 246, 0.06); }
[data-theme="light"] .sub-hero-badge { color: #2563eb; background: rgba(59, 130, 246, 0.08); }
[data-theme="light"] .sub-stat-value--money { color: #2563eb; }
[data-theme="light"] .sub-pill--active { color: #16a34a; }
[data-theme="light"] .sub-toast--success { color: #15803d; }
[data-theme="light"] .sub-toast--error { color: #dc2626; }
[data-theme="light"] .bk-deposit-form-error { color: #dc2626; }
[data-theme="light"] .domain-modal-error { color: #dc2626; }
[data-theme="light"] .wallet-deposit-usd { color: #16a34a; }

[data-theme="light"] .bk-deposit-card,
[data-theme="light"] .bk-deposit-how,
[data-theme="light"] .bk-deposit-pay-card,
[data-theme="light"] .bk-deposit-qr-card,
[data-theme="light"] .wallet-stat-card,
[data-theme="light"] .wallet-deposit-card,
[data-theme="light"] .wallet-empty,
[data-theme="light"] .deposit-method,
[data-theme="light"] .deposit-pay-card,
[data-theme="light"] .deposit-qr-card {
  background: var(--bg-card);
}
[data-theme="light"] .bk-deposit-amount-field,
[data-theme="light"] .bk-deposit-address-row,
[data-theme="light"] .deposit-address,
[data-theme="light"] .deposit-address-wrap .deposit-address {
  background: var(--bg-elevated);
}
[data-theme="light"] .bk-deposit-step-icon { background: var(--bg-elevated); }
[data-theme="light"] .bk-deposit-coin { background: var(--bg-card); }

/* ── Mammoths / device-code workspace ── */
[data-theme="light"] .dcc-layout { background: var(--bg); }
[data-theme="light"] .dcc-sidebar {
  background: var(--bg-card);
  border-color: var(--border);
}
[data-theme="light"] .dcc-campaign-item:hover { background: var(--bg-elevated); }
[data-theme="light"] .dcc-code-display {
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.04);
}
[data-theme="light"] .dcc-ai-panel { background: var(--bg-elevated); }
[data-theme="light"] .ck-ws-tab:hover { background: var(--surface-hover); }
[data-theme="light"] .ck-ws-tab.active { background: rgba(59, 130, 246, 0.08); }
[data-theme="light"] .ck-info-item,
[data-theme="light"] .dcc-stat { background: var(--bg-card); }

/* ── Tools (TOTP / Generator) ── */
[data-theme="light"] .totp-card,
[data-theme="light"] .gen-output-card,
[data-theme="light"] .gen-settings,
[data-theme="light"] .gen-tabs { background: var(--bg-card); }
[data-theme="light"] .gen-icon-btn { background: var(--bg); }

/* ── Profile / integrations ── */
[data-theme="light"] .integration-card,
[data-theme="light"] .notify-card,
[data-theme="light"] .info-accordion .accordion-item { background: var(--bg-card); }
[data-theme="light"] .profile-select,
[data-theme="light"] .profile-input { background: var(--bg); }

/* ── Modals / wizards ── */
[data-theme="light"] .lure-wizard,
[data-theme="light"] .wizard-card,
[data-theme="light"] .template-card,
[data-theme="light"] .mode-option,
[data-theme="light"] .plan-option { background: var(--bg-card); }
[data-theme="light"] .select-field { background: var(--bg); }

/* ── Email sender (if used) ── */
[data-theme="light"] .smtp-profile-card,
[data-theme="light"] .email-result-row { background: var(--bg); }
[data-theme="light"] .email-sender-card { background: var(--bg-card); }

/* ── Admin extras ── */
[data-theme="light"] .admin-stat,
[data-theme="light"] .admin-card { background: var(--bg-card); }

/* ── Fidelio-specific panels ── */
[data-theme="light"] .plan-card,
[data-theme="light"] .kit-card { background: var(--bg-card); }
[data-theme="light"] .email-send-overlay { background: rgba(0, 0, 0, 0.35); }
[data-theme="light"] .email-send-panel { box-shadow: var(--shadow-modal); }

/* ── Misc shared ── */
[data-theme="light"] .section-nav { background: var(--bg-card); }
[data-theme="light"] .form-actions { border-top-color: var(--border); }
[data-theme="light"] .auth-card { background: var(--bg-card); }
[data-theme="light"] .confirm-card { background: var(--bg-card); }
[data-theme="light"] .empty-state { color: var(--text-dim); }