/* =================================================================
   SCREEN 2B: LIGHT THEME STYLES
   Complete light theme overrides for verification depth selection
   Add this to your project CSS files or append to main.css
   ================================================================= */

/* ================================================================
   CSS VARIABLE OVERRIDES FOR LIGHT THEME
   ================================================================ */

[data-theme="light"] {
    /* Screen 2B Specific Variables */
    --s2b-bg-dark: #f0f4f8;
    --s2b-bg-panel: linear-gradient(145deg, #ffffff, #f8fafc);
    --s2b-border: rgba(15, 23, 42, 0.12);
    --s2b-border-hover: rgba(15, 23, 42, 0.2);
    --s2b-text-primary: #0f172a;
    --s2b-text-secondary: #475569;
    --s2b-text-muted: #64748b;
    --s2b-accent-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    
    /* Tier Colors - Slightly adjusted for light backgrounds */
    --turbo-primary: #3b82f6;
    --turbo-bg: rgba(59, 130, 246, 0.06);
    --turbo-border: rgba(59, 130, 246, 0.2);
    --smart-primary: #0F766E;
    --smart-bg: rgba(15, 118, 110, 0.06);
    --smart-border: rgba(15, 118, 110, 0.2);
    --pro-primary: #d97706;
    --pro-bg: rgba(217, 119, 6, 0.06);
    --pro-border: rgba(217, 119, 6, 0.2);
    
    /* Original depth-selection variables */
    --premium-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --card-shadow: 0 10px 40px rgba(15, 23, 42, 0.08);
    --card-hover-shadow: 0 20px 60px rgba(102, 126, 234, 0.12);
    --border-premium: rgba(102, 126, 234, 0.4);
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-muted: #64748b;
    --bg-card: rgba(255, 255, 255, 0.9);
    --bg-card-hover: rgba(255, 255, 255, 0.95);
    --border-subtle: rgba(15, 23, 42, 0.12);
}

/* ================================================================
   CONTAINER & HEADER - LIGHT THEME
   ================================================================ */

[data-theme="light"] .screen-2b-container,
[data-theme="light"] .screen-2b-container-v2 {
    background: transparent;
}

[data-theme="light"] .header-badge {
    background: rgba(102, 126, 234, 0.12);
    border-color: rgba(102, 126, 234, 0.3);
    color: #5b6cdb;
}

[data-theme="light"] .cs-page-title,
[data-theme="light"] .premium-title {
    color: #0f172a;
}

[data-theme="light"] .screen-2b-subtitle,
[data-theme="light"] .premium-subtitle {
    color: #475569;
}

/* ================================================================
   INFO BAR - LIGHT THEME
   ================================================================ */

[data-theme="light"] .screen-2b-info-bar {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.08), rgba(99, 102, 241, 0.04));
    border-color: rgba(99, 102, 241, 0.25);
}

[data-theme="light"] .screen-2b-info-bar span {
    color: #475569;
}

/* ================================================================
   TOP PANEL GRID - LIGHT THEME
   ================================================================ */

[data-theme="light"] .source-quality-panel-v2,
[data-theme="light"] .chain-topology-panel-v2 {
    background: linear-gradient(145deg, #ffffff, #f8fafc);
    border-color: rgba(15, 23, 42, 0.12);
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06);
}

[data-theme="light"] .panel-title-v2 {
    color: #0f172a;
}

/* ================================================================
   COMPOSITE RISK SCORE - LIGHT THEME
   ================================================================ */

[data-theme="light"] .composite-score-v2,
[data-theme="light"] .chain-score-panel-v2 {
    background: rgba(15, 23, 42, 0.03);
}

[data-theme="light"] .composite-circle-v2,
[data-theme="light"] .chain-score-circle-v2 {
    background: #f1f5f9;
}

[data-theme="light"] .composite-title-v2,
[data-theme="light"] .chain-score-title-v2 {
    color: #0f172a;
}

[data-theme="light"] .composite-desc-v2,
[data-theme="light"] .chain-score-desc-v2 {
    color: #64748b;
}

[data-theme="light"] .composite-badge-v2,
[data-theme="light"] .chain-score-badge-v2 {
    background: rgba(102, 126, 234, 0.1);
    border-color: rgba(102, 126, 234, 0.3);
}

/* ================================================================
   RISK METRICS GRID - LIGHT THEME
   ================================================================ */

[data-theme="light"] .risk-metric-card-v2 {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(15, 23, 42, 0.1);
}

[data-theme="light"] .risk-metric-card-v2:hover {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.08);
}

[data-theme="light"] .risk-metric-label-v2 {
    color: #0f172a;
}

[data-theme="light"] .risk-metric-insight-v2 {
    color: #475569;
}

[data-theme="light"] .risk-metric-status-v2 {
    background: rgba(15, 23, 42, 0.08);
}

/* ================================================================
   CHAIN TOPOLOGY - LIGHT THEME
   ================================================================ */

[data-theme="light"] .chain-node-v2 {
    background: rgba(255, 255, 255, 0.9);
}

[data-theme="light"] .chain-node-v2.primary {
    background: rgba(99, 102, 241, 0.08);
    border-color: rgba(99, 102, 241, 0.25);
}

[data-theme="light"] .chain-node-v2.secondary {
    background: rgba(16, 185, 129, 0.08);
    border-color: rgba(16, 185, 129, 0.25);
}

[data-theme="light"] .chain-node-v2.primary .chain-node-label-v2 {
    color: #6366f1;
}

[data-theme="light"] .chain-node-v2.secondary .chain-node-label-v2 {
    color: #0F766E;
}

[data-theme="light"] .chain-node-value-v2 {
    color: #0f172a;
}

[data-theme="light"] .chain-node-sublabel-v2 {
    color: #475569;
}

[data-theme="light"] .chain-flow-badge-v2.discovered {
    background: rgba(16, 185, 129, 0.12);
    border-color: rgba(16, 185, 129, 0.3);
    color: #0F766E;
}

[data-theme="light"] .chain-flow-badge-v2.deadend {
    background: rgba(239, 68, 68, 0.12);
    border-color: rgba(239, 68, 68, 0.3);
    color: #dc2626;
}

/* ================================================================
   DEPTH CHOICE CARDS - LIGHT THEME
   ================================================================ */

[data-theme="light"] .depth-card-v2 {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(15, 23, 42, 0.12);
}

[data-theme="light"] .depth-card-v2:hover {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(15, 23, 42, 0.2);
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.08);
}

[data-theme="light"] .depth-card-v2.selected {
    background: rgba(102, 126, 234, 0.08);
    border-color: rgba(102, 126, 234, 0.4);
}

[data-theme="light"] .depth-radio-v2 {
    border-color: rgba(15, 23, 42, 0.2);
}

[data-theme="light"] .depth-radio-v2.checked {
    border-color: #667eea;
}

[data-theme="light"] .depth-title-v2 {
    color: #0f172a;
}

[data-theme="light"] .depth-desc-v2 {
    color: #475569;
}

[data-theme="light"] .depth-badge-v2.recommended {
    background: rgba(102, 126, 234, 0.15);
    color: #5b6cdb;
}

[data-theme="light"] .depth-badge-v2.premium {
    background: rgba(245, 158, 11, 0.15);
    color: #d97706;
}

/* ================================================================
   CITATION ANALYSIS CARD - LIGHT THEME
   ================================================================ */

[data-theme="light"] .citation-analysis-card,
[data-theme="light"] .verification-options-card {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(15, 23, 42, 0.12);
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06);
}

[data-theme="light"] .citation-analysis-title,
[data-theme="light"] .verification-options-title {
    color: #0f172a;
}

[data-theme="light"] .citation-analysis-intro {
    color: #475569;
}

/* ================================================================
   STATS GRID (from depth-selection.css) - LIGHT THEME
   ================================================================ */

[data-theme="light"] .stat-card-without-refs {
    background: rgba(220, 38, 38, 0.08);
    border-color: rgba(220, 38, 38, 0.25);
}

[data-theme="light"] .stat-card-with-refs {
    background: rgba(34, 197, 94, 0.08);
    border-color: rgba(34, 197, 94, 0.25);
}

[data-theme="light"] .stat-percentage-danger {
    color: #dc2626;
}

[data-theme="light"] .stat-percentage-success {
    color: #16a34a;
}

[data-theme="light"] .stat-count-danger {
    color: #dc2626;
}

[data-theme="light"] .stat-count-success {
    color: #16a34a;
}

[data-theme="light"] .stat-description-danger {
    color: #b91c1c;
}

[data-theme="light"] .stat-description-success {
    color: #15803d;
}

/* ================================================================
   RISK BANNER - LIGHT THEME
   ================================================================ */

[data-theme="light"] .risk-banner-high {
    background: rgba(220, 38, 38, 0.1);
}

[data-theme="light"] .risk-banner-medium {
    background: rgba(245, 158, 11, 0.1);
}

[data-theme="light"] .risk-banner-low {
    background: rgba(34, 197, 94, 0.1);
}

[data-theme="light"] .risk-title {
    color: #0f172a;
}

[data-theme="light"] .risk-description {
    color: #475569;
}

/* ================================================================
   CHAIN DEPTH OPTIONS - LIGHT THEME
   ================================================================ */

[data-theme="light"] .chain-depth-option {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(15, 23, 42, 0.12);
}

[data-theme="light"] .chain-depth-option:hover {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

[data-theme="light"] .chain-depth-option-selected {
    background: linear-gradient(135deg, rgba(102, 126, 234, 0.1) 0%, rgba(118, 75, 162, 0.1) 100%) !important;
}

[data-theme="light"] .depth-option-title {
    color: #0f172a;
}

[data-theme="light"] .depth-option-list {
    color: #475569;
}

[data-theme="light"] .depth-option-limitation {
    color: #dc2626;
}

[data-theme="light"] .depth-option-best-for {
    color: #16a34a;
}

[data-theme="light"] .depth-option-meta {
    color: #64748b;
}

[data-theme="light"] .advanced-levels-toggle {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(15, 23, 42, 0.15);
}

[data-theme="light"] .advanced-levels-text {
    color: #475569;
}

[data-theme="light"] .depth-info-note {
    background: rgba(15, 23, 42, 0.03);
    color: #475569;
}

/* ================================================================
   VERIFICATION CONFIG (REPAIR CARDS) - LIGHT THEME
   ================================================================ */

[data-theme="light"] .verification-config-v2 {
    background: linear-gradient(145deg, #ffffff, #f8fafc);
    border-color: rgba(15, 23, 42, 0.12);
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06);
}

[data-theme="light"] .verification-config-title-v2 .title-row {
    color: #0f172a;
}

[data-theme="light"] .verification-config-title-v2 .title-subtitle {
    color: #475569;
}

[data-theme="light"] .verification-config-title-v2 svg {
    color: #64748b;
}

[data-theme="light"] .verification-config-chevron-v2 {
    color: #64748b;
}

[data-theme="light"] .verification-config-count-v2 {
    color: #7c3aed;
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.12), rgba(167, 139, 250, 0.08));
    border-color: rgba(139, 92, 246, 0.25);
}

[data-theme="light"] .repair-card-v2 {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(15, 23, 42, 0.1);
}

[data-theme="light"] .repair-card-v2:hover {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(15, 23, 42, 0.2);
}

[data-theme="light"] .repair-card-v2.active {
    background: rgba(102, 126, 234, 0.08);
    border-color: rgba(102, 126, 234, 0.3);
}

[data-theme="light"] .repair-title-v2 {
    color: #0f172a;
}

[data-theme="light"] .repair-toggle-v2 {
    background: rgba(15, 23, 42, 0.12);
}

[data-theme="light"] .repair-description-v2 {
    color: #475569;
}

/* ================================================================
   AI TIERS SECTION - LIGHT THEME
   ================================================================ */

[data-theme="light"] .ai-tiers-section {
    background: linear-gradient(145deg, #ffffff, #f8fafc);
    border-color: rgba(15, 23, 42, 0.12);
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06);
}

[data-theme="light"] .ai-tiers-title {
    color: #0f172a;
}

[data-theme="light"] .ai-tiers-balance .balance-label {
    color: #64748b;
}

[data-theme="light"] .ai-tiers-balance .balance-amount {
    color: #16a34a;
}

[data-theme="light"] .ai-tier-card {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(15, 23, 42, 0.12);
}

[data-theme="light"] .ai-tier-card:hover {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(15, 23, 42, 0.2);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

[data-theme="light"] .ai-tier-card.selected {
    background: rgba(102, 126, 234, 0.08);
}

[data-theme="light"] .ai-tier-card.turbo.selected {
    background: rgba(59, 130, 246, 0.08);
}

[data-theme="light"] .ai-tier-card.smart.selected {
    background: rgba(16, 185, 129, 0.08);
}

[data-theme="light"] .ai-tier-card.pro.selected {
    background: rgba(245, 158, 11, 0.08);
}

[data-theme="light"] .tier-corner-badge,
[data-theme="light"] .tier-savings-badge-corner {
    background: rgba(16, 185, 129, 0.15);
    color: #0F766E;
}

[data-theme="light"] .tier-name {
    color: #0f172a;
}

[data-theme="light"] .tier-tagline {
    color: #64748b;
}

[data-theme="light"] .tier-radio {
    border-color: rgba(15, 23, 42, 0.2);
}

[data-theme="light"] .tier-features li {
    color: #475569;
}

[data-theme="light"] .price-amount {
    color: #0f172a;
}

[data-theme="light"] .price-unit {
    color: #64748b;
}

[data-theme="light"] .tier-savings-badge {
    background: rgba(16, 185, 129, 0.1);
    color: #0F766E;
}

[data-theme="light"] .tier-remaining.positive {
    background: rgba(34, 197, 94, 0.1);
    color: #16a34a;
}

[data-theme="light"] .tier-remaining.negative {
    background: rgba(239, 68, 68, 0.1);
    color: #dc2626;
}

/* ================================================================
   TIER TABLE - LIGHT THEME
   ================================================================ */

[data-theme="light"] .tier-table-v2 {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(15, 23, 42, 0.12);
}

[data-theme="light"] .tier-table-v2 thead th {
    background: rgba(15, 23, 42, 0.03);
    border-color: rgba(15, 23, 42, 0.1);
}

[data-theme="light"] .tier-table-v2 thead th:first-child {
    color: #475569;
}

[data-theme="light"] .tier-col-v2.turbo .tier-name-v2 {
    color: #3b82f6;
}

[data-theme="light"] .tier-col-v2.smart .tier-name-v2 {
    color: #0F766E;
}

[data-theme="light"] .tier-col-v2.pro .tier-name-v2 {
    color: #d97706;
}

[data-theme="light"] .tier-radio-v2 {
    border-color: rgba(15, 23, 42, 0.2);
}

[data-theme="light"] .tier-table-v2 tbody td {
    border-color: rgba(15, 23, 42, 0.06);
    color: #0f172a;
}

[data-theme="light"] .tier-table-v2 tbody td:first-child {
    color: #475569;
}

[data-theme="light"] .tier-table-v2 tbody td.col-turbo {
    background: rgba(59, 130, 246, 0.04);
}

[data-theme="light"] .tier-table-v2 tbody td.col-smart {
    background: rgba(5, 150, 105, 0.04);
}

[data-theme="light"] .tier-table-v2 tbody td.col-pro {
    background: rgba(217, 119, 6, 0.04);
}

[data-theme="light"] .tier-table-v2 tbody td.col-turbo.selected {
    background: rgba(59, 130, 246, 0.1);
}

[data-theme="light"] .tier-table-v2 tbody td.col-smart.selected {
    background: rgba(5, 150, 105, 0.1);
}

[data-theme="light"] .tier-table-v2 tbody td.col-pro.selected {
    background: rgba(217, 119, 6, 0.1);
}

[data-theme="light"] .tier-table-v2 tbody td.value.col-turbo {
    color: #3b82f6;
}

[data-theme="light"] .tier-table-v2 tbody td.value.col-smart {
    color: #0F766E;
}

[data-theme="light"] .tier-table-v2 tbody td.value.col-pro {
    color: #d97706;
}

[data-theme="light"] .formula-v2 {
    color: rgba(15, 23, 42, 0.5);
}

[data-theme="light"] .result-v2 {
    color: #0f172a;
}

[data-theme="light"] .package-title-v2 {
    color: #0f172a;
}

[data-theme="light"] .col-turbo .package-title-v2 {
    color: #3b82f6;
}

[data-theme="light"] .col-smart .package-title-v2 {
    color: #0F766E;
}

[data-theme="light"] .col-pro .package-title-v2 {
    color: #d97706;
}

[data-theme="light"] .package-bullets-v2 li {
    color: #475569;
}

[data-theme="light"] .tier-table-v2 tbody tr.section-header-v2 td {
    color: rgba(15, 23, 42, 0.6);
    background: rgba(15, 23, 42, 0.04) !important;
    border-color: rgba(15, 23, 42, 0.1);
}

[data-theme="light"] .row-label-v2 {
    color: #475569;
}

[data-theme="light"] .count-v2 {
    color: rgba(15, 23, 42, 0.5);
}

[data-theme="light"] .tier-table-v2 tbody tr.total-row-v2 td {
    border-color: rgba(15, 23, 42, 0.12);
}

[data-theme="light"] .tier-table-v2 tbody tr.total-row-v2 td:first-child {
    color: #0f172a;
}

[data-theme="light"] .total-value-v2 {
    color: #0f172a;
}

[data-theme="light"] .total-unit-v2 {
    color: #64748b;
}

[data-theme="light"] .balance-after-v2.positive {
    background: rgba(16, 185, 129, 0.12);
    color: #0F766E;
    border-color: rgba(16, 185, 129, 0.25);
}

[data-theme="light"] .balance-after-v2.negative {
    background: rgba(239, 68, 68, 0.12);
    color: #dc2626;
    border-color: rgba(239, 68, 68, 0.25);
}

/* ================================================================
   RISK ASSESSMENT CARD - LIGHT THEME
   ================================================================ */

[data-theme="light"] .risk-assessment-card {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(15, 23, 42, 0.12);
    box-shadow: 0 4px 24px rgba(15, 23, 42, 0.06);
}

[data-theme="light"] .risk-header {
    border-color: rgba(15, 23, 42, 0.1);
}

[data-theme="light"] .risk-header-content h3 {
    color: #0f172a;
}

[data-theme="light"] .risk-header-content p {
    color: #475569;
}

[data-theme="light"] .metric-label {
    color: #475569;
}

[data-theme="light"] .metric-sublabel {
    color: #64748b;
}

[data-theme="light"] .metric-divider {
    background: rgba(15, 23, 42, 0.1);
}

[data-theme="light"] .risk-indicator-label {
    color: #475569;
}

/* ================================================================
   VERIFICATION LEVELS - LIGHT THEME
   ================================================================ */

[data-theme="light"] .verification-level-card {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(15, 23, 42, 0.12);
}

[data-theme="light"] .verification-level-card:hover {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.08);
}

[data-theme="light"] .verification-level-card.selected {
    background: rgba(102, 126, 234, 0.08);
}

/* ================================================================
   ACTION BUTTONS - LIGHT THEME
   ================================================================ */

[data-theme="light"] .btn-back,
[data-theme="light"] .btn-back-v2 {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(15, 23, 42, 0.15);
    color: #475569;
}

[data-theme="light"] .btn-back:hover,
[data-theme="light"] .btn-back-v2:hover {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(139, 92, 246, 0.4);
    color: #0f172a;
}

[data-theme="light"] .btn-secondary {
    background: rgba(255, 255, 255, 0.9);
    border-color: #667eea;
    color: #5b6cdb;
}

[data-theme="light"] .btn-secondary:hover {
    background: rgba(102, 126, 234, 0.08);
}

[data-theme="light"] .btn-outline {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(15, 23, 42, 0.15);
    color: #475569;
}

[data-theme="light"] .btn-outline:hover {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(102, 126, 234, 0.4);
    color: #0f172a;
}

/* ================================================================
   QUALITY TIER FOOTER - LIGHT THEME
   ================================================================ */

[data-theme="light"] .quality-tier-footer .btn-back-tier {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(15, 23, 42, 0.15);
    color: #475569;
}

[data-theme="light"] .quality-tier-footer .btn-back-tier:hover {
    background: rgba(255, 255, 255, 0.95);
    border-color: rgba(15, 23, 42, 0.25);
    color: #0f172a;
}

/* ================================================================
   TOP-UP MODAL - LIGHT THEME
   ================================================================ */

[data-theme="light"] .topup-modal-overlay {
    background: rgba(15, 23, 42, 0.6);
}

[data-theme="light"] .topup-modal {
    background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    border-color: rgba(15, 23, 42, 0.15);
    box-shadow: 0 24px 80px rgba(15, 23, 42, 0.2);
}

[data-theme="light"] .topup-modal h4 {
    color: #0f172a;
}

[data-theme="light"] .topup-modal p {
    color: #475569;
}

[data-theme="light"] .topup-modal .amount-needed span {
    color: #64748b;
}

[data-theme="light"] .topup-modal .btn-cancel {
    color: #64748b;
}

[data-theme="light"] .topup-modal .btn-cancel:hover {
    color: #475569;
}

/* ================================================================
   PRICING NOTE - LIGHT THEME
   ================================================================ */

[data-theme="light"] .pricing-note {
    background: rgba(139, 92, 246, 0.08);
    border-color: rgba(139, 92, 246, 0.2);
    color: #475569;
}

[data-theme="light"] .pricing-note svg {
    color: #8b5cf6;
}

/* ================================================================
   TIER TABLE (from depth-selection.css) - LIGHT THEME
   ================================================================ */

[data-theme="light"] .tier-table {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(15, 23, 42, 0.12);
}

[data-theme="light"] .tier-table thead th {
    background: rgba(15, 23, 42, 0.03);
    border-color: rgba(15, 23, 42, 0.1);
    color: #475569;
}

[data-theme="light"] .tier-name {
    color: #0f172a;
}

[data-theme="light"] .tier-table tbody td {
    border-color: rgba(15, 23, 42, 0.06);
    color: #0f172a;
}

[data-theme="light"] .tier-table tbody td:first-child {
    color: #475569;
}

[data-theme="light"] .tier-table tbody tr.section-header td {
    background: rgba(15, 23, 42, 0.04);
    color: rgba(15, 23, 42, 0.6);
    border-color: rgba(15, 23, 42, 0.1);
}

[data-theme="light"] .tier-table tbody tr.total-row td {
    border-color: rgba(15, 23, 42, 0.12);
}

[data-theme="light"] .balance-after.positive {
    background: rgba(16, 185, 129, 0.12);
    color: #0F766E;
    border-color: rgba(16, 185, 129, 0.25);
}

[data-theme="light"] .balance-after.negative {
    background: rgba(239, 68, 68, 0.12);
    color: #dc2626;
    border-color: rgba(239, 68, 68, 0.25);
}

/* ================================================================
   ADDITIONAL ELEMENTS - LIGHT THEME
   ================================================================ */

[data-theme="light"] .best-value-badge,
[data-theme="light"] .best-value-v2 {
    background: rgba(16, 185, 129, 0.15);
    color: #0F766E;
}

[data-theme="light"] .toggle-dot-v2 {
    background: #8b5cf6;
    box-shadow: 0 0 6px rgba(139, 92, 246, 0.3);
}

/* ================================================================
   SVG ICONS IN LIGHT THEME
   ================================================================ */

[data-theme="light"] .screen-2b-info-bar svg {
    stroke: #6366f1;
}

[data-theme="light"] .verification-config-title-v2 svg,
[data-theme="light"] .verification-config-chevron-v2 svg {
    color: #64748b;
}

[data-theme="light"] .tier-features li svg {
    color: #475569;
}

[data-theme="light"] .quality-tier-footer .btn-back-tier svg,
[data-theme="light"] .quality-tier-footer .btn-verify-tier svg {
    color: inherit;
}