/* Shared conversations. Visual values belong to ui.css / icons.css. */
.sfui-conversation__heading { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--sfui-space-12); }
.sfui-conversation__subject { display: grid; gap: var(--sfui-space-8); min-width: 0; flex: 1 1 70%; }
.sfui-message { display: grid; gap: var(--sfui-space-12); min-width: 0; }
.sfui-message__heading { display: flex; align-items: center; gap: var(--sfui-space-12); min-width: 0; }
.sfui-message__author { display: grid; gap: var(--sfui-space-4); min-width: 0; overflow-wrap: anywhere; }
.sfui-message--staff { padding: var(--sfui-space-16); border: var(--sfui-border-width) solid var(--sfui-border); border-radius: var(--sfui-control-radius); background: var(--sfui-soft); }

/* Optional conversation/user choice composes the shared choice and avatar owners. */
.sfui-conversation-choice { align-items: flex-start; width: 100%; text-align: start; }
.sfui-conversation-choice__copy { display: grid; gap: var(--sfui-space-4); flex: 1; min-width: 0; }
.sfui-conversation-choice__preview { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* Optional compact bubbles use the same message component and shared roles. */
.sfui-message--bubble { align-self: flex-start; justify-self: start; max-width: 100%; flex: none; gap: var(--sfui-space-4); }
.sfui-message__bubble { min-width: 0; padding: var(--sfui-space-12) var(--sfui-space-14); border-radius: 0 var(--sfui-control-radius) var(--sfui-control-radius) var(--sfui-control-radius); background: var(--sfui-control); color: var(--sfui-text); box-shadow: var(--sfui-bubble-shadow); font-size: var(--sfui-size-copy); line-height: var(--sfui-line-title); white-space: pre-wrap; overflow-wrap: anywhere; }
.sfui-message--visitor { align-self: flex-end; justify-self: end; }
.sfui-message--visitor .sfui-message__bubble { border-radius: var(--sfui-control-radius) 0 var(--sfui-control-radius) var(--sfui-control-radius); background: var(--sfui-soft); }
.sfui-message--visitor > time { text-align: end; }