/* =========================================================
   COMPREHENSIVE LIGHT MODE FIXES FOR CG DASHBOARD
   Overrides transparent white backgrounds and white text
   ========================================================= */

body.light-mode {
    --bg-main: #f1f5f9;
    --bg-surface: #ffffff;
    --bg-surface-hover: #f8fafc;
    --text-main: #0f172a;
    --text-muted: #64748b;
    --border-glass: rgba(0,0,0,0.1);
}

/* 1. CARDS, CONTAINERS & SURFACES */
body.light-mode .cmd-card,
body.light-mode .stat-card,
body.light-mode .au-stat-card,
body.light-mode .module-card,
body.light-mode .au-user-card,
body.light-mode .user-profile-card,
body.light-mode .partner-card,
body.light-mode .login-card,
body.light-mode .modal-card,
body.light-mode .premium-login-card,
body.light-mode .module-modal-card,
body.light-mode .uab-content-box,
body.light-mode .uab-stepper,
body.light-mode .uab-checklist-card,
body.light-mode .uab-invite-section,
body.light-mode .glass-input-block,
body.light-mode .notif-dropdown,
body.light-mode .notif-drop-item,
body.light-mode .bot-dropdown-menu,
body.light-mode .premium-bot-selector,
body.light-mode .admin-item,
body.light-mode .log-item,
body.light-mode .bot-detail-card,
body.light-mode .billing-card,
body.light-mode .wizard-card,
body.light-mode .uov2-banner,
body.light-mode .stat-card-v2,
body.light-mode .invoice-card,
body.light-mode .ticket-card,
body.light-mode .sub-card {
    background: rgba(255, 255, 255, 0.95) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03) !important;
}

/* Hover States for interactive cards */
body.light-mode .cmd-card:hover,
body.light-mode .stat-card:hover,
body.light-mode .module-card:hover,
body.light-mode .user-profile-card:hover,
body.light-mode .premium-bot-selector:hover,
body.light-mode .notif-drop-item:hover,
body.light-mode .admin-item:hover,
body.light-mode .ticket-card:hover,
body.light-mode .invoice-card:hover {
    background: #ffffff !important;
    border-color: rgba(0,0,0,0.15) !important;
    box-shadow: 0 15px 35px rgba(0,0,0,0.06) !important;
}

/* 2. TEXT COLORS */
body.light-mode h1,
body.light-mode h2,
body.light-mode h3,
body.light-mode h4,
body.light-mode h5,
body.light-mode h6,
body.light-mode strong,
body.light-mode .text-white,
body.light-mode .uab-title,
body.light-mode .stat-info h3,
body.light-mode .module-info h3,
body.light-mode .partner-info h3,
body.light-mode .price-amount,
body.light-mode .nd-content h4,
body.light-mode .prof-menu-item,
body.light-mode .uov2-banner-greeting,
body.light-mode .uov2-banner-message,
body.light-mode .stat-val,
body.light-mode .input-with-icon input,
body.light-mode .uab-inst-item strong {
    color: var(--text-main) !important;
}

/* Muted Text */
body.light-mode p,
body.light-mode span.text-muted,
body.light-mode .uab-subtitle,
body.light-mode .uab-explain-text,
body.light-mode .stat-info p,
body.light-mode .module-info p,
body.light-mode .nd-content p,
body.light-mode .login-subtitle,
body.light-mode .uov2-banner-subtitle,
body.light-mode .stat-label,
body.light-mode .uab-inst-item p {
    color: var(--text-muted) !important;
}

/* 3. INPUTS AND FORMS */
body.light-mode .form-input,
body.light-mode .custom-select,
body.light-mode .auth-input,
body.light-mode .uab-input-group input[type="text"],
body.light-mode .uab-token-input-wrapper input,
body.light-mode .input-with-icon {
    background: #f8fafc !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    color: var(--text-main) !important;
}

body.light-mode .form-input:focus,
body.light-mode .custom-select:focus,
body.light-mode .auth-input:focus,
body.light-mode .uab-input-group input[type="text"]:focus,
body.light-mode .input-with-icon:focus-within {
    background: #ffffff !important;
    border-color: var(--accent-purple) !important;
    box-shadow: 0 0 0 3px rgba(139,92,246,0.1) !important;
}

body.light-mode .auth-input::placeholder,
body.light-mode .input-with-icon input::placeholder {
    color: #94a3b8 !important;
}

/* 4. ICONS & BUTTONS */
body.light-mode .bot-sel-arrow,
body.light-mode .toggle-token-visibility,
body.light-mode .logout-icon,
body.light-mode .modal-close-btn,
body.light-mode .abm-close {
    color: var(--text-muted) !important;
}
body.light-mode .bot-sel-arrow:hover,
body.light-mode .toggle-token-visibility:hover,
body.light-mode .logout-icon:hover,
body.light-mode .modal-close-btn:hover,
body.light-mode .abm-close:hover {
    color: var(--text-main) !important;
    background: rgba(0,0,0,0.05) !important;
}

body.light-mode .uab-back-to-dashboard,
body.light-mode .wiz-btn-secondary,
body.light-mode .action-btn.secondary {
    background: #f1f5f9 !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
    color: #475569 !important;
}
body.light-mode .uab-back-to-dashboard:hover,
body.light-mode .wiz-btn-secondary:hover,
body.light-mode .action-btn.secondary:hover {
    background: #e2e8f0 !important;
    color: #0f172a !important;
}

body.light-mode .uab-step-indicator .step-num {
    background: #f1f5f9 !important;
    border-color: rgba(0,0,0,0.1) !important;
    color: #475569 !important;
}

/* 5. DIVIDERS & LINES */
body.light-mode .login-divider::before,
body.light-mode .login-divider::after,
body.light-mode .module-actions,
body.light-mode .notif-drop-header,
body.light-mode .notif-drop-footer,
body.light-mode .uab-action-row,
body.light-mode .config-row {
    border-color: rgba(0,0,0,0.06) !important;
}

body.light-mode .wiz-line,
body.light-mode .uab-step-line {
    background: rgba(0,0,0,0.08) !important;
}

/* 6. MODALS OVERLAY */
body.light-mode .modal-overlay,
body.light-mode .module-modal-overlay,
body.light-mode .premium-modal-overlay,
body.light-mode .wizard-backdrop {
    background: rgba(241, 245, 249, 0.85) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

/* 7. TABLES & LISTS */
body.light-mode .user-table th,
body.light-mode .log-time {
    color: var(--text-muted) !important;
    border-bottom-color: rgba(0,0,0,0.05) !important;
}
body.light-mode .user-table td {
    color: var(--text-main) !important;
    border-bottom-color: rgba(0,0,0,0.03) !important;
}
body.light-mode .user-table tbody tr:hover {
    background: rgba(0,0,0,0.02) !important;
}
body.light-mode .uab-sublist li {
    color: var(--text-main) !important;
}

/* 8. FIXES FOR SPECIFIC GLOWS */
body.light-mode .partner-card::after {
    background: rgba(255, 255, 255, 0.9) !important;
}
body.light-mode .uab-checklist-card li i {
    color: rgba(0,0,0,0.2) !important;
}
body.light-mode .uab-checklist-card li.active i:not(.icon-pending) {
    color: var(--accent-emerald) !important;
}
body.light-mode .bot-dropdown-item {
    color: var(--text-muted) !important;
}
body.light-mode .bot-dropdown-item:hover {
    color: var(--text-main) !important;
    background: rgba(0,0,0,0.05) !important;
}
body.light-mode .bot-dropdown-item.active {
    background: rgba(139, 92, 246, 0.1) !important;
    color: var(--text-main) !important;
    border-color: rgba(139, 92, 246, 0.2) !important;
}

/* 9. WIZARD / ADD BOT SPECIFIC */
body.light-mode .wiz-title {
    color: var(--text-main) !important;
}
body.light-mode .wiz-desc {
    color: var(--text-muted) !important;
}
body.light-mode .wiz-step-icon {
    background: #f1f5f9 !important;
    border-color: rgba(0,0,0,0.1) !important;
    color: #475569 !important;
}
body.light-mode .glass-input-block {
    background: #ffffff !important;
    border: 1px solid rgba(0,0,0,0.1) !important;
}
body.light-mode .glass-input-block label {
    color: var(--text-muted) !important;
}

/* END OF LIGHT MODE OVERRIDES */