html[data-crm-theme] body.crm-app.crm-point.crm-workspace .conversation-timeline{--bubble-gap:clamp(40px,6vw,64px)}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace .conversation-timeline .message-bubble{position:relative;overflow:visible;border-radius:12px 12px 12px 3px!important;margin-top:12px!important;margin-bottom:12px!important}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace .conversation-timeline .message-bubble.own{border-radius:12px 12px 3px 12px!important}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace .conversation-timeline .message-bubble::after{content:"";position:absolute;bottom:0;left:-7px;width:12px;height:12px;background:inherit;clip-path:polygon(100% 0,100% 100%,0 100%);pointer-events:none;border:0}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace .conversation-timeline .message-bubble.own::after{left:auto;right:-7px;clip-path:polygon(0 0,100% 100%,0 100%)}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace .message-bubble .siu-message-avatar{position:absolute;bottom:-2px;left:-43px;right:auto;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--point-card);color:var(--point-blue);border:1px solid var(--point-line);box-shadow:0 1px 3px #0001;font-size:15px;font-weight:750;line-height:1;overflow:visible}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace .message-bubble.own .siu-message-avatar{left:auto;right:-43px}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace .message-bubble .siu-sender-client{background:var(--point-soft);color:var(--point-text)}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace .message-bubble .siu-sender-bot{background:var(--point-blue-soft)}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace .siu-message-avatar>svg{width:21px;height:21px;display:block}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace .siu-message-avatar .siu-avatar-channel{position:absolute;right:-3px;bottom:-3px;display:flex;border-radius:50%;background:var(--point-card);border:2px solid var(--point-card)}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace .siu-avatar-channel .chat-platform-icon{width:12px;height:12px;display:flex;border:0;margin:0;padding:0;background:transparent}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace .siu-avatar-channel svg{width:12px;height:12px}
@media(max-width:700px){html[data-crm-theme] body.crm-app.crm-point.crm-workspace .conversation-timeline{--bubble-gap:36px}html[data-crm-theme] body.crm-app.crm-point.crm-workspace .message-bubble .siu-message-avatar{left:-37px;width:28px;height:28px}html[data-crm-theme] body.crm-app.crm-point.crm-workspace .message-bubble.own .siu-message-avatar{left:auto;right:-37px}}
/* Theme-aware chat canvas and readable bubbles.
   Composer, toolbar, attachments and action buttons keep their existing styles and positions. */
html[data-crm-theme] body.crm-app.crm-point.crm-workspace #conversation-timeline{background-color:var(--theme-chat)!important;background-image:none!important}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace #conversation-timeline .message-bubble{background:var(--theme-incoming)!important;border:1px solid var(--point-line)!important;color:var(--point-text)!important;box-shadow:0 1px 2px #67553c0c}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace #conversation-timeline .message-bubble.own{--theme-own:inherit;--theme-own-text:inherit;--theme-own-muted:inherit;background:var(--theme-own)!important;border-color:var(--point-line)!important;color:var(--theme-own-text)!important}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace #conversation-timeline .message-bubble>:is(p,strong){color:var(--point-text)!important}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace #conversation-timeline .message-bubble>p{font-size:15px!important;font-weight:500!important;line-height:1.55!important;letter-spacing:.005em}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace #conversation-timeline .message-bubble>:is(small,time,.msg-meta,.message-meta){color:var(--point-muted)!important}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace #conversation-timeline .message-bubble>p a{color:var(--point-blue)!important;text-decoration:underline;text-underline-offset:2px}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace #conversation-timeline .timeline-day{color:var(--point-muted)!important;background:var(--point-card)!important;border-color:var(--point-line)!important;border-radius:12px;padding:4px 12px;font-size:12px!important}
@media(max-width:700px){html[data-crm-theme] body.crm-app.crm-point.crm-workspace #conversation-timeline .message-bubble>p{font-size:16px!important}}

/* The list and conversation follow the selected theme. */
html[data-crm-theme] body.crm-app.crm-point.crm-workspace .inbox-panel,
html[data-crm-theme] body.crm-app.crm-point.crm-workspace .inbox-panel>.thread-list,
html[data-crm-theme] body.crm-app.crm-point.crm-workspace .with-inbox>.workspace-empty{background-color:var(--theme-chat)!important;background-image:none!important;color:var(--point-text)!important}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace .inbox-panel .thread-row{background:transparent!important;border-color:var(--point-line)!important}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace .inbox-panel .thread-item{background:var(--point-card)!important;color:var(--point-text)!important;border-color:var(--point-line)!important}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace .inbox-panel .thread-item:hover{background:var(--point-hover)!important}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace .inbox-panel .thread-item.active{background:var(--point-blue-soft)!important;box-shadow:inset 3px 0 var(--point-blue)!important}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace .inbox-panel .thread-title{color:var(--point-text)!important}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace .inbox-panel :is(.thread-preview,.thread-meta,.thread-stage,.thread-no-results){color:var(--point-muted)!important}
/* Larger sender portraits with a small channel badge at the outer right edge. */
html[data-crm-theme] body.crm-app.crm-point.crm-workspace .message-bubble .siu-message-avatar{width:40px!important;height:40px!important;left:-50px!important;right:auto!important;font-size:18px!important;overflow:visible!important}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace .message-bubble.own .siu-message-avatar{left:auto!important;right:-50px!important}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace .siu-message-avatar>svg{width:25px!important;height:25px!important}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace .inbox-panel .contact-avatar{position:relative;display:flex;align-items:center;justify-content:center;width:40px!important;min-width:40px!important;height:40px!important;flex:0 0 40px!important;font-size:18px!important;overflow:visible!important;margin-right:4px}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace .siu-message-avatar>.siu-avatar-channel,
html[data-crm-theme] body.crm-app.crm-point.crm-workspace .inbox-panel .contact-avatar>.avatar-note{position:absolute!important;inset:auto -5px -2px auto!important;display:flex!important;align-items:center!important;justify-content:center!important;width:18px!important;height:18px!important;min-width:18px!important;padding:0!important;margin:0!important;transform:none!important;border:2px solid var(--point-card)!important;border-radius:50%!important;box-sizing:border-box!important;background:var(--point-card)!important;overflow:hidden!important;line-height:1!important;z-index:2}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace :is(.siu-avatar-channel,.avatar-note)>.chat-platform-icon{position:static!important;display:flex!important;align-items:center!important;justify-content:center!important;width:14px!important;height:14px!important;min-width:14px!important;padding:1px!important;margin:0!important;border:0!important;border-radius:50%!important;box-sizing:border-box!important;transform:none!important}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace :is(.siu-avatar-channel,.avatar-note)>.chat-platform-whatsapp{background:#20bd63!important;color:#fff!important}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace :is(.siu-avatar-channel,.avatar-note)>.chat-platform-icon svg{position:static!important;display:block!important;width:12px!important;height:12px!important;min-width:12px!important;margin:0!important;transform:none!important;color:inherit!important}
@media(max-width:700px){
 html[data-crm-theme] body.crm-app.crm-point.crm-workspace .conversation-timeline{--bubble-gap:46px}
 html[data-crm-theme] body.crm-app.crm-point.crm-workspace .message-bubble .siu-message-avatar{width:38px!important;height:38px!important;left:-47px!important}
 html[data-crm-theme] body.crm-app.crm-point.crm-workspace .message-bubble.own .siu-message-avatar{left:auto!important;right:-47px!important}
}

html[data-crm-theme] body.crm-app.crm-point.crm-workspace #conversation-timeline .message-bubble.own>:is(p,strong){color:var(--theme-own-text)!important}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace #conversation-timeline .message-bubble.own>:is(small,time,.msg-meta,.message-meta){color:var(--theme-own-muted)!important}
html[data-crm-theme] body.crm-app.crm-point.crm-workspace #conversation-timeline .message-bubble.own>p a{color:var(--theme-own-text)!important}