.user-avatar { overflow: hidden; }
.user-avatar img, .msg-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: inherit; }
.profile-card { max-width: 640px; overflow: hidden; }
.profile-card .profile-heading { padding: 24px 28px 0; }
.profile-heading h2 { margin: 0; font-size: 18px; font-weight: 650; color: var(--color-text); }
.profile-heading p { margin: 6px 0 0; color: var(--color-text-light); font-size: 14px; line-height: 1.5; }
.profile-content { padding: 24px 28px; }
.profile-identity { display: flex; align-items: center; gap: 18px; margin-bottom: 28px; }
.user-avatar.profile-preview { width: 80px; height: 80px; flex: 0 0 80px; font-size: 26px; }
.profile-identity > div { min-width: 0; }
.profile-identity h3 { margin: 0; font-size: 16px; font-weight: 600; overflow-wrap: anywhere; }
.profile-identity p { margin: 5px 0 0; color: var(--color-text-light); font-size: 13px; line-height: 1.5; }
.profile-help { margin: 10px 0 0; font-size: 12px; line-height: 1.7; color: var(--color-text-light); }
.profile-status { margin: 12px 0 0; font-size: 13px; line-height: 1.5; color: var(--color-text-light); }
.profile-status.is-error { color: var(--color-danger, #b42318); }
.profile-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 12px; padding: 18px 28px; border-top: 1px solid var(--color-border); background: var(--color-bg-secondary); }
.profile-actions > .btn-secondary { margin-right: auto; }
@media (max-width: 540px) {
    .profile-card .profile-heading { padding: 20px 20px 0; }
    .profile-content { padding: 22px 20px; }
    .profile-identity { gap: 14px; margin-bottom: 24px; }
    .user-avatar.profile-preview { width: 64px; height: 64px; flex-basis: 64px; font-size: 22px; }
    .profile-actions { padding: 16px 20px; flex-direction: column-reverse; }
    .profile-actions .btn { width: 100%; margin: 0; }
}