.pf-chat-avatar{overflow:hidden!important}
.pf-chat-avatar img{width:100%;height:100%;object-fit:cover}
.pf-chat-welcome>img{width:58px;height:58px;border-radius:50%;object-fit:cover}
.pf-chat-message{grid-template-columns:32px minmax(0,1fr);column-gap:8px}
.pf-chat-message .pf-message-avatar{grid-row:1 / span 3;width:32px;height:32px;border-radius:50%;box-sizing:border-box;object-fit:cover;align-self:start}
.pf-chat-message.is-agent .pf-message-avatar{grid-column:1}
.pf-chat-message.is-agent small,.pf-chat-message.is-agent>div,.pf-chat-message.is-agent time{grid-column:2}
.pf-chat-message.is-mine{grid-template-columns:minmax(0,1fr) 32px}
.pf-chat-message.is-mine .pf-message-avatar{grid-column:2}
.pf-chat-message.is-mine small,.pf-chat-message.is-mine>div,.pf-chat-message.is-mine time{grid-column:1}
.pf-member-avatar{display:grid;place-items:center;background:linear-gradient(135deg,#d9eeeb,#b7ded8);border:1px solid #9bcfc7;color:#08776d;font-size:13px;font-weight:800}
.pf-member-avatar-image{background:#d9eeeb;border:1px solid #9bcfc7}
.pf-agent-avatar{background:#111;border:1px solid rgba(255,255,255,.45)}
.pf-chat-translation{margin-top:8px;padding-top:7px;border-top:1px solid rgba(152,162,179,.25)}
.pf-chat-translation small{display:block;margin:0 0 3px;color:#667085;font-size:10px}
.pf-chat-translation p{margin:0;color:#526071;font-size:13px;line-height:1.45}
.pf-chat-read{display:block;margin:3px 6px 0;color:#12b76a;font-size:10px;text-align:right}