.employee-avatar{--person-bg:#e4eef8;--person-ink:#315f88;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 auto;border-radius:50%;background:var(--person-bg)!important;color:var(--person-ink)!important;border:1px solid var(--person-ink);font-size:11px!important;font-weight:600;letter-spacing:.3px;line-height:1}.employee-tone-0{--person-bg:#e4eef8;--person-ink:#315f88}.employee-tone-1{--person-bg:#f2e8f9;--person-ink:#7c4b98}.employee-tone-2{--person-bg:#e1f0ed;--person-ink:#276c60}.employee-tone-3{--person-bg:#fbece0;--person-ink:#995325}.employee-tone-4{--person-bg:#f6e5ec;--person-ink:#974568}.employee-tone-5{--person-bg:#e9eafb;--person-ink:#55578e}.employee-tone-6{--person-bg:#eff1d9;--person-ink:#686b2e}.employee-tone-7{--person-bg:#def0f3;--person-ink:#286876}.employee-tone-8{--person-bg:#eee8df;--person-ink:#776047}
.employee-role{display:inline-flex!important;align-items:center;gap:5px;width:fit-content;border-radius:4px;padding:3px 6px;font-size:9px!important;line-height:1.5;font-weight:500;white-space:nowrap;background:#edf0eb;color:#526052}.employee-role.role-admin{background:#f1e7f7;color:#76438e}.employee-role.role-dispatcher{background:#fbeed8;color:#835c21}.employee-role.role-head{background:#e4e8f8;color:#485b94}.employee-role.role-engineer{background:#e1f0e8;color:#2d6c4c}.employee-role.role-manager{background:#e0eff5;color:#306981}.employee-departments{display:block!important;font-size:9px!important;color:var(--muted);font-weight:400;line-height:1.7;margin-top:5px;white-space:normal}.employee-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:7px}.chat-room .employee-avatar{width:35px;height:35px}.chat-heading-person .employee-avatar{width:41px;height:41px;font-size:13px!important}.chat-project-person .employee-avatar{width:31px;height:31px;font-size:10px!important}.chat-person-copy{min-width:0;flex:1}.chat-person-copy>strong{display:block;font-size:12px;line-height:1.7}.chat-person-copy .employee-role{margin-top:5px}.chat-contact .employee-role{margin-top:5px}.chat-message>.employee-avatar{width:27px;height:27px;font-size:9px!important;margin:0 8px 0 0;align-self:flex-end}.chat-message.mine>.employee-avatar{order:2;margin:0 0 0 8px}.chat-bubble>strong{color:var(--person-ink,var(--green))}.management-person .employee-role{margin-top:6px}.membership-tag .employee-role{margin:5px 0 0}.employee-legend{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 22px}.employee-legend>span:first-child{font-size:10px;color:var(--muted);margin-right:5px}
@media(max-width:650px){.chat-message>.employee-avatar{width:23px;height:23px;font-size:8px!important;margin-right:5px}.chat-message.mine>.employee-avatar{margin-left:5px;margin-right:0}.chat-bubble{max-width:calc(100% - 29px)}.employee-summary{gap:5px}.employee-departments{font-size:9px!important}}