/* Main profile only: aligned 3-line identity block and editable photo. */
#profileAccount:not(.profile-subpage-open) > .profile-account-head{
 --account-avatar-size:66px;padding:0 2px 12px !important;align-items:stretch;position:relative;
}
#profileAccount:not(.profile-subpage-open) > .profile-account-head > #profileAvatar{
 position:relative;box-sizing:border-box;width:var(--account-avatar-size);height:var(--account-avatar-size);
 flex:0 0 var(--account-avatar-size);align-self:flex-start;overflow:visible;
}
#profileAccount:not(.profile-subpage-open) > .profile-account-head > .profile-account-copy{
 height:var(--account-avatar-size);display:flex;flex-direction:column;justify-content:space-between;
 padding:0;box-sizing:border-box;min-width:0;
}
#profileAccount:not(.profile-subpage-open) > .profile-account-head > .profile-account-copy > h2,
#profileAccount:not(.profile-subpage-open) > .profile-account-head > .profile-account-copy > p,
#profileAccount:not(.profile-subpage-open) > .profile-account-head > .profile-account-copy > .profile-join-date{
 margin:0 !important;line-height:1.15;
}
#profileAvatarImage{
 position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;
}
#profileAvatarEdit{
 position:absolute;right:-3px;bottom:-3px;width:24px;height:24px;display:grid;place-items:center;
 padding:4px;border-radius:8px;border:1px solid #ffffff35;background:#33303e;color:#fff;
 cursor:pointer;box-sizing:border-box;
}
#profileAvatarEdit svg{width:15px;height:15px;stroke-width:1.8}
#profileAvatarEdit[disabled]{opacity:.55;cursor:wait}
#profileAvatarMenu{
 position:absolute;left:0;top:calc(var(--account-avatar-size) + 7px);z-index:60;
 width:190px;padding:6px;border:1px solid #ffffff29;border-radius:12px;
 background:#25252e;box-shadow:0 8px 25px #0007;color:#eee;direction:rtl;
}
#profileAvatarMenu[hidden],#profileAvatarImage[hidden],#profileAvatarLetter[hidden],#profileAvatarInput[hidden]{display:none !important}
#profileAvatarMenu button{
 display:block;width:100%;text-align:right;border:0;background:transparent;color:inherit;
 font:inherit;font-size:12px;padding:10px;border-radius:8px;cursor:pointer;
}
#profileAvatarMenu button:hover{background:#ffffff0b}
#profileAvatarMenu button:disabled{opacity:.4;cursor:default}
#profileAvatarStatus{display:block;font-size:11px;line-height:1.6;padding:0 8px}
#profileAvatarStatus:empty{display:none}
body.light-theme #profileAvatarMenu{background:#f5f4f9;color:#292633;border-color:#2222}
@media(max-width:480px){
 #profileAccount:not(.profile-subpage-open) > .profile-account-head{--account-avatar-size:58px}
}
