/**
 * CRITICAL PROFILE UI FIX - FORCE OVERRIDE
 * This file is designed to bypass caching and force a white background.
 */

/* 1. Force Modal Body Background */
#user-profile-edit-modal .edit-panel-body,
#admin-profile-edit-modal .edit-panel-body,
.edit-panel-body {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #1e293b !important;
}

/* 2. Force Form Section Backgrounds */
.form-section-elegant,
#user-profile-edit-modal .form-section-elegant,
#admin-profile-edit-modal .form-section-elegant {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05) !important;
}

/* 3. Force Label Visibility */
#user-profile-edit-modal label,
#admin-profile-edit-modal label {
    color: #475569 !important;
    font-weight: 700 !important;
}

/* 4. Force Input Visibility */
.input-premium, .select-premium {
    background: #ffffff !important;
    color: #0f172a !important;
    border: 1px solid #cbd5e1 !important;
}

/* 5. Force Header Background */
.edit-panel-header {
    background: #ffffff !important;
}

/* 6. Dashboard Integrated Edit Mode - Neutralize Overlays */
#full-dash-profile {
    background: transparent !important;
}

#dash-profile-edit-mode,
#dash-profile-edit-mode * {
    background-color: transparent;
}

#dash-profile-edit-mode div[style*="background:#ffffff"],
#dash-profile-edit-mode div[style*="background: #ffffff"],
#dash-profile-edit-mode .form-section,
#dash-profile-edit-mode .div-card,
#dash-profile-edit-mode > div:nth-child(2) {
    background-color: #ffffff !important;
}

/* Neutralize the "Blue Window" - likely a verification badge or similar */
.verification-badge.verified,
.status-badge.verified,
#u-edit-verification-badge {
    background-color: #f8fafc !important; /* Soft grey/white, not blue */
    height: auto !important;
    position: relative !important;
    width: auto !important;
    padding: 1rem !important;
    display: flex !important;
}

/* Ensure form fields are always white */
#user-profile-edit-form input,
#user-profile-edit-form select,
#user-profile-edit-form textarea {
    background-color: #ffffff !important;
    background: #ffffff !important;
    color: #0f172a !important;
    border: 1.5px solid #e2e8f0 !important;
}