/* Conversation styles from side-by-side/chat.css, phone.css and widget-apps.css.
   Only the scope changes so native starter/scenario conversations use the same UI. */
.wabi-conversation{--chat-avatar-size:30.8px;--chat-message-gap:8px;--chat-message-inset:calc(var(--chat-avatar-size) + var(--chat-message-gap));font-family:Selecta,Arial,sans-serif}
.wabi-conversation .wabi-bubble{font-size: 18px; line-height: 1.45; white-space: pre-line; width: fit-content; max-width: 91%; border-radius: 28px; padding: 15px 20px; background: #f5f5f5; color: #111;}
.wabi-conversation .wabi-bubble.sent{background: #171717; color: #fff; margin-left: auto; max-width: 87%; border-radius: 30px;}
.wabi-conversation .wabi-thread-entry{margin: 0 0 15px; position: relative;}
.wabi-conversation .member-avatar{display:inline-grid; place-items:center; width:30px; height:30px; flex:none; border-radius:50%; background:#d8c9e3; color:#533d64; border:2px solid #fff; font:600 12px/1 Selecta,sans-serif;}
.wabi-conversation .wabi-bubble{font-family:Selecta,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji";font-size:17px;font-weight:400;line-height:1.4;letter-spacing:0}
.wabi-conversation .member-avatar{overflow:hidden;background:#e4ddd2}
.wabi-conversation .chat-message-row{display:flex;align-items:flex-start;gap:var(--chat-message-gap);width:100%;min-width:0}
.wabi-conversation .chat-message-row>.member-avatar{width:var(--chat-avatar-size);height:var(--chat-avatar-size);flex:0 0 var(--chat-avatar-size);margin-top:20px;border:0;box-shadow:0 1px 3px #00000012}
.wabi-conversation .chat-message-row>.member-avatar.wabi{background:transparent;box-shadow:none;overflow:visible}
.wabi-conversation .chat-message-row>.member-avatar.wabi img{object-fit:contain;transform:scale(1.22093);transform-origin:center}
.wabi-conversation .chat-message-content{min-width:0;max-width:calc(100% - var(--chat-message-inset))}
.wabi-conversation .chat-message-content>.sender-name{display:block;margin:0 0 5px 13px;transform:translateY(2px);font:400 12px/15px Selecta,Arial,sans-serif;color:#777}
.wabi-conversation .chat-message-content>.wabi-bubble{max-width:100%;padding:12px 15px;border-radius:0 23px 23px 23px;margin:0}
.wabi-conversation .chat-message-content>.wabi-bubble.sent{border-radius:23px 0 23px 23px}
.wabi-conversation .chat-message-row.sent{justify-content:flex-end;padding-left:20px}
.wabi-conversation .chat-message-row.sent>.member-avatar{display:none}
.wabi-conversation .wabi-thread-entry.message-followed{margin-bottom:4px}
.wabi-conversation .message-continuation .chat-message-row>.member-avatar{visibility:hidden;margin-top:0}
.wabi-conversation .message-continuation .chat-message-content>.sender-name{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.wabi-conversation .member-avatar img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}
.paired-conversation .wabi-conversation{display:block;padding:12px 18px 20px;gap:0}
.paired-conversation .device-screen{background:#fff!important}
.wabi-conversation .scenario-thread{margin:12px 0 0 var(--chat-message-inset);width:calc(100% - var(--chat-message-inset));max-width:274px}
.wabi-composer{height:52px;flex:none;display:flex;align-items:center;gap:12px;margin:8px 18px 12px;padding:8px 19px;border:1px solid #dedede;border-radius:30px;background:#ffffffed;box-shadow:inset 0 1px 1px #fff,0 0 0 8px #ffffff85;font:400 18px/22px Selecta,Arial,sans-serif;color:#868686}
.wabi-composer .compose-plus{font-size:32px;font-weight:300;line-height:1;color:#111}
.wabi-composer .mic-icon{margin-left:auto;height:24px;width:24px;fill:none;stroke:#626262;stroke-width:1.8;stroke-linecap:round;flex:none}
@media(forced-colors:active){.wabi-conversation .wabi-bubble{border:1px solid CanvasText}}