/* ============================================
   theme-light-fix.css — Global fixes for light theme
   Catches inline white text, CSS classes, rgba backgrounds
   ============================================ */

/* === SOLID WHITE TEXT (inline styles) === */
[data-theme="light"] #screenContainer [style*="color:#fff"],
[data-theme="light"] #screenContainer [style*="color: #fff"],
[data-theme="light"] #screenContainer [style*="color:#ffffff"],
[data-theme="light"] #screenContainer [style*="color: #ffffff"],
[data-theme="light"] #screenContainer [style*="color:white"],
[data-theme="light"] #screenContainer [style*="color: white"] {
    color: #1c1c1e !important;
}

/* === SEMI-TRANSPARENT WHITE TEXT (rgba inline) === */
[data-theme="light"] #screenContainer [style*="color:rgba(255,255,255"],
[data-theme="light"] #screenContainer [style*="color: rgba(255,255,255"],
[data-theme="light"] #screenContainer [style*="color:rgba(255, 255, 255"] {
    color: rgba(0,0,0,0.6) !important;
}

/* === PRESERVE WHITE ON GRADIENT BUTTONS === */
[data-theme="light"] #screenContainer button[style*="background:linear-gradient"][style*="color:#fff"],
[data-theme="light"] #screenContainer button[style*="background:linear-gradient"][style*="color: #fff"],
[data-theme="light"] #screenContainer a[style*="background:linear-gradient"][style*="color:#fff"],
[data-theme="light"] #screenContainer [style*="background:linear-gradient(135deg,#00d4ff"][style*="color:#fff"],
[data-theme="light"] #screenContainer [style*="background:linear-gradient(135deg,#ff6b3b"][style*="color:#fff"],
[data-theme="light"] #screenContainer button[style*="background:linear-gradient"][style*="color:rgba(255"],
[data-theme="light"] #screenContainer a[style*="background:linear-gradient"][style*="color:rgba(255"],
[data-theme="light"] .mirror-tab-btn.active,
[data-theme="light"] .adm-tab-btn.on {
    color: #fff !important;
}

/* === WHITE BACKGROUNDS → DARK === */
[data-theme="light"] #screenContainer [style*="background:rgba(255,255,255,0.03)"] { background: rgba(0,0,0,0.02) !important; }
[data-theme="light"] #screenContainer [style*="background:rgba(255,255,255,0.05)"] { background: rgba(0,0,0,0.03) !important; }
[data-theme="light"] #screenContainer [style*="background:rgba(255,255,255,0.08)"] { background: rgba(0,0,0,0.05) !important; }
[data-theme="light"] #screenContainer [style*="background:rgba(255,255,255,0.1)"] { background: rgba(0,0,0,0.06) !important; }
[data-theme="light"] #screenContainer [style*="background:rgba(255,255,255,0.12)"] { background: rgba(0,0,0,0.07) !important; }
[data-theme="light"] #screenContainer [style*="background:rgba(255,255,255,0.15)"] { background: rgba(0,0,0,0.08) !important; }
[data-theme="light"] #screenContainer [style*="background:rgba(255,255,255,0.2)"] { background: rgba(0,0,0,0.10) !important; }
[data-theme="light"] #screenContainer [style*="background: rgba(255,255,255"] { background: rgba(0,0,0,0.05) !important; }

/* === BLACK BACKGROUNDS → LIGHT === */
[data-theme="light"] #screenContainer [style*="background:rgba(0,0,0,0.5)"] { background: rgba(0,0,0,0.03) !important; }
[data-theme="light"] #screenContainer [style*="background:rgba(0,0,0,0.3)"] { background: rgba(0,0,0,0.02) !important; }

/* === WHITE BORDERS → DARK === */
[data-theme="light"] #screenContainer [style*="border:1px solid rgba(255,255,255"] { border-color: rgba(0,0,0,0.08) !important; }
[data-theme="light"] #screenContainer [style*="border-bottom:1px solid rgba(255,255,255"] { border-bottom-color: rgba(0,0,0,0.06) !important; }
[data-theme="light"] #screenContainer [style*="border-top:1px solid rgba(255,255,255"] { border-top-color: rgba(0,0,0,0.06) !important; }
[data-theme="light"] #screenContainer [style*="border:1px solid rgba(224,224,224"] { border-color: rgba(0,0,0,0.08) !important; }

/* === MIRRORS MODULE === */
[data-theme="light"] .mirror-tab-btn.inactive { color: rgba(0,0,0,0.4) !important; }
[data-theme="light"] .mirror-tab-btn.inactive:hover { color: rgba(0,0,0,0.7) !important; background: rgba(0,0,0,0.04) !important; }
[data-theme="light"] .mirror-action-btn { color: #1c1c1e !important; background: rgba(0,0,0,0.03) !important; border-color: rgba(0,0,0,0.08) !important; }
[data-theme="light"] .mirror-action-btn:hover { background: rgba(0,0,0,0.06) !important; border-color: rgba(0,0,0,0.12) !important; }
[data-theme="light"] .mirror-link-box { background: rgba(0,0,0,0.04) !important; color: rgba(0,0,0,0.5) !important; border-color: rgba(0,0,0,0.08) !important; }
[data-theme="light"] .mirror-section-label { color: rgba(0,0,0,0.35) !important; }
[data-theme="light"] .mirror-stat-card { background: rgba(0,0,0,0.03) !important; border-color: rgba(0,0,0,0.06) !important; }
[data-theme="light"] .mirror-info-block { background: rgba(0,0,0,0.02) !important; border-color: rgba(0,0,0,0.06) !important; }
[data-theme="light"] .mirror-info-block-left { border-left-color: rgba(255,107,59,0.6) !important; }
[data-theme="light"] .mirror-vector-bar-track { background: rgba(0,0,0,0.06) !important; }
[data-theme="light"] .mirror-4f-card { background: rgba(0,0,0,0.02) !important; }

/* === ADMIN / SECRET ROOM === */
[data-theme="light"] .adm-card { background: rgba(0,0,0,0.03) !important; border-color: rgba(0,0,0,0.06) !important; }
[data-theme="light"] .adm-label { color: rgba(0,0,0,0.35) !important; }
[data-theme="light"] .adm-tab-btn.off { color: rgba(0,0,0,0.4) !important; }
[data-theme="light"] .adm-tab-btn.off:hover { color: rgba(0,0,0,0.7) !important; }
[data-theme="light"] .adm-row { border-bottom-color: rgba(0,0,0,0.04) !important; }
[data-theme="light"] .adm-bar-track { background: rgba(0,0,0,0.06) !important; }
[data-theme="light"] .adm-tabs-wrap { background: rgba(0,0,0,0.03) !important; border-color: rgba(0,0,0,0.06) !important; }
[data-theme="light"] .adm-login-wrap input { background: rgba(0,0,0,0.04) !important; color: #1c1c1e !important; border-color: rgba(0,0,0,0.10) !important; }
[data-theme="light"] .adm-login-wrap input::placeholder { color: rgba(0,0,0,0.35) !important; }

/* === DARK BACKGROUND ELEMENTS === */
[data-theme="light"] #screenContainer [style*="background:#111"],
[data-theme="light"] #screenContainer [style*="background: #111"],
[data-theme="light"] #screenContainer [style*="background:#1a1a1a"],
[data-theme="light"] #screenContainer [style*="background: #1a1a1a"],
[data-theme="light"] #screenContainer [style*="background:#000"] {
    background: #f5f5f7 !important;
}

/* === APP LOADER === */
[data-theme="light"] .fredi-loader-sub { color: rgba(0,0,0,0.35) !important; }

/* === INPUTS (all inline-styled) === */
[data-theme="light"] #screenContainer input[style*="color:white"],
[data-theme="light"] #screenContainer textarea[style*="color:white"],
[data-theme="light"] #screenContainer input[style*="color:#fff"],
[data-theme="light"] #screenContainer textarea[style*="color:#fff"] {
    color: #1c1c1e !important;
}
[data-theme="light"] #screenContainer input[style*="background:rgba(255,255,255"],
[data-theme="light"] #screenContainer textarea[style*="background:rgba(255,255,255"],
[data-theme="light"] #screenContainer input[style*="background:rgba(0,0,0"],
[data-theme="light"] #screenContainer textarea[style*="background:rgba(0,0,0"] {
    background: rgba(0,0,0,0.04) !important;
    color: #1c1c1e !important;
}

/* === METER MODULE === */
[data-theme="light"] .meter-modal { color: #1c1c1e !important; }
[data-theme="light"] .meter-modal { background: #fff !important; border-color: rgba(0,0,0,0.10) !important; }
[data-theme="light"] .meter-overlay { background: rgba(0,0,0,0.3) !important; }

/* === SUBSCRIPTION CARDS === */
[data-theme="light"] .sub-card {
    background: linear-gradient(135deg, rgba(59,130,255,0.08) 0%, rgba(255,107,59,0.04) 100%) !important;
    border-color: rgba(0,0,0,0.10) !important;
}
[data-theme="light"] .sub-info-row { border-bottom-color: rgba(0,0,0,0.06) !important; }
[data-theme="light"] .sub-btn-secondary {
    background: rgba(0,0,0,0.04) !important;
    border-color: rgba(0,0,0,0.12) !important;
}
[data-theme="light"] .sub-card-icon { background: rgba(0,0,0,0.03) !important; }
[data-theme="light"] .sub-loading { color: var(--text-secondary) !important; }

/* === DOTS POPUP === */
[data-theme="light"] .dots-popup { background: rgba(255,255,255,0.97) !important; border-color: rgba(0,0,0,0.1) !important; }
[data-theme="light"] .dots-item { color: #1c1c1e !important; }
[data-theme="light"] .dots-item:hover { background: rgba(0,0,0,0.06) !important; }
[data-theme="light"] .dots-title { color: #1c1c1e !important; }
[data-theme="light"] .dots-sub { color: rgba(0,0,0,0.4) !important; }
[data-theme="light"] .dots-divider { background: rgba(0,0,0,0.06) !important; }
[data-theme="light"] .install-modal-inner { background: #fff !important; border-color: rgba(0,0,0,0.1) !important; }
[data-theme="light"] .install-modal-title { color: #1c1c1e !important; }
[data-theme="light"] .install-modal-text { color: rgba(0,0,0,0.55) !important; }

/* === CHATS TITLE === */
[data-theme="light"] .chats-title {
    color: #333 !important;
    -webkit-text-fill-color: #333 !important;
}
