/**
 * ATACAJUNTO APP - Meus Dados 页面样式
 * css/pages/meus_dados.css
 * 
 * 依赖: perfil.css (共用 profile-card, profile-info-* 等样式)
 */

/* ===========================
   Meus Dados 页面 - 移动端
   =========================== */
.meus-dados-avatar-section {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
    padding: 24px 16px 40px;
    text-align: center;
    color: var(--text-white);
}

.meus-dados-avatar-section .profile-avatar {
    margin: 0 auto 12px;
}

.meus-dados-avatar-section .profile-avatar.large {
    width: 100px;
    height: 100px;
    font-size: 40px;
}

.meus-dados-name {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 4px;
    color: var(--text-white);
}

.meus-dados-username {
    font-size: 14px;
    opacity: 0.85;
    color: var(--text-white);
}

/* 覆盖 perfil.css 中的负边距，让卡片不与头像区域重叠 */
.meus-dados-avatar-section + .profile-content {
    margin-top: 0;
    padding-top: 16px;
}

/* ===========================
   桌面端适配
   =========================== */
@media (min-width: 769px) {
    .meus-dados-avatar-section {
        padding: 40px 24px 48px;
    }
    
    .meus-dados-avatar-section .profile-avatar.large {
        width: 120px;
        height: 120px;
        font-size: 48px;
    }
    
    .meus-dados-name {
        font-size: 24px;
    }
    
    .meus-dados-username {
        font-size: 16px;
    }
    
    .meus-dados-avatar-section + .profile-content {
        margin-top: 0;
        padding-top: 24px;
    }
}