.avatar,.staff-avatar,.team-portrait,.reply-avatar{position:relative}
.portrait-initial{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:inherit}
.portrait-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.support-team{background:#fff;border-bottom:1px solid #eaf0f7;padding:12px 21px 10px;flex-shrink:0}
.team-heading{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8296ae;margin-bottom:10px;gap:8px}
.team-heading strong{font-weight:400;color:#4f6f95}
.support-portraits{display:flex;gap:9px;overflow-x:auto;scrollbar-width:thin;padding:0 0 3px}
.team-person{width:51px;flex:0 0 51px;text-align:center}
.team-portrait{width:36px;height:36px;border-radius:50%;background:#eaf1fc;color:#6a88b0;margin:0 auto;font-size:14px;display:block}
.presence-dot{position:absolute;bottom:-1px;right:-1px;width:11px;height:11px;border:2px solid #fff;border-radius:50%;background:#b4bfcd;z-index:1}
.team-person.online .presence-dot{background:#54b83e}
.team-person.unknown .presence-dot{background:#d7b56b}
.team-person-name{display:block;margin-top:6px;font-size:9px;color:#8294aa;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.team-person.online .team-person-name{color:#548e48}
.support-team-status{font-size:9px;color:#93a1b3;line-height:1.7;margin:7px 0 0}
.widget:has(#welcome.hidden) .support-team{padding:8px 20px;display:flex;align-items:center;gap:12px}
.widget:has(#welcome.hidden) .team-heading{margin:0;min-width:60px;flex-direction:column;gap:4px;align-items:flex-start}
.widget:has(#welcome.hidden) .team-person-name,.widget:has(#welcome.hidden) .support-team-status{display:none}
.widget:has(#welcome.hidden) .support-portraits{padding:0 0 2px;gap:7px}
.widget:has(#welcome.hidden) .team-person{flex-basis:31px;width:31px}
.widget:has(#welcome.hidden) .team-portrait{height:30px;width:30px;font-size:12px}
.widget .bubble.staff-reply{margin-right:37px;max-width:calc(91% - 37px)}
.reply-avatar{position:absolute;right:-37px;top:0;width:28px;height:28px;border-radius:50%;background:#e6eefb;color:#6b87ad;font-size:11px}
.user-photo-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.user-photo-actions .soft{padding:7px 10px}
.avatar-editor{display:flex;align-items:center;gap:18px;margin-bottom:20px;flex-wrap:wrap}
.avatar-editor .avatar{width:76px;height:76px;border-radius:23px;font-size:25px}
.avatar-editor-text{flex:1;min-width:170px}
.avatar-editor-text p{font-size:11px;color:#8798ad;margin:4px 0}
.avatar-upload-form{display:grid;gap:14px}
.avatar-file-label{font-size:12px;color:#6c83a1}
.avatar-file-label input{margin-top:10px;font-size:11px;padding:12px}
.avatar-preview{height:110px;width:110px;object-fit:cover;border-radius:20px;display:block;border:1px solid #e4ebf4}
.modal{scrollbar-width:thin;scrollbar-color:#d6e0ed transparent}
.modal .form-error:empty{display:none}
@media(max-width:480px){.user-row{flex-wrap:wrap}.user-photo-actions{margin-right:auto}.widget .widget-welcome{padding-top:11px}.widget .widget-welcome .hello{font-size:17px}}