.avatar{overflow:hidden;flex-shrink:0}
.avatar>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.app-header-user{display:flex;align-items:center;gap:10px;min-width:0;max-width:265px;padding:5px 8px;border:1px solid transparent;border-radius:15px;background:transparent;text-align:left;color:var(--ink);transition:background .18s,border-color .18s}
.app-header-user:hover{background:#edf3ff;border-color:#dce7f8}
.app-header-user-copy{display:flex;flex-direction:column;min-width:0;gap:1px}
.app-header-user-copy strong{display:block;max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;line-height:1.5}
.app-header-user-copy small{font-size:11px;line-height:1.5;color:#52647b}
.sidebar-user>button>.avatar{width:42px;height:42px;border:1px solid #dce6f4}
.sidebar-user>button>span:nth-child(2){min-width:0}
.sidebar-user strong{overflow-wrap:anywhere}
.profile-photo-editor{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:22px;border-bottom:1px solid #e4eaf2}
.profile-photo-editor .profile-photo-preview{width:96px;height:96px;border-radius:28px;font-size:30px;box-shadow:0 0 0 5px #f4f7fd,0 0 0 6px #dfe8f6;margin:3px 0 6px}
.profile-photo-title{font-size:14px;font-weight:750;color:#17263e}
.mg-app .profile-photo-help{font-size:12px;line-height:1.6;margin:0;max-width:250px;color:#52647b}
.profile-photo-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%}
.profile-photo-actions .app-btn{white-space:normal;min-height:42px;font-size:12px;padding:10px 12px;line-height:1.4}
.profile-photo-remove{font-size:12px;min-height:40px;color:#8b3447}
.mg-app .profile-photo-notice{font-size:12px;line-height:1.6;color:#1b6b50;margin:0}
.profile-photo-editor .form-error{font-size:12px;width:100%;margin:0}
@media(max-width:1050px){.app-header-user-copy strong{max-width:130px}.app-header-user{gap:8px;padding-inline:4px}}
@media(max-width:760px){.app-header-user{display:none}.profile-photo-editor{gap:14px}.profile-photo-actions .app-btn{min-height:44px;font-size:13px}.profile-photo-remove{font-size:13px;min-height:44px}.mg-app .profile-photo-help,.mg-app .profile-photo-notice{font-size:13px}}
@media(prefers-reduced-motion:reduce){.app-header-user{transition:none}}
/* Put photo controls first in the profile, including long partner forms. */
.profile-form>.profile-photo-editor{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:start;gap:8px 22px;text-align:left;margin:0 0 4px;padding:0 0 24px}
.profile-form .profile-photo-preview{grid-column:1;grid-row:1/4;margin:4px 0 0}
.profile-form .profile-photo-title{grid-column:2;grid-row:1}
.mg-app .profile-form .profile-photo-help{grid-column:2;grid-row:2;max-width:460px}
.profile-form .profile-photo-actions{grid-column:2;grid-row:3;justify-content:flex-start}
.profile-form .profile-photo-editor :is(.form-error,.profile-photo-notice){grid-column:1/-1}
@media(max-width:760px){.profile-form>.profile-photo-editor{grid-template-columns:80px minmax(0,1fr);gap:9px 17px}.profile-form .profile-photo-preview{width:80px;height:80px;border-radius:24px;font-size:25px}.profile-form .profile-photo-actions{grid-column:1/-1;margin-top:8px}}
@media(min-width:761px) and (max-width:1050px){.app-header-user-copy strong{max-width:100px}.app-topbar-leading{min-width:0;flex:1}.app-topbar-leading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-topbar-actions>.app-btn.primary.compact{width:44px;min-width:44px;padding:0}.app-topbar-actions>.app-btn.primary.compact>span{display:none}}