/* --- 4. PROFILE --- */
.profile-header { 
    padding: 36px 24px 24px; display: flex; align-items: center; gap: 20px; 
    position: relative;
    overflow: hidden;
}
.profile-header::before {
    content: ''; position: absolute; top: 0; left: 0; right: 0; height: 150px;
    background: radial-gradient(ellipse at top right, rgba(255, 102, 0, 0.25), transparent 70%);
    z-index: 0; pointer-events: none;
}
.profile-header > * { position: relative; z-index: 1; }
.avatar-placeholder, .avatar {
    width: 72px; height: 72px; border-radius: 50%;
    object-fit: cover;
}
.avatar-placeholder { background: #1C1C1E; display: flex; align-items: center; justify-content: center; color: var(--text-muted); }
.login-prompt h2, .user-info h2 {
    font-size: 20px; font-weight: 600; margin-bottom: 4px; color: var(--text); display: flex; align-items: center; gap: 6px;
}
.login-prompt p, .user-info p {
    font-size: 12px; color: var(--text-muted);
}
.btn-primary-small {
    background: var(--primary-gradient); color: #fff; border: none;
    padding: 8px 16px; font-size: 13px; font-weight: 500; 
    margin-left: auto; border-radius: var(--radius-full);
}

.settings-list { margin: 0 24px; background: transparent; display: flex; flex-direction: column; gap: 4px; }
.setting-item {
    display: flex; align-items: center; padding: 10px 0; gap: 16px;
    cursor: pointer;
}
.setting-item:last-child { border-bottom: none; }
.setting-item i:first-child { width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; color: var(--text); }
.setting-item span { flex: 1; font-size: 15px; font-weight: 400; color: var(--text); }
.icon-right { color: #333; }

.setting-item.wallet-item {
    padding-top: 0;
    padding-bottom: 10px;
}

.wallet-item i:first-child { color: var(--gold); }
.wallet-balance { font-size: 18px; font-weight: 700; color: var(--text); margin-right: 16px; }
.wallet-balance .unit { font-size: 13px; color: var(--text-muted); font-weight: 400; }
.btn-recharge-small {
    background: rgba(255,215,0,0.1); color: var(--gold); border: none;
    padding: 8px 16px; font-size: 13px; font-weight: 600; border-radius: var(--radius-full);
}