/* ============================================================
   ALP Light Theme Overrides — theme-light.css
   Corrects hardcoded rgba(255,255,255,X) / rgba(0,0,0,X) / #000
   surfaces that were baked in for dark-mode-only. Loaded last so
   these overrides win in the cascade.
   ============================================================ */

[data-theme='light'] {
  /* Bind shell surfaces (referenced via fallback vars in layout files) */
  --sidebar-bg:    #FFFFFF;
  --sidebar-shadow: 1px 0 0 var(--border-subtle);
  --header-bg:     rgba(255, 255, 255, 0.80);
  --header-shadow: 0 1px 0 var(--border-subtle);
  --drawer-bg:     #FFFFFF;
  --drawer-shadow: -12px 0 32px rgba(0, 0, 0, 0.12);
  --shadow-color:  rgba(0, 0, 0, 0.08);
}

/* ══════════════════════════════════════════════════════════════
   1. Sidebar accents (gold lines look wrong on paper)
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .sidebar::before {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.04) 0%, transparent 30%, transparent 70%, rgba(15, 23, 42, 0.02) 100%);
}
[data-theme='light'] .sidebar::after {
  background: linear-gradient(180deg, transparent, #E2E8F0, transparent);
}
[data-theme='light'] .sidebar-logo::after {
  background: linear-gradient(90deg, transparent, #CBD5E1, transparent);
}

/* Logo tile — slate on white sidebar (was warm-brown for dark theme).
   Keeps the brand $ mark visible without floating black rectangle. */
[data-theme='light'] .sidebar-logo-icon {
  background: linear-gradient(135deg, #1E293B, #0F172A);
  border: 1px solid #0F172A;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
[data-theme='light'] .sidebar-logo-symbol {
  color: #FFFFFF;
  text-shadow: none;
}
[data-theme='light'] .sidebar-logo-text {
  background: none;
  -webkit-background-clip: initial;
  background-clip: initial;
  -webkit-text-fill-color: var(--text-primary);
  color: var(--text-primary);
}
[data-theme='light'] .header::after {
  background: linear-gradient(90deg, transparent, #CBD5E1, transparent);
}

/* Sidebar nav — spec: hover bg-slate-100, active bg-slate-100 + slate-900
   text + 2px left rail. Text is flat slate, not the gold gradient the dark
   theme uses. */
[data-theme='light'] .sidebar-nav-section { padding: 6px 8px; }
[data-theme='light'] .sidebar-nav-label {
  color: #94A3B8;
  opacity: 1;
  font-weight: 700;
  letter-spacing: 0.14em;
}
[data-theme='light'] .sidebar-nav-label::before,
[data-theme='light'] .sidebar-nav-label::after {
  background: linear-gradient(90deg, transparent, #E2E8F0, transparent) !important;
}
[data-theme='light'] .sidebar-nav-item {
  color: #475569;
  transform: none !important;
}
[data-theme='light'] .sidebar-nav-item:hover {
  background: #F1F5F9;
  color: #0F172A;
  transform: none !important;
}
[data-theme='light'] .sidebar-nav-item:hover .nav-label {
  text-shadow: none;
}
[data-theme='light'] .sidebar-nav-item.active {
  background: #F1F5F9;
  color: #0F172A;
  box-shadow: none;
  font-weight: 600;
}
/* Kill the gold-gradient text on active — spec uses flat slate-900 */
[data-theme='light'] .sidebar-nav-item.active .nav-label {
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: #0F172A !important;
  color: #0F172A !important;
  text-shadow: none;
}
[data-theme='light'] .sidebar-nav-item.active::before {
  background: #0F172A;
  box-shadow: none;
  width: 3px;
}
[data-theme='light'] .sidebar-nav-item.active::after {
  border-color: transparent;
}
[data-theme='light'] .sidebar-logo-badge {
  color: #059669;
  background: rgba(16, 185, 129, 0.10);
  border-color: rgba(16, 185, 129, 0.28);
  box-shadow: 0 0 12px rgba(16, 185, 129, 0.10);
}
[data-theme='light'] .sidebar-role-pill-admin {
  background: rgba(15, 23, 42, 0.04);
  border-color: rgba(15, 23, 42, 0.08);
  color: var(--text-tertiary);
}

/* ══════════════════════════════════════════════════════════════
   2. Mobile menu / overlay
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .mobile-menu-btn {
  background: var(--bg-secondary);
  border-color: var(--border-primary);
  color: var(--text-primary);
  box-shadow: var(--shadow-xs);
}
[data-theme='light'] .mobile-menu-btn:hover {
  background: rgba(15, 23, 42, 0.08);
  border-color: #94A3B8;
  color: var(--accent-primary);
}
[data-theme='light'] .mobile-menu-btn.active {
  background: rgba(220, 38, 38, 0.10);
  border-color: rgba(220, 38, 38, 0.30);
  color: var(--color-danger);
}
[data-theme='light'] .mobile-overlay { background: rgba(15, 23, 42, 0.35); }
[data-theme='light'] .sidebar { box-shadow: var(--sidebar-shadow); }

/* ══════════════════════════════════════════════════════════════
   3. Global search dropdown
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .global-search-dropdown {
  background: rgba(255, 253, 247, 0.98);
  border-color: #CBD5E1;
  box-shadow: var(--shadow-xl), 0 0 0 1px rgba(15, 23, 42, 0.08);
}
[data-theme='light'] .gsd-section-label { color: #64748B; }
[data-theme='light'] .gsd-item:hover,
[data-theme='light'] .gsd-item.active { background: rgba(15, 23, 42, 0.06); }
[data-theme='light'] .gsd-divider { background: var(--border-primary); }
[data-theme='light'] .gsd-highlight {
  background: #CBD5E1;
  color: var(--accent-primary-hover);
}
[data-theme='light'] .gsd-item-shortcut { color: #94A3B8; }
[data-theme='light'] .gsd-spin { border-color: #CBD5E1; border-top-color: var(--accent-primary); }

/* ══════════════════════════════════════════════════════════════
   4. Danger dropdown
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .danger-count-badge {
  background: #ffffff;
  color: var(--color-danger);
  border-color: var(--color-danger);
  box-shadow: var(--shadow-sm);
}
[data-theme='light'] .danger-dropdown {
  background: var(--bg-elevated);
  border-color: rgba(220, 38, 38, 0.30);
  box-shadow: var(--shadow-lg), 0 0 0 3px rgba(220, 38, 38, 0.06);
}
[data-theme='light'] .danger-dd-header { border-bottom-color: var(--border-primary); }

/* ══════════════════════════════════════════════════════════════
   5. Header user / profile menu
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .header-user { border-left-color: var(--border-primary); }
[data-theme='light'] .header-profile-menu {
  background: var(--bg-elevated);
  border-color: var(--border-primary);
  box-shadow: var(--shadow-lg), 0 0 0 1px rgba(15, 23, 42, 0.06);
}

/* ══════════════════════════════════════════════════════════════
   6. Role badges — tone down glow, keep colored tint
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .role-badge-god {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.10), rgba(15, 23, 42, 0.06));
  color: var(--accent-primary-hover);
  border-color: #0F172A;
  box-shadow: 0 0 6px rgba(15, 23, 42, 0.10);
  text-shadow: none;
}
[data-theme='light'] .role-badge-super-admin {
  background: linear-gradient(135deg, rgba(124,58,237,0.14), rgba(124,58,237,0.05));
  color: #6d28d9;
  border-color: rgba(124,58,237,0.35);
  box-shadow: none;
}
[data-theme='light'] .sidebar-role-pill-god {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.10), rgba(15, 23, 42, 0.04));
  border-color: #CBD5E1;
  color: var(--accent-primary-hover);
  box-shadow: 0 0 8px rgba(15, 23, 42, 0.08);
}
[data-theme='light'] .sidebar-role-pill-super-admin {
  background: linear-gradient(135deg, rgba(124,58,237,0.12), rgba(124,58,237,0.04));
  border-color: rgba(124,58,237,0.28);
  color: #6d28d9;
}

/* ══════════════════════════════════════════════════════════════
   7. Buttons
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .btn::before {
  background: radial-gradient(circle at center, rgba(255,255,255,0.4), transparent 70%);
}
[data-theme='light'] .btn-primary {
  background: #0F172A;
  color: #FFFFFF;
  box-shadow: var(--shadow-sm);
}
[data-theme='light'] .btn-primary:hover {
  background: #1E293B;
  box-shadow: var(--shadow-md);
}
[data-theme='light'] .btn-secondary {
  background: var(--bg-secondary);
  border-color: var(--border-primary);
  color: var(--text-primary);
  box-shadow: var(--shadow-xs);
}
[data-theme='light'] .btn-secondary:hover {
  background: var(--bg-hover);
  border-color: #0F172A;
  box-shadow: var(--shadow-sm);
}
[data-theme='light'] .btn-danger {
  background: linear-gradient(135deg, #dc2626, #b91c1c);
  box-shadow: 0 2px 6px rgba(220, 38, 38, 0.25), inset 0 1px 0 rgba(255,255,255,0.20);
}
[data-theme='light'] .btn-ghost:hover {
  background: rgba(15, 23, 42, 0.08);
  border-color: #CBD5E1;
  color: var(--text-primary);
}

/* ══════════════════════════════════════════════════════════════
   8. Cards
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .card {
  box-shadow: var(--shadow-sm);
}
[data-theme='light'] .card:hover {
  border-color: #94A3B8;
  box-shadow: var(--shadow-md);
  background: var(--bg-secondary);
}
[data-theme='light'] .card::before {
  background: linear-gradient(90deg, transparent, #0F172A, transparent);
}

/* ══════════════════════════════════════════════════════════════
   9. Badges (colored chips need adjusted tints on white)
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .badge-success {
  background: rgba(22, 163, 74, 0.10);
  color: #15803d;
  border-color: rgba(22, 163, 74, 0.28);
  box-shadow: none;
}
[data-theme='light'] .badge-warning {
  background: rgba(217, 119, 6, 0.10);
  color: #b45309;
  border-color: rgba(217, 119, 6, 0.28);
  box-shadow: none;
}
[data-theme='light'] .badge-danger {
  background: rgba(220, 38, 38, 0.09);
  color: #b91c1c;
  border-color: rgba(220, 38, 38, 0.28);
  box-shadow: none;
}
[data-theme='light'] .badge-info {
  background: rgba(37, 99, 235, 0.09);
  color: #1d4ed8;
  border-color: rgba(37, 99, 235, 0.28);
  box-shadow: none;
}
[data-theme='light'] .badge-secondary {
  background: var(--bg-tertiary);
  color: var(--text-secondary);
  border-color: var(--border-primary);
}
[data-theme='light'] .badge-gold {
  background: rgba(15, 23, 42, 0.08);
  color: var(--accent-primary-hover);
  border-color: #94A3B8;
}
[data-theme='light'] .badge-muted {
  background: var(--bg-tertiary);
  color: var(--text-secondary);
  border-color: var(--border-primary);
}

/* ══════════════════════════════════════════════════════════════
   10. Inputs (dark rgba was invisible on white)
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .input,
[data-theme='light'] .select,
[data-theme='light'] .form-select,
[data-theme='light'] .textarea {
  background: var(--bg-input);
  border-color: var(--border-primary);
  box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.04);
}
[data-theme='light'] .input:hover,
[data-theme='light'] .select:hover,
[data-theme='light'] .form-select:hover,
[data-theme='light'] .textarea:hover {
  border-color: var(--border-hover);
  background: var(--bg-input);
}
[data-theme='light'] .input:focus,
[data-theme='light'] .select:focus,
[data-theme='light'] .form-select:focus,
[data-theme='light'] .textarea:focus {
  border-color: var(--accent-primary);
  background: var(--bg-input);
  box-shadow: 0 0 0 4px var(--accent-primary-ring), inset 0 1px 2px rgba(15, 23, 42, 0.04);
}
[data-theme='light'] .input:disabled,
[data-theme='light'] .select:disabled,
[data-theme='light'] .form-select:disabled,
[data-theme='light'] .textarea:disabled {
  background: var(--bg-tertiary);
}

/* Chevron for selects — darker stroke on light bg */
[data-theme='light'] .select,
[data-theme='light'] .form-select {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236a655a' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

/* Header search field */
[data-theme='light'] .header-search-input {
  background: var(--bg-tertiary);
  border-color: var(--border-primary);
}
[data-theme='light'] .header-search-input:focus {
  background: var(--bg-input);
}
[data-theme='light'] .header-search-shortcut {
  background: var(--bg-secondary);
  border-color: var(--border-primary);
  color: var(--text-tertiary);
}

/* Toggle switch */
[data-theme='light'] .toggle-slider {
  background-color: var(--bg-active);
  border-color: var(--border-primary);
}
[data-theme='light'] .toggle-slider:before {
  background-color: #ffffff;
  box-shadow: var(--shadow-xs);
}

/* ══════════════════════════════════════════════════════════════
   11. Tables
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .table-container {
  background: var(--bg-secondary);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
[data-theme='light'] .data-table th {
  background: #F8FAFC;                    /* slate-50 per spec */
  color: #475569;                         /* slate-600 */
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  border-bottom: 1px solid #E2E8F0;       /* slate-200 */
}
[data-theme='light'] .data-table td {
  border-bottom-color: #F1F5F9;           /* slate-100 hairline */
  background: #FFFFFF;
}
[data-theme='light'] .data-table tbody tr:hover td {
  background: #F8FAFC;                    /* slate-50 hover */
}

/* ══════════════════════════════════════════════════════════════
   12. Tabs
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .alp-tabs-bar {
  background: var(--bg-tertiary);
  border-color: var(--border-primary);
}
[data-theme='light'] .alp-tab:hover {
  color: var(--text-primary);
  background: var(--bg-hover);
}
[data-theme='light'] .alp-tab.active {
  background: var(--bg-secondary);
  color: var(--text-primary);
  box-shadow: var(--shadow-sm), 0 0 0 1px var(--border-primary);
}
[data-theme='light'] .alp-tab-pill {
  background: var(--bg-hover);
  color: var(--text-secondary);
}
[data-theme='light'] .alp-tab.active .alp-tab-pill {
  background: var(--accent-primary);
  color: #ffffff;
}
[data-theme='light'] .alp-tabs--compact > .alp-tabs-bar { border-bottom-color: var(--border-primary); }
[data-theme='light'] .alp-tabs--pill > .alp-tabs-bar {
  background: var(--bg-tertiary);
  border-color: var(--border-primary);
}

/* ══════════════════════════════════════════════════════════════
   13. Dropdown
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .alp-dropdown-trigger {
  background: var(--bg-input);
  border-color: var(--border-primary);
}
[data-theme='light'] .alp-dropdown-trigger:hover {
  background: var(--bg-hover);
  border-color: var(--border-hover);
}
[data-theme='light'] .alp-dropdown-menu {
  background: var(--bg-elevated);
  border-color: var(--border-primary);
  box-shadow: var(--shadow-lg);
}
[data-theme='light'] .alp-dropdown-item.selected {
  background: var(--accent-primary-muted);
  color: var(--accent-primary-hover);
}

/* ══════════════════════════════════════════════════════════════
   14. Callouts — kept as tinted panels
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .alp-callout--info    { background: rgba(37,99,235,0.06);   border-color: rgba(37,99,235,0.24);  color: #1d4ed8; }
[data-theme='light'] .alp-callout--warning { background: rgba(217,119,6,0.07);   border-color: rgba(217,119,6,0.28);  color: #b45309; }
[data-theme='light'] .alp-callout--danger  { background: rgba(220,38,38,0.06);   border-color: rgba(220,38,38,0.28);  color: #b91c1c; }
[data-theme='light'] .alp-callout--success { background: rgba(22,163,74,0.06);   border-color: rgba(22,163,74,0.28);  color: #15803d; }

/* ══════════════════════════════════════════════════════════════
   15. KV rows / stats / search / password / confirm
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .alp-kv { border-bottom-color: var(--border-subtle); }
[data-theme='light'] .alp-stat-card {
  border-color: var(--border-primary);
}
[data-theme='light'] .alp-stat-card:hover {
  box-shadow: var(--shadow-md);
}
[data-theme='light'] .alp-stat-delta--up   { background: rgba(22,163,74,0.12);  color: #15803d; }
[data-theme='light'] .alp-stat-delta--down { background: rgba(220,38,38,0.10);  color: #b91c1c; }
[data-theme='light'] .alp-stat-delta--flat { background: rgba(107,114,128,0.14); color: #4b5563; }

[data-theme='light'] .alp-search {
  background: var(--bg-input);
  border-color: var(--border-primary);
}
[data-theme='light'] .alp-search:focus-within {
  background: var(--bg-input);
  border-color: var(--accent-primary);
  box-shadow: 0 0 0 3px var(--accent-primary-ring);
}
[data-theme='light'] .alp-search-clear {
  background: var(--bg-tertiary);
  color: var(--text-secondary);
}
[data-theme='light'] .alp-search-clear:hover { background: var(--bg-hover); color: var(--text-primary); }
[data-theme='light'] .alp-search-count {
  background: var(--bg-tertiary);
  color: var(--text-tertiary);
}

[data-theme='light'] .alp-pass-input {
  background: var(--bg-input);
  border-color: var(--border-primary);
}
[data-theme='light'] .alp-pass-input:focus {
  border-color: var(--accent-primary);
  box-shadow: 0 0 0 3px var(--accent-primary-ring);
}
[data-theme='light'] .alp-pass-toggle {
  background: var(--bg-secondary);
  border-color: var(--border-primary);
  color: var(--text-tertiary);
}
[data-theme='light'] .alp-pass-toggle:hover { background: var(--bg-hover); color: var(--text-primary); }

[data-theme='light'] .alp-confirm-overlay { background: rgba(15, 23, 42,0.30); }
[data-theme='light'] .alp-confirm-modal {
  background: var(--bg-elevated);
  border-color: var(--border-primary);
  box-shadow: var(--shadow-xl);
}
[data-theme='light'] .alp-confirm-btn {
  background: var(--bg-secondary);
  color: var(--text-primary);
  border-color: var(--border-primary);
}
[data-theme='light'] .alp-confirm-btn:hover { background: var(--bg-hover); }

[data-theme='light'] .alp-empty-spinner {
  border-color: rgba(15, 23, 42,0.10);
  border-top-color: var(--accent-primary);
}

/* AlpTerminal — intentionally kept dark for terminal authenticity,
   but soften the border/shadow so it sits well on paper */
[data-theme='light'] .alp-term {
  border-color: var(--border-primary);
  box-shadow: var(--shadow-md);
}

/* ══════════════════════════════════════════════════════════════
   16. Modals / toasts / tooltips (from premium-components.css)
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .modal-overlay { background: rgba(15, 23, 42,0.35); }
[data-theme='light'] .modal-content {
  background: var(--bg-elevated);
  border-color: var(--border-primary);
  box-shadow: var(--shadow-xl), 0 0 0 1px rgba(15, 23, 42, 0.06);
}
[data-theme='light'] .modal-content::before {
  background: linear-gradient(90deg, transparent, #0F172A, transparent);
}
[data-theme='light'] .modal-header,
[data-theme='light'] .modal-footer { border-color: var(--border-primary); }
[data-theme='light'] .modal-close {
  background: var(--bg-tertiary);
  color: var(--text-secondary);
}
[data-theme='light'] .modal-close:hover {
  background: rgba(220,38,38,0.10);
  border-color: rgba(220,38,38,0.30);
  color: var(--color-danger);
}

[data-theme='light'] .toast {
  background: var(--bg-elevated);
  border-color: var(--border-primary);
  box-shadow: var(--shadow-lg);
}
[data-theme='light'] .toast-close:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}
[data-theme='light'] .toast.toast-success { border-color: rgba(22,163,74,0.32); }
[data-theme='light'] .toast.toast-error   { border-color: rgba(220,38,38,0.32); }
[data-theme='light'] .toast.toast-warning { border-color: rgba(217,119,6,0.32); }
[data-theme='light'] .toast.toast-info    { border-color: rgba(37,99,235,0.32); }

[data-theme='light'] .tooltip {
  background: #2a2620;
  color: #F8FAFC;
  border-color: #94A3B8;
  box-shadow: var(--shadow-md);
}
[data-theme='light'] .tooltip::before {
  background: #2a2620;
  border-color: #94A3B8;
}

/* Skeleton / progress / spinner */
[data-theme='light'] .progress-bar { background: var(--bg-tertiary); }
[data-theme='light'] .progress-bar-fill::after {
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.6), transparent);
}
[data-theme='light'] .skeleton {
  background: var(--bg-tertiary);
  background-image: linear-gradient(90deg, transparent, rgba(15, 23, 42,0.04), transparent);
}
[data-theme='light'] .skeleton-box {
  background: linear-gradient(90deg, rgba(15, 23, 42,0.03) 25%, rgba(15, 23, 42,0.07) 50%, rgba(15, 23, 42,0.03) 75%);
  background-size: 200% 100%;
}
[data-theme='light'] .spinner {
  border-color: rgba(15, 23, 42, 0.12);
  border-top-color: var(--accent-primary);
}

/* Chips / FAB / context menu */
[data-theme='light'] .chip {
  background: var(--bg-tertiary);
  border-color: var(--border-primary);
}
[data-theme='light'] .chip:hover {
  background: var(--bg-hover);
  border-color: #94A3B8;
}
[data-theme='light'] .context-menu {
  background: var(--bg-elevated);
  border-color: var(--border-primary);
  box-shadow: var(--shadow-lg);
}
[data-theme='light'] .context-menu-item:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}
[data-theme='light'] .stats-card {
  background: var(--bg-secondary);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  border-color: var(--border-primary);
  box-shadow: var(--shadow-sm);
}
[data-theme='light'] .stats-card:hover {
  border-color: #94A3B8;
  box-shadow: var(--shadow-md);
}

/* ══════════════════════════════════════════════════════════════
   17. Base — code, pre, blockquote
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] code {
  background: var(--bg-tertiary);
  color: var(--accent-primary-hover);
  border-color: var(--border-primary);
}
[data-theme='light'] pre {
  background: var(--bg-tertiary);
  color: var(--text-primary);
  border-color: var(--border-primary);
}
[data-theme='light'] ::selection { background-color: var(--accent-primary); color: #ffffff; }

/* ══════════════════════════════════════════════════════════════
   18. Sessions page — filter bar, cards, LEDs, view toggle, rows
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .filter-bar {
  background: var(--bg-secondary);
  border-color: var(--border-primary);
  box-shadow: var(--shadow-xs);
}
[data-theme='light'] .search-wrap {
  background: var(--bg-input);
  border-color: var(--border-primary);
}
[data-theme='light'] .search-wrap:focus-within {
  border-color: var(--accent-primary);
  box-shadow: 0 0 0 3px var(--accent-primary-ring);
}
[data-theme='light'] .filter-select {
  background-color: var(--bg-input);
  color: var(--text-secondary);
  border-color: var(--border-primary);
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236a655a' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
}
[data-theme='light'] .filter-select:focus {
  border-color: var(--accent-primary);
  color: var(--text-primary);
}
[data-theme='light'] .filter-bar .alp-dropdown-trigger {
  background: var(--bg-input);
  border-color: var(--border-primary);
  color: var(--text-secondary);
}
[data-theme='light'] .filter-bar .alp-dropdown-trigger:hover {
  background: var(--bg-hover);
  border-color: var(--border-hover);
  color: var(--text-primary);
}
[data-theme='light'] .filter-bar .alp-dropdown-menu {
  background: var(--bg-elevated);
  border-color: var(--border-primary);
  box-shadow: var(--shadow-lg);
}
[data-theme='light'] .bulk-select-bar {
  background: rgba(15, 23, 42, 0.06);
  border-color: #CBD5E1;
}
[data-theme='light'] .bs-count { color: var(--accent-primary-hover); }
[data-theme='light'] #toggle-select-mode-btn.active {
  background: rgba(15, 23, 42, 0.08);
  color: var(--accent-primary-hover);
  border-color: #94A3B8;
}

/* Session cards */
[data-theme='light'] .session-card {
  background: var(--bg-secondary);
  border-color: var(--border-primary);
  box-shadow: var(--shadow-sm);
}
[data-theme='light'] .session-card:hover {
  border-color: #94A3B8;
  box-shadow: var(--shadow-md);
}
[data-theme='light'] .session-card.is-online {
  box-shadow: var(--shadow-sm), 0 0 18px rgba(var(--site-color), 0.14), inset 0 0 10px rgba(var(--site-color), 0.05);
}
[data-theme='light'] .session-card.is-online:hover {
  box-shadow: var(--shadow-md), 0 0 28px rgba(var(--site-color), 0.22), inset 0 0 14px rgba(var(--site-color), 0.08);
}
[data-theme='light'] .card-checkbox {
  background: var(--bg-tertiary);
  border-color: var(--border-hover);
}
[data-theme='light'] .session-card.selected {
  border-color: #0F172A !important;
  background: rgba(15, 23, 42, 0.04);
  box-shadow: var(--shadow-md), 0 0 0 1px #CBD5E1 !important;
}
[data-theme='light'] .session-card.selected .card-checkbox {
  border-color: var(--accent-primary);
  background: var(--accent-primary);
}
[data-theme='light'] .session-card.selected .card-checkbox::after {
  color: #ffffff;
}
[data-theme='light'] .session-card-vid { color: var(--text-primary); }
[data-theme='light'] .session-card-stats {
  background: var(--bg-tertiary);
  border-top-color: var(--border-primary);
  border-bottom-color: var(--border-primary);
}
[data-theme='light'] .session-card-stat { border-right-color: var(--border-primary); }
[data-theme='light'] .session-card-stat-value { color: var(--text-primary); }
[data-theme='light'] .session-card-actions .btn {
  border-right-color: var(--border-primary);
}
[data-theme='light'] .session-card-actions .btn-outline {
  background: transparent;
  color: var(--text-secondary);
  border-right-color: var(--border-primary);
}
[data-theme='light'] .session-card-actions .btn-outline:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}
[data-theme='light'] .session-card-actions .btn-primary {
  background: rgba(15, 23, 42, 0.08);
  color: var(--accent-primary-hover);
  border-right-color: var(--border-primary);
}
[data-theme='light'] .session-card-actions .btn-primary:hover {
  background: rgba(15, 23, 42, 0.12);
  color: var(--accent-primary-hover);
}
[data-theme='light'] .session-card-actions .btn-danger { background: rgba(220,38,38,0.06); color: var(--color-danger); }
[data-theme='light'] .session-card-actions .btn-danger:hover { background: rgba(220,38,38,0.14); }
[data-theme='light'] .status-badge.online {
  color: #15803d;
  background: rgba(22, 163, 74, 0.10);
  border-color: rgba(22, 163, 74, 0.28);
}
[data-theme='light'] .status-badge.offline {
  color: var(--text-tertiary);
  background: var(--bg-tertiary);
  border-color: var(--border-primary);
}
[data-theme='light'] .status-badge.holding {
  color: #b45309;
  background: rgba(217, 119, 6, 0.10);
  border-color: rgba(217, 119, 6, 0.28);
}
[data-theme='light'] .badge-website {
  color: var(--accent-primary-hover);
  background: rgba(15, 23, 42, 0.08);
  border-color: #CBD5E1;
}
[data-theme='light'] .badge-formdata {
  color: #b45309;
  background: rgba(217, 119, 6, 0.10);
  border-color: rgba(217, 119, 6, 0.28);
}
[data-theme='light'] .avatar-flag-badge { background: rgba(255,255,255,0.85); backdrop-filter: blur(4px); }

/* IP badge (session card) */
[data-theme='light'] .ip-badge-box {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.06), rgba(15, 23, 42, 0.04));
  border-color: #CBD5E1;
}
[data-theme='light'] .ip-badge-box:hover {
  border-color: #0F172A;
  box-shadow: 0 0 16px rgba(15, 23, 42, 0.10);
}
[data-theme='light'] .ip-badge-icon {
  background: rgba(15, 23, 42, 0.10);
  color: var(--accent-primary-hover);
}
[data-theme='light'] .ip-badge-addr { color: var(--accent-primary-hover); }

/* Path box (session card) */
[data-theme='light'] .session-path-box {
  background: rgba(15, 23, 42, 0.06);
  border-color: #E2E8F0;
}
[data-theme='light'] .path-label { color: var(--accent-primary-hover); }
[data-theme='light'] .path-value { color: #334155; }

/* Referrer strip */
[data-theme='light'] .session-referrer-box {
  background: var(--bg-tertiary);
  border-color: var(--border-primary);
}

/* View toggle */
[data-theme='light'] .sess-view-toggle {
  background: var(--bg-tertiary);
  border-color: var(--border-primary);
}
[data-theme='light'] .sess-view-btn:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}
[data-theme='light'] .sess-view-btn.active {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.12), rgba(15, 23, 42, 0.06));
  color: var(--accent-primary-hover);
  border-color: #CBD5E1;
  box-shadow: var(--shadow-xs), inset 0 1px 0 rgba(15, 23, 42, 0.10);
}

/* Row view */
[data-theme='light'] .sess-rows-wrap {
  background: var(--bg-secondary);
  border-color: var(--border-primary);
  box-shadow: var(--shadow-sm);
}
[data-theme='light'] .sess-rows-table thead tr {
  background: linear-gradient(180deg, var(--bg-tertiary) 0%, transparent 100%);
  border-bottom-color: var(--border-primary);
}
[data-theme='light'] .sess-row {
  border-bottom-color: var(--border-subtle);
}
[data-theme='light'] .sess-row.sess-row-online:hover {
  background: rgba(15, 23, 42, 0.04);
}
[data-theme='light'] .sess-row.sess-row-holding {
  background: rgba(217, 119, 6, 0.04);
}
[data-theme='light'] .sess-row.sess-row-holding:hover { background: rgba(217, 119, 6, 0.07); }
[data-theme='light'] .sess-row.sess-row-warning {
  background: rgba(220, 38, 38, 0.03);
}
[data-theme='light'] .sess-row.sess-row-warning:hover { background: rgba(220, 38, 38, 0.06); }
[data-theme='light'] .sess-row-led.offline { background: #cfcabf; }
[data-theme='light'] .sess-row-btn {
  background: var(--bg-tertiary);
  border-color: var(--border-primary);
  color: var(--text-secondary);
}
[data-theme='light'] .sess-row-btn:hover {
  border-color: #0F172A;
  color: var(--accent-primary-hover);
  background: rgba(15, 23, 42, 0.08);
  box-shadow: 0 0 8px rgba(15, 23, 42, 0.08);
}

/* Session drawer body */
[data-theme='light'] .detail-body::-webkit-scrollbar-thumb { background: rgba(15, 23, 42,0.14); }
[data-theme='light'] .detail-close {
  background: var(--bg-tertiary);
  border-color: var(--border-primary);
  color: var(--text-secondary);
}
[data-theme='light'] .detail-close:hover { background: var(--bg-hover); color: var(--text-primary); }
[data-theme='light'] .detail-tabs { background: var(--bg-secondary); border-bottom-color: var(--border-primary); }
[data-theme='light'] .detail-tab { color: var(--text-tertiary); }
[data-theme='light'] .detail-tab:hover { color: var(--text-secondary); }
[data-theme='light'] .detail-tab.active { color: var(--accent-primary-hover); border-bottom-color: var(--accent-primary-hover); }
[data-theme='light'] .tab-badge {
  background: rgba(15, 23, 42, 0.10);
  color: var(--accent-primary-hover);
}
[data-theme='light'] .tab-badge.secondary {
  background: var(--bg-tertiary);
  color: var(--text-secondary);
}
[data-theme='light'] .detail-header { background: var(--bg-secondary); }
[data-theme='light'] .credential-box-view {
  background: var(--bg-tertiary);
  border-color: var(--border-primary);
}
[data-theme='light'] .detail-divider { background: var(--border-primary); }
[data-theme='light'] .detail-td-key,
[data-theme='light'] .detail-td-val { border-bottom-color: var(--border-subtle); }
[data-theme='light'] .detail-input {
  background: var(--bg-input);
  border-color: var(--border-primary);
}
[data-theme='light'] .detail-form-box { border-color: rgba(37,99,235,0.25); }
[data-theme='light'] .detail-form-hdr {
  background: rgba(37,99,235,0.06);
  border-bottom-color: rgba(37,99,235,0.14);
}
[data-theme='light'] .detail-form-hdr-l { color: #1d4ed8; }
[data-theme='light'] .timeline-url-detail { color: var(--text-primary); }

/* Copy buttons in drawer */
[data-theme='light'] .copy-btn-inline { color: var(--text-tertiary); }
[data-theme='light'] .copy-btn-inline:hover {
  background: var(--bg-hover);
  color: #1d4ed8;
}
[data-theme='light'] .copy-all-btn {
  background: var(--bg-tertiary);
  border-color: var(--border-primary);
  color: var(--text-secondary);
}
[data-theme='light'] .copy-all-btn:hover {
  background: rgba(37,99,235,0.08);
  border-color: rgba(37,99,235,0.30);
  color: #1d4ed8;
}

/* Redirect modal */
[data-theme='light'] .redirect-page-btn {
  background: var(--bg-secondary);
  border-color: var(--border-primary);
  box-shadow: var(--shadow-xs);
}
[data-theme='light'] .redirect-page-btn:hover {
  background: rgba(37,99,235,0.05);
  border-color: rgba(37,99,235,0.35);
  box-shadow: var(--shadow-sm);
}
[data-theme='light'] .redirect-page-name { color: var(--text-primary); }
[data-theme='light'] .redirect-page-url { color: var(--text-tertiary); }
[data-theme='light'] .redirect-divider { background: var(--border-primary); }
[data-theme='light'] .redirect-custom-input {
  background: var(--bg-input);
  border-color: var(--border-primary);
  color: var(--text-primary);
}
[data-theme='light'] .redirect-custom-input:focus { border-color: var(--accent-primary); }
[data-theme='light'] .redirect-context-banner {
  background: var(--bg-tertiary);
  border-color: var(--border-primary);
}
[data-theme='light'] .rctx-row + .rctx-row { border-top-color: var(--border-subtle); }
[data-theme='light'] .rctx-text strong { color: var(--text-primary); }
[data-theme='light'] .rctx-holding .rctx-text strong { color: #b45309; }
[data-theme='light'] .rctx-suggest .rctx-text strong { color: #15803d; }
[data-theme='light'] .rctx-badge {
  background: linear-gradient(135deg, #16a34a, #15803d);
}

/* Session detail overlay */
[data-theme='light'] .session-detail-overlay { background: rgba(15, 23, 42,0.32); }

/* ══════════════════════════════════════════════════════════════
   19. Demo-pages page
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .dp-info-banner {
  background: rgba(37,99,235,0.06);
  border-color: rgba(37,99,235,0.16);
}
[data-theme='light'] .dp-info-banner code {
  background: rgba(37,99,235,0.08);
  color: #1d4ed8;
}
[data-theme='light'] .dp-card {
  background: var(--bg-secondary);
  border-color: var(--border-primary);
  box-shadow: var(--shadow-sm);
}
[data-theme='light'] .dp-card:hover {
  border-color: rgba(37,99,235,0.32);
  box-shadow: var(--shadow-md);
}
[data-theme='light'] .dp-url-path {
  color: #1d4ed8;
  background: rgba(37,99,235,0.08);
}
[data-theme='light'] .dp-icon-btn {
  background: var(--bg-tertiary);
  border-color: var(--border-primary);
  color: var(--text-secondary);
}
[data-theme='light'] .dp-icon-btn:hover {
  background: var(--bg-hover);
  border-color: var(--border-hover);
  color: var(--text-primary);
}
[data-theme='light'] .dp-icon-btn.copied {
  background: rgba(22,163,74,0.10);
  color: #15803d;
  border-color: rgba(22,163,74,0.28);
}
[data-theme='light'] .dp-field-pill {
  background: var(--bg-tertiary);
  border-color: var(--border-primary);
  color: var(--text-secondary);
}
[data-theme='light'] .dp-card-actions { border-top-color: var(--border-subtle); }
[data-theme='light'] .dp-btn-edit   { background: rgba(37,99,235,0.10);  color: #1d4ed8; }
[data-theme='light'] .dp-btn-edit:hover  { background: rgba(37,99,235,0.18); }
[data-theme='light'] .dp-btn-open   { background: rgba(22,163,74,0.10);  color: #15803d; }
[data-theme='light'] .dp-btn-open:hover  { background: rgba(22,163,74,0.18); }
[data-theme='light'] .dp-btn-delete { background: rgba(220,38,38,0.08);  color: var(--color-danger); }
[data-theme='light'] .dp-btn-delete:hover { background: rgba(220,38,38,0.15); }
[data-theme='light'] .dp-modal-form input,
[data-theme='light'] .dp-modal-form select {
  background: var(--bg-input);
  border-color: var(--border-primary);
  color: var(--text-primary);
}
[data-theme='light'] .dp-modal-form input:focus,
[data-theme='light'] .dp-modal-form select:focus { border-color: var(--accent-primary); }
[data-theme='light'] .dp-modal-form select {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236a655a' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-color: var(--bg-input);
}
[data-theme='light'] .dp-modal-form select option { background: var(--bg-elevated); color: var(--text-primary); }
[data-theme='light'] .dp-file-manager {
  background: var(--bg-secondary);
  border-color: var(--border-primary);
  box-shadow: var(--shadow-sm);
}
[data-theme='light'] .dfm-upload-zone {
  border-color: rgba(37,99,235,0.30);
  background: rgba(37,99,235,0.03);
}
[data-theme='light'] .dfm-upload-zone:hover,
[data-theme='light'] .dfm-upload-zone.dragover {
  background: rgba(37,99,235,0.07);
}
[data-theme='light'] .dfm-file-item {
  background: var(--bg-tertiary);
  border-color: var(--border-primary);
}

/* ══════════════════════════════════════════════════════════════
   20. Cyber theme helpers
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .enterprise-terminal {
  background: #2a2620;
  color: #F8FAFC;
  border-color: var(--border-primary);
  box-shadow: var(--shadow-md);
}
[data-theme='light'] .enterprise-grid {
  background-image:
    linear-gradient(rgba(15, 23, 42, 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15, 23, 42, 0.04) 1px, transparent 1px);
}
[data-theme='light'] .enterprise-glow-hover:hover {
  border-color: #0F172A;
  box-shadow: var(--shadow-md), 0 0 0 1px rgba(15, 23, 42, 0.10);
}

/* ══════════════════════════════════════════════════════════════
   21. Ripple (dark ripple on light doesn't read)
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .ripple-container .ripple {
  background: rgba(15, 23, 42, 0.10);
}

/* ══════════════════════════════════════════════════════════════
   22. Scrollbars
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] ::-webkit-scrollbar-thumb {
  background: rgba(15, 23, 42, 0.18);
}
[data-theme='light'] ::-webkit-scrollbar-thumb:hover {
  background: rgba(15, 23, 42, 0.30);
}

/* ══════════════════════════════════════════════════════════════
   23. Loading rail — recolor for light
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .alp-rail__fill {
  background: linear-gradient(90deg, #0F172A, #334155 40%, #475569 70%, #0F172A);
  box-shadow: 0 0 8px rgba(15, 23, 42, 0.25);
}

/* ══════════════════════════════════════════════════════════════
   24. Page-content scan overlay
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .alp-page-loading::before {
  background: rgba(255, 253, 247, 0.40);
}

/* ══════════════════════════════════════════════════════════════
   25. Login page (styles are injected inline from login.js)
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .login-wrapper {
  background: linear-gradient(135deg, #F8FAFC 0%, #E2E8F0 50%, #F8FAFC 100%);
}
[data-theme='light'] .login-wrapper::before {
  background-image:
    linear-gradient(rgba(15, 23, 42,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15, 23, 42,0.035) 1px, transparent 1px);
  opacity: 0.7;
}
[data-theme='light'] .login-wrapper::after {
  background: radial-gradient(ellipse at 50% 0%, rgba(15, 23, 42, 0.10), transparent 60%);
}
[data-theme='light'] .login-shape {
  background: radial-gradient(circle, rgba(15, 23, 42, 0.10), transparent);
}
[data-theme='light'] .login-shape-3 {
  background: radial-gradient(circle, rgba(15, 23, 42, 0.06), transparent);
}
[data-theme='light'] .login-card {
  background: var(--bg-elevated);
  border-color: #CBD5E1;
  box-shadow: var(--shadow-xl), 0 0 30px rgba(15, 23, 42, 0.06);
}
[data-theme='light'] .login-card::before {
  background: linear-gradient(135deg, #0F172A, rgba(15, 23, 42, 0.10), transparent);
}
[data-theme='light'] .login-title {
  color: var(--text-primary);
  background: none;
  -webkit-text-fill-color: currentColor;
}
[data-theme='light'] .login-subtitle { color: var(--text-secondary); }
[data-theme='light'] .login-field label { color: var(--text-tertiary); }
[data-theme='light'] .login-input-wrap {
  background: var(--bg-input);
  border-color: var(--border-primary);
}
[data-theme='light'] .login-input-wrap:focus-within {
  border-color: #0F172A;
  box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.10);
  background: var(--bg-input);
}
[data-theme='light'] .login-input-wrap input {
  color: var(--text-primary);
}
[data-theme='light'] .login-btn {
  background: #0F172A;
  color: #FFFFFF;
  box-shadow: var(--shadow-sm);
}
[data-theme='light'] .login-btn:hover:not(:disabled) {
  background: #1E293B;
  box-shadow: var(--shadow-md);
}
[data-theme='light'] .login-remember-label { color: var(--text-tertiary); }
[data-theme='light'] .login-remember-box {
  border-color: var(--border-hover);
  background: var(--bg-tertiary);
}
[data-theme='light'] .login-remember-label:hover .login-remember-box {
  border-color: var(--accent-primary);
}
[data-theme='light'] .login-remember-label input:checked + .login-remember-box {
  background: var(--accent-primary);
  border-color: var(--accent-primary);
}
[data-theme='light'] .login-error {
  background: rgba(220,38,38,0.08);
  border-color: rgba(220,38,38,0.30);
  color: #b91c1c;
}
[data-theme='light'] .session-replaced-banner {
  background: rgba(217,119,6,0.08);
  border-color: rgba(217,119,6,0.35);
  color: #b45309;
}
[data-theme='light'] .session-replaced-banner strong { color: #92400e; }
[data-theme='light'] .admin-status-online {
  background: rgba(22,163,74,0.10);
  border-color: rgba(22,163,74,0.35);
  color: #15803d;
}
[data-theme='light'] .admin-status-offline {
  background: var(--bg-tertiary);
  border-color: var(--border-primary);
  color: var(--text-tertiary);
}
[data-theme='light'] .spin-dot {
  border-color: #94A3B8;
  border-top-color: var(--accent-primary);
}
[data-theme='light'] .login-footer p { color: var(--text-muted); }

/* ══════════════════════════════════════════════════════════════
   26. Settings page (JS-injected classes)
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .settings-back-btn {
  background: var(--bg-secondary);
  border-color: var(--border-primary);
  color: var(--text-secondary);
  box-shadow: var(--shadow-xs);
}
[data-theme='light'] .settings-back-btn:hover {
  background: rgba(15, 23, 42, 0.06);
  border-color: #0F172A;
  color: var(--accent-primary-hover);
}
[data-theme='light'] .form-input,
[data-theme='light'] .form-textarea,
[data-theme='light'] .form-select {
  background: var(--bg-input);
  border-color: var(--border-primary);
  color: var(--text-primary);
}
[data-theme='light'] .form-input:focus,
[data-theme='light'] .form-textarea:focus,
[data-theme='light'] .form-select:focus {
  border-color: var(--accent-primary);
  box-shadow: 0 0 0 3px var(--accent-primary-ring);
}
[data-theme='light'] .form-select {
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236a655a' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");
  background-color: var(--bg-input);
}
[data-theme='light'] .input-toggle-btn {
  background: var(--bg-secondary);
  border-color: var(--border-primary);
  color: var(--text-secondary);
}
[data-theme='light'] .input-toggle-btn:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}
[data-theme='light'] .toggle-row { border-bottom-color: var(--border-subtle); }
[data-theme='light'] .toggle-switch {
  background: var(--bg-active);
}
[data-theme='light'] .toggle-switch::after {
  background: #ffffff;
  box-shadow: var(--shadow-xs);
}
[data-theme='light'] .toggle-cb:checked + .toggle-switch { background: var(--color-success); }
[data-theme='light'] .btn-outline {
  background: transparent;
  color: var(--text-secondary);
  border-color: var(--border-primary);
}
[data-theme='light'] .btn-outline:hover {
  border-color: #0F172A;
  color: var(--accent-primary-hover);
}
[data-theme='light'] .btn-danger {
  background: rgba(220,38,38,0.10);
  color: var(--color-danger);
  border-color: rgba(220,38,38,0.25);
}
[data-theme='light'] .btn-danger:hover {
  background: rgba(220,38,38,0.18);
}
[data-theme='light'] .tg-help {
  background: rgba(37,99,235,0.06);
  border-color: rgba(37,99,235,0.16);
}
[data-theme='light'] .tg-help code {
  background: rgba(37,99,235,0.08);
  color: #1d4ed8;
}

/* Website cards */
[data-theme='light'] .website-card {
  background: var(--bg-secondary);
  border-color: var(--border-primary);
  box-shadow: var(--shadow-sm);
}
[data-theme='light'] .website-card:hover {
  box-shadow: var(--shadow-md);
}
[data-theme='light'] .website-logo-wrap {
  border-color: var(--border-primary);
  box-shadow: var(--shadow-xs);
}
[data-theme='light'] .website-name { color: var(--text-primary); }
[data-theme='light'] .website-slug-badge {
  color: var(--accent-primary-hover);
  background: rgba(15, 23, 42, 0.08);
  border-color: #CBD5E1;
}
[data-theme='light'] .website-slug-badge:hover {
  background: rgba(15, 23, 42, 0.12);
}
[data-theme='light'] .website-apikey-pill {
  background: var(--bg-tertiary);
  border-color: var(--border-primary);
  color: var(--text-secondary);
}
[data-theme='light'] .website-apikey-pill:hover {
  border-color: #94A3B8;
  color: var(--text-primary);
}
[data-theme='light'] .website-stat-item {
  background: var(--bg-tertiary);
  border-color: var(--border-primary);
}
[data-theme='light'] .website-stat-value { color: var(--text-primary); }
[data-theme='light'] .website-stat-value.active-count { color: #15803d; }
[data-theme='light'] .website-card-divider { background: var(--border-subtle); }
[data-theme='light'] .website-action-row { border-top-color: var(--border-primary); }
[data-theme='light'] .website-action-btn {
  border-right-color: var(--border-primary);
  color: var(--text-secondary);
}
[data-theme='light'] .website-action-btn:hover { background: var(--bg-hover); }
[data-theme='light'] .website-action-btn.code-btn:hover { color: var(--accent-primary-hover); }
[data-theme='light'] .website-action-btn.edit-btn:hover { color: #15803d; }
[data-theme='light'] .website-action-btn.delete-btn:hover { color: var(--color-danger); background: rgba(220,38,38,0.08); }
[data-theme='light'] .website-status-text.active { color: #15803d; }
[data-theme='light'] .website-empty-cta {
  border-color: #94A3B8;
  background: rgba(15, 23, 42, 0.04);
}
[data-theme='light'] .website-empty-cta:hover {
  border-color: #0F172A;
  background: rgba(15, 23, 42, 0.06);
}
[data-theme='light'] .website-empty-icon { color: #0F172A; }
[data-theme='light'] .website-empty-cta h3 { color: var(--text-primary); }
[data-theme='light'] .website-empty-cta-btn {
  background: #0F172A;
  color: #FFFFFF;
  box-shadow: var(--shadow-sm);
}

/* User cards */
[data-theme='light'] .user-card {
  background: var(--bg-secondary);
  border-color: var(--border-primary);
  box-shadow: var(--shadow-xs);
}
[data-theme='light'] .user-card:hover { border-color: #94A3B8; }
[data-theme='light'] .role-super_admin { background: rgba(220,38,38,0.10); color: var(--color-danger); }
[data-theme='light'] .role-admin       { background: rgba(15, 23, 42, 0.08); color: var(--accent-primary-hover); }
[data-theme='light'] .role-viewer      { background: rgba(107,114,128,0.12); color: var(--text-tertiary); }
[data-theme='light'] .role-select {
  background: var(--bg-input);
  border-color: var(--border-primary);
  color: var(--text-secondary);
}

/* Danger zone */
[data-theme='light'] .danger-card { border-color: rgba(220,38,38,0.24); }
[data-theme='light'] .danger-item { border-bottom-color: var(--border-subtle); }
[data-theme='light'] .danger-section .section-header { color: var(--color-danger); }

/* Infrastructure section */
[data-theme='light'] .infra-note {
  background: rgba(37,99,235,0.06);
  border-color: rgba(37,99,235,0.16);
}
[data-theme='light'] .infra-note-icon { color: #1d4ed8; }
[data-theme='light'] .infra-note-text code {
  background: rgba(37,99,235,0.08);
  color: #1d4ed8;
}
[data-theme='light'] .provider-pill {
  background: var(--bg-secondary);
  border-color: var(--border-primary);
}
[data-theme='light'] .provider-pill:hover {
  border-color: #0F172A;
  background: rgba(15, 23, 42, 0.04);
}
[data-theme='light'] .provider-pill.active {
  border-color: var(--accent-primary);
  background: rgba(15, 23, 42, 0.06);
  box-shadow: 0 0 0 1px #CBD5E1, var(--shadow-sm);
}
[data-theme='light'] .provider-pill-icon {
  background: var(--bg-tertiary);
  color: var(--text-secondary);
}
[data-theme='light'] .provider-pill.active .provider-pill-icon {
  background: rgba(15, 23, 42, 0.10);
  color: var(--accent-primary-hover);
}
[data-theme='light'] .provider-pill-check {
  border-color: var(--border-primary);
}
[data-theme='light'] .provider-pill.active .provider-pill-check {
  background: var(--accent-primary);
  border-color: var(--accent-primary);
  color: #ffffff;
}
[data-theme='light'] .infra-provider-dot.unconfigured { background: var(--bg-active); }
[data-theme='light'] .source-badge.env  { background: rgba(37,99,235,0.10);  color: #1d4ed8; border-color: rgba(37,99,235,0.28); }
[data-theme='light'] .source-badge.db   { background: rgba(22,163,74,0.10);  color: #15803d; border-color: rgba(22,163,74,0.28); }
[data-theme='light'] .source-badge.none { background: rgba(220,38,38,0.08);  color: var(--color-danger); border-color: rgba(220,38,38,0.22); }
[data-theme='light'] .infra-panel-fields { border-top-color: var(--border-primary); }
[data-theme='light'] .test-ok  { color: #15803d; }
[data-theme='light'] .test-err { color: var(--color-danger); }

/* ══════════════════════════════════════════════════════════════
   27. Common patterns injected across many pages
   ══════════════════════════════════════════════════════════════ */
/* Common muted panels — many pages inject rgba(255,255,255,0.02-0.05) */
[data-theme='light'] .empty-state h3 { color: var(--text-primary); }
[data-theme='light'] .empty-state p { color: var(--text-tertiary); }

/* Page titles / subtitles common across many pages */
[data-theme='light'] .page-title { color: var(--text-primary); }
[data-theme='light'] .page-subtitle { color: var(--text-secondary); }

/* Live indicator (sessions header) */
[data-theme='light'] .live-indicator {
  color: #15803d;
  background: rgba(22,163,74,0.10);
  border-color: rgba(22,163,74,0.28);
}

/* ══════════════════════════════════════════════════════════════
   28. VPS Control Center — cards, metrics, actions, dropdown
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .vps2-card {
  background: var(--bg-secondary);
  border-color: var(--border-primary);
  box-shadow: var(--shadow-sm);
}
[data-theme='light'] .vps2-card:hover {
  border-color: rgba(20,184,166,.45);
  box-shadow: var(--shadow-md);
}
[data-theme='light'] .vps2-card::before {
  background: linear-gradient(90deg,transparent,rgba(20,184,166,.55) 50%,transparent);
}
[data-theme='light'] .vps2-card--panel {
  border-color: #0F172A;
  box-shadow: var(--shadow-sm);
}
[data-theme='light'] .vps2-card--panel::before {
  background: linear-gradient(90deg,transparent,#94A3B8 50%,transparent);
}
[data-theme='light'] .vps2-card--panel:hover {
  border-color: #0F172A;
  box-shadow: var(--shadow-md);
}
[data-theme='light'] .vps2-card--warn {
  border-color: rgba(217,119,6,.45);
  box-shadow: var(--shadow-sm);
}
[data-theme='light'] .vps2-card--warn::before {
  background: linear-gradient(90deg,transparent,rgba(217,119,6,.70) 50%,transparent);
}
[data-theme='light'] .vps2-card--down {
  background: linear-gradient(160deg,rgba(254,242,242,.98),rgba(254,226,226,.55));
  border-color: rgba(220,38,38,.35);
  box-shadow: var(--shadow-sm);
}
[data-theme='light'] .vps2-card--down::before {
  background: linear-gradient(90deg,transparent,rgba(220,38,38,.65) 50%,transparent);
}
[data-theme='light'] .vps2-card--down:hover {
  border-color: rgba(220,38,38,.55);
  box-shadow: var(--shadow-md);
}
[data-theme='light'] .vps2-card-hdr {
  border-bottom-color: var(--border-subtle);
  background: transparent;
}
[data-theme='light'] .vps2-card--panel .vps2-card-hdr {
  background: linear-gradient(135deg,rgba(15, 23, 42, 0.06),rgba(15, 23, 42, 0.02));
}
[data-theme='light'] .vps2-card-hdr:not(.vps2-card--panel-hdr) {
  background: linear-gradient(135deg,rgba(20,184,166,.05),rgba(59,130,246,.03));
}
[data-theme='light'] .vps2-card-icon {
  background: rgba(20,184,166,.10);
  border-color: rgba(20,184,166,.25);
}
[data-theme='light'] .vps2-card--panel .vps2-card-icon {
  background: rgba(15, 23, 42, 0.08);
  border-color: #CBD5E1;
}
[data-theme='light'] .vps2-card--down .vps2-card-icon {
  background: rgba(220,38,38,.10);
  border-color: rgba(220,38,38,.28);
}
[data-theme='light'] .vps2-card-host { color: var(--text-primary); }
[data-theme='light'] .vps2-card-meta { color: var(--text-tertiary); }
[data-theme='light'] .vps2-card-remove-btn {
  color: var(--color-danger);
  border-color: rgba(220,38,38,.25);
}
[data-theme='light'] .vps2-card-remove-btn:hover {
  background: rgba(220,38,38,.10);
  color: #b91c1c;
}

/* Badges within VPS cards */
[data-theme='light'] .vps2-badge--panel {
  background: rgba(15, 23, 42, 0.08);
  color: var(--accent-primary-hover);
  border-color: #CBD5E1;
}
[data-theme='light'] .vps2-badge--up {
  background: rgba(22,163,74,.10);
  color: #15803d;
  border-color: rgba(22,163,74,.28);
}
[data-theme='light'] .vps2-badge--down {
  background: rgba(220,38,38,.09);
  color: #b91c1c;
  border-color: rgba(220,38,38,.28);
}
[data-theme='light'] .vps2-badge--warn {
  background: rgba(217,119,6,.10);
  color: #b45309;
  border-color: rgba(217,119,6,.28);
}
[data-theme='light'] .vps2-badge--muted {
  background: var(--bg-tertiary);
  color: var(--text-tertiary);
  border-color: var(--border-primary);
}
[data-theme='light'] .vps2-badge--provider {
  background: rgba(99,102,241,.08);
  color: #4338ca;
  border-color: rgba(99,102,241,.28);
}

/* Metrics grid */
[data-theme='light'] .vps2-metrics {
  background: rgba(0,0,0,.02);
  border-bottom-color: var(--border-subtle);
}
[data-theme='light'] .vps2-metric {
  background: var(--bg-primary);
  border: 1px solid var(--border-subtle);
}
[data-theme='light'] .vps2-metric-lbl { color: var(--text-tertiary); }
[data-theme='light'] .vps2-metric-val { color: var(--text-primary); }
[data-theme='light'] .vps2-metric-bar { background: rgba(0,0,0,.06); }

/* Action buttons */
[data-theme='light'] .vps2-act-btn {
  background: var(--bg-secondary);
  color: var(--text-secondary);
  border-color: var(--border-primary);
}
[data-theme='light'] .vps2-act-btn:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}
[data-theme='light'] .vps2-act-btn.danger {
  color: var(--color-danger);
  border-color: rgba(220,38,38,.28);
}
[data-theme='light'] .vps2-act-btn.danger:hover {
  background: rgba(220,38,38,.08);
}
[data-theme='light'] .vps2-act-btn.primary {
  color: var(--accent-primary-hover);
  border-color: #94A3B8;
}
[data-theme='light'] .vps2-act-btn.primary:hover {
  background: rgba(15, 23, 42, 0.08);
}
[data-theme='light'] .vps2-act-btn.warning {
  color: #b45309;
  border-color: rgba(217,119,6,.30);
}
[data-theme='light'] .vps2-act-btn.warning:hover {
  background: rgba(217,119,6,.10);
}

/* Sites table inside VPS card */
[data-theme='light'] .vps2-sites-tbl th { color: var(--text-tertiary); border-bottom-color: var(--border-subtle); }
[data-theme='light'] .vps2-sites-tbl td { color: var(--text-primary); border-bottom-color: var(--border-subtle); }
[data-theme='light'] .vps2-sites-tbl tr:hover td { background: rgba(0,0,0,.02); }
[data-theme='light'] .vps2-site-slug { color: #4338ca; }

/* Sites row Actions dropdown */
[data-theme='light'] .vps2-site-menu > summary {
  background: var(--bg-tertiary);
  color: var(--text-secondary);
  border-color: var(--border-primary);
}
[data-theme='light'] .vps2-site-menu > summary:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}
[data-theme='light'] .vps2-site-menu[open] > summary {
  background: rgba(20,184,166,.10);
  border-color: rgba(20,184,166,.35);
  color: #0f766e;
}
[data-theme='light'] .vps2-site-menu-panel {
  background: var(--bg-elevated);
  border-color: var(--border-primary);
  box-shadow: var(--shadow-lg);
}

/* Add-VPS split menu */
[data-theme='light'] #vps2-add-menu {
  background: var(--bg-elevated);
  border-color: #CBD5E1;
  box-shadow: var(--shadow-lg);
}
[data-theme='light'] .vps2-add-item {
  color: var(--text-primary);
  border-bottom-color: var(--border-subtle);
}
[data-theme='light'] .vps2-add-item:hover { background: var(--bg-hover); }

/* ══════════════════════════════════════════════════════════════
   29. Dashboard — hero stats, charts, activity, infra grid
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .dashboard-page .stat-card,
[data-theme='light'] .dashboard-page .chart-card,
[data-theme='light'] .dashboard-page .activity-card,
[data-theme='light'] .dashboard-page .infra-section {
  background: var(--bg-secondary);
  border: 1px solid var(--border-primary);
  box-shadow: var(--shadow-sm);
  color: var(--text-primary);
}
[data-theme='light'] .dashboard-page .stat-card:hover,
[data-theme='light'] .dashboard-page .chart-card:hover,
[data-theme='light'] .dashboard-page .activity-card:hover {
  border-color: #CBD5E1;
  box-shadow: var(--shadow-md);
}
[data-theme='light'] .dashboard-page .stat-value,
[data-theme='light'] .dashboard-page .chart-header,
[data-theme='light'] .dashboard-page .card-header,
[data-theme='light'] .dashboard-page .infra-title,
[data-theme='light'] .dashboard-page .activity-item-title { color: var(--text-primary); }
[data-theme='light'] .dashboard-page .stat-label,
[data-theme='light'] .dashboard-page .activity-item-meta,
[data-theme='light'] .dashboard-page .activity-item-time,
[data-theme='light'] .dashboard-page .activity-item-content,
[data-theme='light'] .dashboard-page .infra-tile-label { color: var(--text-tertiary); }
[data-theme='light'] .dashboard-page .infra-header { border-bottom-color: var(--border-subtle); }
[data-theme='light'] .dashboard-page .infra-tile {
  background: var(--bg-tertiary);
  border: 1px solid var(--border-primary);
  color: var(--text-primary);
}
[data-theme='light'] .dashboard-page .infra-tile:hover {
  background: var(--bg-hover);
  border-color: #CBD5E1;
}
[data-theme='light'] .dashboard-page .infra-tile-value { color: var(--text-primary); }
[data-theme='light'] .dashboard-page .activity-item {
  background: var(--bg-tertiary);
  border-color: var(--border-subtle);
}
[data-theme='light'] .dashboard-page .activity-item:hover { background: var(--bg-hover); }
[data-theme='light'] .dashboard-page .activity-item-icon {
  background: rgba(15, 23, 42, 0.08);
  color: var(--accent-primary-hover);
}
[data-theme='light'] .dashboard-page .chart-body { background: transparent; }

/* ══════════════════════════════════════════════════════════════
   30. Demo Pages "Vault" (hero + site cards, search, panels)
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .dp-hero,
[data-theme='light'] .dp-panel,
[data-theme='light'] .dp-panel-inner {
  background: var(--bg-secondary);
  border-color: var(--border-primary);
  box-shadow: var(--shadow-sm);
  color: var(--text-primary);
}
[data-theme='light'] .dp-header,
[data-theme='light'] .dp-header-left,
[data-theme='light'] .dp-header-actions { color: var(--text-primary); background: transparent; }

/* ── Premium "Vault" hero — the ONE place gold lives in light mode.
   Uses spec's Premium palette (--premium-*, --gradient-premium).           */
[data-theme='light'] .dp-header--gold {
  background: var(--premium-bg) !important;
  border: 1px solid var(--premium-border) !important;
  box-shadow: var(--shadow-sm) !important;
}
[data-theme='light'] .dp-header--gold::before {
  background: var(--gradient-premium) !important;
  opacity: 1 !important;
}
[data-theme='light'] .dp-header-eyebrow {
  color: var(--premium-text) !important;
  background: rgba(217, 119, 6, 0.10) !important;
  border-color: var(--premium-border) !important;
}
[data-theme='light'] .dp-header-eyebrow-dot {
  background: var(--gold-500) !important;
  box-shadow: 0 0 6px rgba(217, 119, 6, 0.35) !important;
}
[data-theme='light'] .dp-title--gold {
  background: var(--gradient-premium) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
[data-theme='light'] .dp-title-glyph {
  color: var(--gold-500) !important;
  -webkit-text-fill-color: var(--gold-500) !important;
}
[data-theme='light'] .dp-title-count {
  color: var(--premium-text) !important;
  -webkit-text-fill-color: var(--premium-text) !important;
  background: rgba(217, 119, 6, 0.10) !important;
  border-color: var(--premium-border) !important;
}
[data-theme='light'] .dp-subtitle--gold {
  color: var(--text-secondary) !important;
}
[data-theme='light'] .dp-subtitle--gold > span:first-child,
[data-theme='light'] .dp-subtitle--gold #dp-hero-live-count {
  color: var(--color-success) !important;
}
[data-theme='light'] .dp-subtitle--gold #dp-hero-off-count {
  color: var(--text-muted) !important;
}
[data-theme='light'] .dp-subtitle-sep { color: var(--text-tertiary) !important; }

/* Premium hero buttons — spec's upgrade-CTA gradient */
[data-theme='light'] .dp-btn-hero--gold {
  background: var(--gradient-premium) !important;
  color: #FFFFFF !important;
  border-color: var(--gold-600) !important;
  box-shadow: var(--shadow-sm) !important;
}
[data-theme='light'] .dp-btn-hero--gold:hover {
  box-shadow: var(--shadow-md) !important;
  filter: brightness(1.03);
}
[data-theme='light'] .dp-btn-ghost--gold {
  color: var(--premium-text) !important;
  background: var(--premium-bg) !important;
  border-color: var(--premium-border) !important;
}
[data-theme='light'] .dp-btn-ghost--gold:hover {
  color: var(--gold-600) !important;
  background: rgba(217, 119, 6, 0.10) !important;
  border-color: var(--gold-500) !important;
}
[data-theme='light'] .dp-btn-ghost--ai {
  color: #6d28d9 !important;
  background: rgba(139,92,246,0.10) !important;
  border-color: rgba(109,40,217,0.30) !important;
}
[data-theme='light'] .dp-btn-ghost--ai:hover {
  color: #5b21b6 !important;
  background: rgba(139,92,246,0.18) !important;
  border-color: rgba(109,40,217,0.50) !important;
}
[data-theme='light'] .dp-hero-code {
  background: var(--bg-tertiary);
  border-color: var(--border-primary);
  color: var(--accent-primary-hover);
}
[data-theme='light'] .dp-hero-stat,
[data-theme='light'] .dp-hero-badge {
  background: rgba(15, 23, 42, 0.06);
  color: var(--accent-primary-hover);
  border-color: #CBD5E1;
}
[data-theme='light'] .dp-search-bar-wrap,
[data-theme='light'] .dp-search-bar-inner {
  background: var(--bg-input);
  border-color: var(--border-primary);
}
[data-theme='light'] .dp-search-input { background: transparent; color: var(--text-primary); }
[data-theme='light'] .dp-search-clear,
[data-theme='light'] .dp-search-count {
  background: var(--bg-tertiary);
  color: var(--text-tertiary);
}
[data-theme='light'] .dp-drop-zone {
  background: rgba(37,99,235,.03);
  border-color: rgba(37,99,235,.28);
  color: var(--text-secondary);
}
[data-theme='light'] .dp-drop-zone:hover {
  background: rgba(37,99,235,.07);
  border-color: rgba(37,99,235,.45);
}
[data-theme='light'] .dp-drop-icon-wrap {
  background: rgba(37,99,235,.10);
  color: #1d4ed8;
}
/* Active site card — the dark-mode source uses inline !important gradients
   built from the site's brand color. Override with !important to win. */
[data-theme='light'] .dp-site-card {
  background: linear-gradient(160deg, #ffffff 0%, rgba(var(--sc-r,168),var(--sc-g,134),var(--sc-b,42),.04) 100%) !important;
  border-color: rgba(var(--sc-r,168),var(--sc-g,134),var(--sc-b,42),.42) !important;
  box-shadow: var(--shadow-sm), 0 0 14px rgba(var(--sc-r,168),var(--sc-g,134),var(--sc-b,42),.08) !important;
  color: var(--text-primary) !important;
}
[data-theme='light'] .dp-site-card:hover {
  border-color: rgba(var(--sc-r,168),var(--sc-g,134),var(--sc-b,42),.75) !important;
  box-shadow: var(--shadow-md), 0 0 22px rgba(var(--sc-r,168),var(--sc-g,134),var(--sc-b,42),.16) !important;
}
[data-theme='light'] .dp-site-card-glow {
  background: radial-gradient(circle at 50% 0%, rgba(var(--sc-r,168),var(--sc-g,134),var(--sc-b,42),.10) 0%, transparent 70%) !important;
}
[data-theme='light'] .dp-site-card:hover .dp-site-card-glow {
  background: radial-gradient(circle at 50% 0%, rgba(var(--sc-r,168),var(--sc-g,134),var(--sc-b,42),.18) 0%, transparent 70%) !important;
}
[data-theme='light'] .dp-site-card-bar {
  background: linear-gradient(90deg, transparent, rgba(var(--sc-r,168),var(--sc-g,134),var(--sc-b,42),.85) 50%, transparent) !important;
}
[data-theme='light'] .dp-site-card-nav {
  background: rgba(15, 23, 42,.03) !important;
  border-bottom-color: var(--border-subtle) !important;
}
[data-theme='light'] .dp-site-card-body,
[data-theme='light'] .dp-site-card-foot { background: transparent; color: var(--text-primary); }
[data-theme='light'] .dp-site-card-foot { border-top: 1px solid var(--border-subtle); color: var(--text-tertiary); }
[data-theme='light'] .dp-site-card:hover .dp-site-card-foot { color: var(--accent-primary-hover) !important; }

/* Site name — the source uses a light-yellow gradient title that's invisible
   on white. Force dark ink on paper. */
[data-theme='light'] .dp-site-card .dp-site-card-name,
[data-theme='light'] .dp-site-card [class*="site-name"],
[data-theme='light'] .dp-site-card h2,
[data-theme='light'] .dp-site-card h3 {
  color: var(--text-primary) !important;
  background: none !important;
  -webkit-text-fill-color: var(--text-primary) !important;
  text-shadow: none !important;
}

/* Disabled state — swap dark-red for a soft-red paper tint */
[data-theme='light'] .dp-site-card--disabled {
  background: linear-gradient(160deg, #fef7f7 0%, rgba(254,226,226,.55) 100%) !important;
  border-color: rgba(220,38,38,.32) !important;
  box-shadow: var(--shadow-sm), 0 0 14px rgba(220,38,38,.10) !important;
}
[data-theme='light'] .dp-site-card--disabled:hover {
  border-color: rgba(220,38,38,.55) !important;
  box-shadow: var(--shadow-md), 0 0 22px rgba(220,38,38,.18) !important;
}
[data-theme='light'] .dp-site-card--disabled .dp-site-card-glow {
  background: radial-gradient(circle at 50% 0%, rgba(220,38,38,.10) 0%, transparent 70%) !important;
}
[data-theme='light'] .dp-site-card--disabled .dp-site-card-bar {
  background: linear-gradient(90deg, transparent, rgba(220,38,38,.60) 50%, transparent) !important;
}
[data-theme='light'] .dp-site-card--disabled .dp-site-card-nav {
  background: rgba(220,38,38,.04) !important;
}

/* Toggle Activate/Deactivate pill */
[data-theme='light'] .dp-site-card-toggle--on {
  background: rgba(22,163,74,.10) !important;
  color: #15803d !important;
  border-color: rgba(22,163,74,.32) !important;
}
[data-theme='light'] .dp-site-card-toggle--on:hover {
  background: rgba(220,38,38,.10) !important;
  color: #b91c1c !important;
  border-color: rgba(220,38,38,.32) !important;
  box-shadow: 0 0 8px rgba(220,38,38,.15) !important;
}
[data-theme='light'] .dp-site-card-toggle--off {
  background: rgba(220,38,38,.10) !important;
  color: #b91c1c !important;
  border-color: rgba(220,38,38,.32) !important;
}
[data-theme='light'] .dp-site-dot.on { background: #16a34a !important; box-shadow: 0 0 8px rgba(22,163,74,.5) !important; }
[data-theme='light'] .dp-site-dot.off { background: #94a3b8 !important; }
[data-theme='light'] .dp-nav-lbl--on { color: #15803d !important; }
[data-theme='light'] .dp-nav-lbl--off { color: var(--text-tertiary) !important; }
[data-theme='light'] .dp-add-btn,
[data-theme='light'] .dp-btn-hero {
  background: #0F172A;
  color: #FFFFFF;
  border-color: transparent;
  box-shadow: var(--shadow-sm);
}
[data-theme='light'] .dp-btn-ghost,
[data-theme='light'] .dp-pick-btn,
[data-theme='light'] .dp-open-domain-btn {
  background: var(--bg-tertiary);
  border-color: var(--border-primary);
  color: var(--text-secondary);
}
[data-theme='light'] .dp-btn-ghost:hover,
[data-theme='light'] .dp-pick-btn:hover,
[data-theme='light'] .dp-open-domain-btn:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}
[data-theme='light'] .dp-nav-lbl,
[data-theme='light'] .dp-page-pill-dot { color: var(--text-tertiary); }
[data-theme='light'] .dp-fp-header,
[data-theme='light'] .dp-fp-chips,
[data-theme='light'] .dp-fp-chip {
  background: var(--bg-tertiary);
  border-color: var(--border-primary);
  color: var(--text-secondary);
}
[data-theme='light'] .dp-fp-count { color: var(--accent-primary-hover); }
[data-theme='light'] .dp-fp-skip { color: var(--text-tertiary); }

/* ══════════════════════════════════════════════════════════════
   31. Page Registry (First Navigator Bank detail page)
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .dp-card-head { background: var(--bg-tertiary); border-bottom-color: var(--border-subtle); }
[data-theme='light'] .dp-card-name { color: var(--text-primary); }
[data-theme='light'] .dp-card-mini-stats,
[data-theme='light'] .dp-mini-stat,
[data-theme='light'] .dp-analytics-stat {
  background: var(--bg-tertiary);
  border-color: var(--border-primary);
  color: var(--text-secondary);
}
[data-theme='light'] .dp-url-row {
  background: var(--bg-tertiary);
  border-color: var(--border-primary);
}
[data-theme='light'] .dp-fields-label { color: var(--text-tertiary); }
[data-theme='light'] .dp-fields-row {
  background: var(--bg-tertiary);
  border-top-color: var(--border-subtle);
}
[data-theme='light'] .dp-orphan-item {
  background: rgba(220,38,38,.06);
  border-color: rgba(220,38,38,.28);
  color: #b91c1c;
}
[data-theme='light'] .dp-orphan-delete-btn {
  background: rgba(220,38,38,.10);
  color: var(--color-danger);
  border-color: rgba(220,38,38,.28);
}
[data-theme='light'] .dp-orphan-delete-btn:hover { background: rgba(220,38,38,.18); }
[data-theme='light'] .dp-type-badge {
  background: rgba(15, 23, 42, 0.08);
  color: var(--accent-primary-hover);
  border-color: #CBD5E1;
}
[data-theme='light'] .dp-preview-size-btn,
[data-theme='light'] .dp-banner-btn,
[data-theme='light'] .dp-btn {
  background: var(--bg-secondary);
  border-color: var(--border-primary);
  color: var(--text-secondary);
}
[data-theme='light'] .dp-preview-size-btn:hover,
[data-theme='light'] .dp-banner-btn:hover,
[data-theme='light'] .dp-btn:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}
[data-theme='light'] .dp-bulk-count { color: var(--accent-primary-hover); }
[data-theme='light'] .dp-bulk-action-btn {
  background: var(--bg-secondary);
  border-color: var(--border-primary);
  color: var(--text-secondary);
}
[data-theme='light'] .dp-bulk-action-btn:hover { background: var(--bg-hover); color: var(--text-primary); }
[data-theme='light'] .dp-bulk-checkbox {
  background: var(--bg-input);
  border-color: var(--border-primary);
}
[data-theme='light'] .dp-empty { color: var(--text-tertiary); }

/* ══════════════════════════════════════════════════════════════
   32. Funnel Builder page
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .funnel-page,
[data-theme='light'] .funnel-container {
  background: transparent;
  color: var(--text-primary);
}
[data-theme='light'] .funnel-instructions {
  background: var(--bg-secondary);
  border: 1px solid var(--border-primary);
  color: var(--text-secondary);
  box-shadow: var(--shadow-xs);
}
[data-theme='light'] .funnel-instructions strong { color: var(--text-primary); }
[data-theme='light'] .info-icon { color: #1d4ed8; }
[data-theme='light'] .info-text { color: var(--text-secondary); }
[data-theme='light'] .funnel-flow-card {
  background: var(--bg-secondary);
  border: 1px solid var(--border-primary);
  box-shadow: var(--shadow-sm);
  color: var(--text-primary);
}
[data-theme='light'] .flow-card-header {
  background: var(--bg-tertiary);
  border-bottom: 1px solid var(--border-subtle);
}
[data-theme='light'] .flow-card-title { color: var(--text-primary); }
[data-theme='light'] .action-arrow-btn {
  background: var(--bg-tertiary);
  border-color: var(--border-primary);
  color: var(--text-secondary);
}
[data-theme='light'] .action-arrow-btn:hover {
  background: rgba(15, 23, 42, 0.08);
  color: var(--accent-primary-hover);
  border-color: #CBD5E1;
}
[data-theme='light'] .action-delete-btn {
  background: rgba(220,38,38,.08);
  color: var(--color-danger);
  border-color: rgba(220,38,38,.28);
}
[data-theme='light'] .action-delete-btn:hover { background: rgba(220,38,38,.16); }
[data-theme='light'] .empty-icon { color: #94A3B8; }
[data-theme='light'] .empty-title { color: var(--text-primary); }
[data-theme='light'] .empty-sub { color: var(--text-tertiary); }

/* ══════════════════════════════════════════════════════════════
   33. Universal Modal (window.showModal / alp-modal)
   Inline styles set by modal.js — !important required.
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] .alp-modal {
  background: var(--bg-elevated) !important;
  border-color: var(--border-primary) !important;
  box-shadow: 0 32px 96px rgba(15, 23, 42,.20), 0 0 0 1px rgba(15, 23, 42, 0.06) !important;
}
[data-theme='light'] .alp-modal .alp-mh {
  border-bottom-color: var(--border-subtle) !important;
}
[data-theme='light'] .alp-modal .alp-mt {
  color: var(--text-primary) !important;
}
[data-theme='light'] .alp-modal .alp-mx {
  background: var(--bg-tertiary) !important;
  border-color: var(--border-primary) !important;
  color: var(--text-tertiary) !important;
}
[data-theme='light'] .alp-modal .alp-mx:hover {
  background: rgba(220,38,38,.10) !important;
  border-color: rgba(220,38,38,.28) !important;
  color: var(--color-danger) !important;
}
[data-theme='light'] .alp-modal .alp-mb {
  color: var(--text-secondary) !important;
}
[data-theme='light'] .alp-modal .alp-mb h1,
[data-theme='light'] .alp-modal .alp-mb h2,
[data-theme='light'] .alp-modal .alp-mb h3,
[data-theme='light'] .alp-modal .alp-mb h4,
[data-theme='light'] .alp-modal .alp-mb strong,
[data-theme='light'] .alp-modal .alp-mb label { color: var(--text-primary); }
[data-theme='light'] .alp-modal .alp-mf {
  background: var(--bg-tertiary) !important;
  border-top-color: var(--border-subtle) !important;
}
[data-theme='light'] .alp-modal .alp-mcc {
  background: var(--bg-secondary) !important;
  border-color: var(--border-primary) !important;
  color: var(--text-secondary) !important;
}
[data-theme='light'] .alp-modal .alp-mcc:hover {
  background: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}

/* Overlay for showModal (built inline by modal.js) */
[data-theme='light'] .alp-modal-overlay,
[data-theme='light'] [class^="alp-modal-"] > .alp-modal-backdrop {
  background: rgba(15, 23, 42,.35) !important;
}

/* ══════════════════════════════════════════════════════════════
   34. Website Deploy Wizard (wdw-*)
   Injects its own dark stylesheet — override on paper.
   ══════════════════════════════════════════════════════════════ */
[data-theme='light'] #wdw-modal { background: rgba(15, 23, 42,.35) !important; }
[data-theme='light'] .wdw-body { background: var(--bg-elevated) !important; color: var(--text-primary) !important; }
[data-theme='light'] .wdw-body h1,
[data-theme='light'] .wdw-body h2,
[data-theme='light'] .wdw-body h3 { color: var(--text-primary) !important; }
[data-theme='light'] .wdw-body input.form-input {
  background: var(--bg-input) !important;
  border-color: var(--border-primary) !important;
  color: var(--text-primary) !important;
}
[data-theme='light'] .wdw-body input.form-input:focus {
  border-color: var(--accent-primary) !important;
  background: var(--bg-input) !important;
  box-shadow: 0 0 0 3px var(--accent-primary-ring) !important;
}
[data-theme='light'] .wdw-body input.form-input::placeholder { color: var(--text-placeholder) !important; }
[data-theme='light'] .wdw-body label { color: var(--text-tertiary) !important; }
[data-theme='light'] .wdw-body label .hint { color: var(--text-muted) !important; }
[data-theme='light'] .wdw-section { border-top-color: var(--border-subtle) !important; }
[data-theme='light'] .wdw-section-title { color: var(--text-tertiary) !important; }
[data-theme='light'] .wdw-btn-ghost {
  border-color: var(--border-primary) !important;
  color: var(--text-secondary) !important;
}
[data-theme='light'] .wdw-btn-ghost:hover {
  background: var(--bg-hover) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-hover) !important;
}
[data-theme='light'] .wdw-status-banner {
  background: var(--bg-tertiary) !important;
  border-bottom-color: var(--border-subtle) !important;
  color: var(--text-secondary) !important;
}
[data-theme='light'] .wdw-input-with-toggle button.reveal {
  color: var(--text-tertiary) !important;
}
[data-theme='light'] .wdw-input-with-toggle button.reveal:hover {
  color: var(--text-primary) !important;
  background: var(--bg-hover) !important;
}
[data-theme='light'] .wdw-saved-chip {
  background: rgba(22,163,74,0.08) !important;
  border-color: rgba(22,163,74,0.28) !important;
  color: #15803d !important;
}
[data-theme='light'] .wdw-saved-chip button {
  color: var(--text-tertiary) !important;
}
[data-theme='light'] .wdw-saved-chip button:hover {
  color: var(--text-primary) !important;
  background: var(--bg-hover) !important;
}
[data-theme='light'] .wdw-ns-card {
  background: rgba(15, 23, 42, 0.04) !important;
  border-color: #CBD5E1 !important;
}
[data-theme='light'] .wdw-ns-title { color: var(--accent-primary-hover) !important; }
[data-theme='light'] .wdw-ns-desc { color: var(--text-secondary) !important; }
[data-theme='light'] .wdw-ns-desc code {
  background: var(--bg-tertiary) !important;
  color: var(--accent-primary-hover) !important;
}
[data-theme='light'] .wdw-ns-item {
  background: var(--bg-tertiary) !important;
  border-color: var(--border-primary) !important;
  color: var(--accent-primary-hover) !important;
}
[data-theme='light'] .wdw-ns-copy {
  background: rgba(15, 23, 42, 0.10) !important;
  color: var(--accent-primary-hover) !important;
}
[data-theme='light'] .wdw-ns-copy:hover { background: #CBD5E1 !important; }
[data-theme='light'] .wdw-ns-footer { color: var(--text-tertiary) !important; }
[data-theme='light'] .wdw-ns-footer a { color: var(--accent-primary-hover) !important; }
[data-theme='light'] .wdw-terminal {
  background: #14110c !important;
  border-color: var(--border-primary) !important;
}
[data-theme='light'] .wdw-term-bar {
  background: #1a1712 !important;
  border-bottom-color: rgba(255,255,255,.06) !important;
}
[data-theme='light'] .wdw-term-title { color: rgba(255,255,255,.55) !important; }
[data-theme='light'] .wdw-term-body { background: transparent !important; }
[data-theme='light'] .wdw-term-steps {
  background: rgba(0,0,0,.35) !important;
  border-right-color: rgba(255,255,255,.06) !important;
}
[data-theme='light'] .wdw-term-log {
  background: #0a0a12 !important;
  color: rgba(255,255,255,.72) !important;
}
[data-theme='light'] .wdw-step { color: rgba(255,255,255,.55) !important; }

/* ═══════════════════════════════════════════════════════════════
   Light-mode Fixes — force theme-aware colors over inline styles
   ═══════════════════════════════════════════════════════════════ */

/* ── Website (demo-pages) cards: card title & slug were dark-mode
      hardcoded (#f1f5f9 / #94a3b8), reading as low-contrast on paper ── */
[data-theme='light'] .dp-site-card {
  background: var(--bg-secondary) !important;
  border: 1px solid var(--border-primary) !important;
  color: var(--text-primary) !important;
  box-shadow: var(--shadow-sm);
}
[data-theme='light'] .dp-site-card--disabled {
  background: #fbf6ee !important;
  border-color: #e5d9c2 !important;
}
/* Force ALL inline color:#XXXXXX inside the card to theme values */
[data-theme='light'] .dp-site-card .dp-site-card-body > *,
[data-theme='light'] .dp-site-card .dp-site-card-body div,
[data-theme='light'] .dp-site-card .dp-site-card-body span {
  color: var(--text-primary);
}
/* Slug / demo path */
[data-theme='light'] .dp-site-card [style*="/demo/"] { color: #2563eb !important; }
/* "PAGES" label */
[data-theme='light'] .dp-site-card [style*="Pages"],
[data-theme='light'] .dp-site-card [style*="text-transform:uppercase"] {
  color: var(--text-tertiary) !important;
}
/* Stat labels (LIVE / TOTAL / TODAY) */
[data-theme='light'] .dp-sc-stat span:last-child { color: var(--text-tertiary) !important; }
[data-theme='light'] .dp-sc-stat span:first-child { color: var(--text-primary) !important; }
[data-theme='light'] .dp-sc-stat--g span:last-child { color: var(--color-success) !important; }
[data-theme='light'] .dp-sc-stat--g span:first-child { color: var(--color-success) !important; }
/* No VPS / No pages fallbacks */
[data-theme='light'] .dp-site-card [style*="No VPS"],
[data-theme='light'] .dp-site-card [style*="No registered pages"],
[data-theme='light'] .dp-site-card [style*="No slug"] {
  color: var(--text-muted) !important;
}
/* VPS pill */
[data-theme='light'] .dp-site-card [style*="rgba(20,184,166"] {
  background: rgba(20,184,166,0.10) !important;
  border-color: rgba(20,184,166,0.35) !important;
  color: #0f766e !important;
}
[data-theme='light'] .dp-site-card [style*="rgba(20,184,166"] span { color: #0f766e !important; }
/* Toggle Active/Disabled labels */
[data-theme='light'] .dp-nav-lbl--on  { color: var(--color-success) !important; }
[data-theme='light'] .dp-nav-lbl--off { color: var(--text-tertiary) !important; }
/* Page pill chip */
[data-theme='light'] .dp-site-page-pill {
  background: var(--bg-tertiary) !important;
  color: var(--text-secondary) !important;
  border: 1px solid var(--border-primary) !important;
}
/* Workspace / footer icons */
[data-theme='light'] .dp-site-card-workspace-btn { color: var(--text-tertiary) !important; }
[data-theme='light'] .dp-site-card-workspace-btn:hover {
  background: var(--bg-hover) !important; color: var(--accent-primary) !important;
}
[data-theme='light'] .dp-site-card-foot a { color: var(--color-success) !important; }

/* ── Audit-log terminal: keep the dark aesthetic (like VSCode terminal)
      even in light mode — a terminal that turns white loses its point ── */
[data-theme='light'] .log-term {
  background: #0e1218 !important;
  border-color: rgba(15, 23, 42, 0.22) !important;
}
[data-theme='light'] .log-term-hdr,
[data-theme='light'] .log-term-footer,
[data-theme='light'] .log-cats { background: rgba(0,0,0,0.35) !important; }
[data-theme='light'] .log-stream {
  background: linear-gradient(180deg, rgba(6,8,12,0.85), rgba(10,14,23,0.95)) !important;
}
[data-theme='light'] .log-cat,
[data-theme='light'] .log-cat-count,
[data-theme='light'] .log-cats-label,
[data-theme='light'] .log-term-title,
[data-theme='light'] .log-term-follow,
[data-theme='light'] .log-line,
[data-theme='light'] .ll-time,
[data-theme='light'] .ll-user,
[data-theme='light'] .ll-action,
[data-theme='light'] .ll-ip { color: rgba(255,255,255,0.75) !important; }
[data-theme='light'] .ll-time small { color: rgba(255,255,255,0.4) !important; }
[data-theme='light'] .log-cat:hover { background: rgba(255,255,255,0.06) !important; }
[data-theme='light'] .log-empty { color: rgba(255,255,255,0.4) !important; }

/* ═══════════════════════════════════════════════════════════════
   Global inline-style color overrides for light mode
   Comprehensive audit of hardcoded dark-theme colors used inline
   across the app. Attribute selectors remap them to theme-aware
   tokens without touching the JS render code.
   Terminal / editor / mock-card panels are EXCLUDED — those keep
   their dark aesthetic in both themes (via later `.log-term *` and
   `.alp-term *` scoped rules).
   ═══════════════════════════════════════════════════════════════ */

/* ─── Text: near-whites → text-primary ─────────────────────── */
[data-theme='light'] [style*="color:#fff"],
[data-theme='light'] [style*="color: #fff"],
[data-theme='light'] [style*="color:#ffffff"],
[data-theme='light'] [style*="color: #ffffff"],
[data-theme='light'] [style*="color:#f1f5f9"],
[data-theme='light'] [style*="color: #f1f5f9"],
[data-theme='light'] [style*="color:#f8fafc"],
[data-theme='light'] [style*="color: #f8fafc"] { color: var(--text-primary) !important; }

/* ─── Text: light greys → text-secondary ───────────────────── */
[data-theme='light'] [style*="color:#e2e8f0"],
[data-theme='light'] [style*="color: #e2e8f0"],
[data-theme='light'] [style*="color:#e5e7eb"],
[data-theme='light'] [style*="color: #e5e7eb"],
[data-theme='light'] [style*="color:#cbd5e1"],
[data-theme='light'] [style*="color: #cbd5e1"],
[data-theme='light'] [style*="color:#d1d5db"] { color: var(--text-secondary) !important; }

/* ─── Text: mid greys → text-tertiary ──────────────────────── */
[data-theme='light'] [style*="color:#94a3b8"],
[data-theme='light'] [style*="color: #94a3b8"],
[data-theme='light'] [style*="color:#9ca3af"],
[data-theme='light'] [style*="color: #9ca3af"],
[data-theme='light'] [style*="color:#a0aec0"],
[data-theme='light'] [style*="color:#a1a1aa"] { color: var(--text-tertiary) !important; }

/* ─── Text: dark greys → text-muted ────────────────────────── */
[data-theme='light'] [style*="color:#64748b"],
[data-theme='light'] [style*="color: #64748b"],
[data-theme='light'] [style*="color:#475569"],
[data-theme='light'] [style*="color: #475569"],
[data-theme='light'] [style*="color:#6b7280"],
[data-theme='light'] [style*="color: #6b7280"],
[data-theme='light'] [style*="color:#4b5563"],
[data-theme='light'] [style*="color:#374151"] { color: var(--text-muted) !important; }

/* ─── Blues → color-info ───────────────────────────────────── */
[data-theme='light'] [style*="color:#818cf8"],
[data-theme='light'] [style*="color: #818cf8"],
[data-theme='light'] [style*="color:#a5b4fc"],
[data-theme='light'] [style*="color: #a5b4fc"],
[data-theme='light'] [style*="color:#38bdf8"],
[data-theme='light'] [style*="color: #38bdf8"],
[data-theme='light'] [style*="color:#7dd3fc"],
[data-theme='light'] [style*="color:#60a5fa"],
[data-theme='light'] [style*="color:#93c5fd"],
[data-theme='light'] [style*="color:#6366f1"],
[data-theme='light'] [style*="color: #6366f1"],
[data-theme='light'] [style*="color:#4f46e5"],
[data-theme='light'] [style*="color:#3b82f6"] { color: var(--color-info) !important; }

/* ─── Greens → color-success ───────────────────────────────── */
[data-theme='light'] [style*="color:#34d399"],
[data-theme='light'] [style*="color: #34d399"],
[data-theme='light'] [style*="color:#6ee7b7"],
[data-theme='light'] [style*="color: #6ee7b7"],
[data-theme='light'] [style*="color:#5eead4"],
[data-theme='light'] [style*="color: #5eead4"],
[data-theme='light'] [style*="color:#10b981"],
[data-theme='light'] [style*="color: #10b981"],
[data-theme='light'] [style*="color:#22c55e"],
[data-theme='light'] [style*="color: #22c55e"],
[data-theme='light'] [style*="color:#4ade80"],
[data-theme='light'] [style*="color:#059669"],
[data-theme='light'] [style*="color:#14b8a6"] { color: var(--color-success) !important; }

/* ─── Yellows / oranges → color-warning ────────────────────── */
[data-theme='light'] [style*="color:#fbbf24"],
[data-theme='light'] [style*="color: #fbbf24"],
[data-theme='light'] [style*="color:#f59e0b"],
[data-theme='light'] [style*="color: #f59e0b"],
[data-theme='light'] [style*="color:#f97316"],
[data-theme='light'] [style*="color: #f97316"],
[data-theme='light'] [style*="color:#fb923c"],
[data-theme='light'] [style*="color:#eab308"] { color: var(--color-warning) !important; }

/* ─── Reds → color-danger ──────────────────────────────────── */
[data-theme='light'] [style*="color:#f87171"],
[data-theme='light'] [style*="color: #f87171"],
[data-theme='light'] [style*="color:#fca5a5"],
[data-theme='light'] [style*="color: #fca5a5"],
[data-theme='light'] [style*="color:#ef4444"],
[data-theme='light'] [style*="color: #ef4444"],
[data-theme='light'] [style*="color:#dc2626"],
[data-theme='light'] [style*="color: #dc2626"] { color: var(--color-danger) !important; }

/* ─── Purples & pinks — keep as accents but ensure readability ── */
[data-theme='light'] [style*="color:#a78bfa"],
[data-theme='light'] [style*="color: #a78bfa"],
[data-theme='light'] [style*="color:#c084fc"] { color: #7c3aed !important; }
[data-theme='light'] [style*="color:#8b5cf6"],
[data-theme='light'] [style*="color: #8b5cf6"] { color: #6d28d9 !important; }
[data-theme='light'] [style*="color:#ec4899"],
[data-theme='light'] [style*="color: #ec4899"] { color: #be185d !important; }
[data-theme='light'] [style*="color:#f472b6"] { color: #db2777 !important; }
[data-theme='light'] [style*="color:#a855f7"] { color: #7e22ce !important; }
[data-theme='light'] [style*="color:#0ea5e9"] { color: #0369a1 !important; }

/* ─── White-overlay backgrounds → paper-toned tint ─────────── */
[data-theme='light'] [style*="background:rgba(255,255,255,.02)"],
[data-theme='light'] [style*="background:rgba(255,255,255,.03)"],
[data-theme='light'] [style*="background:rgba(255,255,255,.04)"],
[data-theme='light'] [style*="background:rgba(255,255,255,.05)"],
[data-theme='light'] [style*="background:rgba(255,255,255,.06)"],
[data-theme='light'] [style*="background:rgba(255,255,255,.07)"],
[data-theme='light'] [style*="background:rgba(255,255,255,0.02)"],
[data-theme='light'] [style*="background:rgba(255,255,255,0.03)"],
[data-theme='light'] [style*="background:rgba(255,255,255,0.04)"],
[data-theme='light'] [style*="background:rgba(255,255,255,0.05)"],
[data-theme='light'] [style*="background:rgba(255,255,255,0.06)"],
[data-theme='light'] [style*="background:rgba(255,255,255,0.08)"],
[data-theme='light'] [style*="background:rgba(255,255,255,0.1)"] {
  background: var(--bg-tertiary) !important;
}
[data-theme='light'] [style*="background-color:rgba(255,255,255,0.04)"],
[data-theme='light'] [style*="background-color:rgba(255,255,255,0.06)"] {
  background-color: var(--bg-tertiary) !important;
}

/* ─── Solid dark card backgrounds inline → paper card ──────── */
[data-theme='light'] [style*="background:#1a1a2e"],
[data-theme='light'] [style*="background: #1a1a2e"],
[data-theme='light'] [style*="background:#16213e"],
[data-theme='light'] [style*="background:#1e1e2e"],
[data-theme='light'] [style*="background:#0a0e17"],
[data-theme='light'] [style*="background:#0a0a0a"],
[data-theme='light'] [style*="background: #0a0a0a"],
[data-theme='light'] [style*="background:#1c1c1c"],
[data-theme='light'] [style*="background: #1c1c1c"],
[data-theme='light'] [style*="background:#1a1712"] {
  background: var(--bg-secondary) !important;
  color: var(--text-primary);
}

/* ─── Muted-grey solid backgrounds (badges/chips) ──────────── */
[data-theme='light'] [style*="background:#475569"],
[data-theme='light'] [style*="background: #475569"],
[data-theme='light'] [style*="background:#64748b"],
[data-theme='light'] [style*="background: #64748b"],
[data-theme='light'] [style*="background:#6b7280"],
[data-theme='light'] [style*="background: #6b7280"] {
  background: var(--bg-hover) !important;
  color: var(--text-primary) !important;
}

/* ─── White-overlay borders → theme border ─────────────────── */
[data-theme='light'] [style*="border:1px solid rgba(255,255,255,.04)"],
[data-theme='light'] [style*="border:1px solid rgba(255,255,255,.05)"],
[data-theme='light'] [style*="border:1px solid rgba(255,255,255,.06)"],
[data-theme='light'] [style*="border:1px solid rgba(255,255,255,.07)"],
[data-theme='light'] [style*="border:1px solid rgba(255,255,255,.08)"],
[data-theme='light'] [style*="border:1px solid rgba(255,255,255,.09)"],
[data-theme='light'] [style*="border:1px solid rgba(255,255,255,.1)"],
[data-theme='light'] [style*="border:1px solid rgba(255,255,255,.12)"],
[data-theme='light'] [style*="border:1px solid rgba(255,255,255,0.04)"],
[data-theme='light'] [style*="border:1px solid rgba(255,255,255,0.05)"],
[data-theme='light'] [style*="border:1px solid rgba(255,255,255,0.06)"],
[data-theme='light'] [style*="border:1px solid rgba(255,255,255,0.08)"],
[data-theme='light'] [style*="border:1px solid rgba(255,255,255,0.09)"],
[data-theme='light'] [style*="border:1px solid rgba(255,255,255,0.1)"] {
  border-color: var(--border-primary) !important;
}
[data-theme='light'] [style*="border-color:rgba(255,255,255,.06)"],
[data-theme='light'] [style*="border-color:rgba(255,255,255,.08)"],
[data-theme='light'] [style*="border-color:rgba(255,255,255,0.08)"] {
  border-color: var(--border-primary) !important;
}
[data-theme='light'] [style*="border-top:1px solid rgba(255,255,255"],
[data-theme='light'] [style*="border-bottom:1px solid rgba(255,255,255"],
[data-theme='light'] [style*="border-left:1px solid rgba(255,255,255"],
[data-theme='light'] [style*="border-right:1px solid rgba(255,255,255"] {
  border-color: var(--border-primary) !important;
}

/* ─── Heavy dark drop-shadows → paper shadow ───────────────── */
[data-theme='light'] [style*="box-shadow:0 3px 10px rgba(0,0,0,.3)"],
[data-theme='light'] [style*="box-shadow:0 2px 6px rgba(0,0,0,.3)"],
[data-theme='light'] [style*="box-shadow:0 4px 12px rgba(0,0,0,.4)"],
[data-theme='light'] [style*="box-shadow:0 2px 4px rgba(0,0,0,.5)"] {
  box-shadow: var(--shadow-sm) !important;
}

/* ─── Dark overlay backgrounds inline (rgba(0,0,0,x)) →
       neutral paper tint. These are often used as inset accents. ── */
[data-theme='light'] [style*="background:rgba(0,0,0,.2)"],
[data-theme='light'] [style*="background:rgba(0,0,0,.25)"],
[data-theme='light'] [style*="background:rgba(0,0,0,.3)"],
[data-theme='light'] [style*="background:rgba(0,0,0,.35)"],
[data-theme='light'] [style*="background:rgba(0,0,0,0.2)"],
[data-theme='light'] [style*="background:rgba(0,0,0,0.25)"],
[data-theme='light'] [style*="background:rgba(0,0,0,0.3)"],
[data-theme='light'] [style*="background:rgba(0,0,0,0.35)"] {
  background: var(--bg-tertiary) !important;
}
[data-theme='light'] [style*="background:rgba(0,0,0,.4)"],
[data-theme='light'] [style*="background:rgba(0,0,0,.5)"],
[data-theme='light'] [style*="background:rgba(0,0,0,.6)"],
[data-theme='light'] [style*="background:rgba(0,0,0,.72)"],
[data-theme='light'] [style*="background:rgba(0,0,0,0.4)"],
[data-theme='light'] [style*="background:rgba(0,0,0,0.5)"],
[data-theme='light'] [style*="background:rgba(0,0,0,0.6)"] {
  background: rgba(15, 23, 42, 0.06) !important;
}

/* ─── Terminal / mock-card / editor panels — stay dark ────── */
[data-theme='light'] .alp-term,
[data-theme='light'] .alp-term *,
[data-theme='light'] .log-term,
[data-theme='light'] .log-term .log-line,
[data-theme='light'] .log-term .log-line * {
  /* re-neutralize the global overrides above inside these dark surfaces */
  color: inherit;
}
[data-theme='light'] .alp-term,
[data-theme='light'] .log-term {
  background: #0e1218 !important;
}
/* Credit-card previews in the session drawer are visual mocks; keep dark */
[data-theme='light'] .glass-cc-preview,
[data-theme='light'] .glass-cc-preview * {
  color: inherit;
}

/* ── Sidebar collapsed tooltip in light mode ── */
[data-theme='light'] body.sidebar-collapsed .sidebar-nav-item::after {
  background: var(--bg-elevated);
  color: var(--text-primary);
  box-shadow: var(--shadow-md), 0 0 0 1px var(--border-primary);
}