/* Sender roles are explicit on both sides; never infer identity from placement. */
/* Contain absolutely positioned screen-reader labels inside the scrolling message. */
body.admin-design #thread .message{position:relative}
.widget-shell #messages>.message-row[data-sender-role="customer"]{align-items:flex-end}
.widget-shell #messages>.message-row[data-sender-role="agent"]{align-items:flex-start}
.widget-shell #messages>.message-row>.sender{display:block;font-size:11px;font-weight:650;line-height:1.5;color:#737080}
.widget-shell #messages>.message-row[data-sender-role="agent"]>.sender{color:#625183}
.widget-shell #messages>.message-row[data-sender-role="agent"]>.bubble{align-self:flex-start;max-width:85%;padding:10px 13px;border:1px solid #e6e7ed;border-radius:18px 18px 18px 5px;background:#fff;color:#292b35;box-shadow:0 3px 10px #2a2d3c09}
.widget-shell #messages>.message-row[data-sender-role="customer"]>.bubble{align-self:flex-end;max-width:85%;border-radius:18px 18px 5px 18px;background:var(--accent-soft,#efedff);color:#292b35}
.widget-shell #messages>.message-row[data-sender-role="agent"]>.message-meta:before{content:none}
body.admin-design #thread .message[data-sender-role="customer"]{display:grid;grid-template-columns:32px minmax(0,1fr);margin-left:0;margin-right:36px}
body.admin-design #thread .message[data-sender-role="customer"]>.message-avatar{grid-column:1;grid-row:1 / span 2}
body.admin-design #thread .message[data-sender-role="customer"]>.message-agent-line{grid-column:2;grid-row:1;justify-self:start}
body.admin-design #thread .message[data-sender-role="customer"]>.message-bubble{grid-column:2;grid-row:2;justify-self:start;background:#f3f4f6;border:1px solid #e9eaee;color:var(--color-text);border-radius:4px 16px 16px 16px}
body.admin-design #thread .message[data-sender-role="customer"]>.message-meta{grid-column:2;justify-self:start}
body.admin-design #thread .message[data-sender-role="agent"]{display:grid;grid-template-columns:minmax(0,1fr) 32px;margin-left:36px;margin-right:0}
body.admin-design #thread .message[data-sender-role="agent"]>.message-avatar{grid-column:2;grid-row:1 / span 2}
body.admin-design #thread .message[data-sender-role="agent"]>.message-agent-line{grid-column:1;grid-row:1;justify-self:end}
body.admin-design #thread .message[data-sender-role="agent"]>.message-bubble{grid-column:1;grid-row:2;justify-self:end;background:var(--color-primary-soft,#efedff);color:var(--color-text);border-radius:16px 4px 16px 16px}
body.admin-design #thread .message[data-sender-role="agent"]>.message-meta{grid-column:1;justify-self:end}
body.customer-preview .customer-conversation-actions,body.customer-preview #composer,body.customer-preview #profile-link,body.customer-preview #restart-conversation,body.customer-preview #profile-tab{display:none!important}
body.customer-preview #notice{border-color:#dcd8ec;background:#f5f2fb;color:#625873}

body.admin-design .message-link,.widget-shell .message-link{color:#5145b4;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;cursor:pointer}
body.admin-design .message-link{color:var(--color-primary-strong,#5145b4)}
body.admin-design .message-link:hover,.widget-shell .message-link:hover{text-decoration-thickness:2px}
body.admin-design .message-link:focus-visible,.widget-shell .message-link:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:2px}