/* Connect Pro 4 conversation component. Independent visual system; no domain logic. */
:where(.wspc-widget,.wspc-inbox,#wspc-admin-chat-float){--cp4-chat-bg:color-mix(in srgb,var(--wspc-admin-chat-soft,var(--wspc-home-secondary-bg,#f5f7fb)) 72%,#fff);--cp4-surface:var(--wspc-admin-chat-surface,var(--wspc-home-secondary-bg,#fff));--cp4-line:var(--wspc-admin-chat-border,var(--wspc-home-border-color,#dce4ee));--cp4-primary:var(--wspc-admin-chat-primary,var(--wspc-primary,#0c5849));--cp4-accent:var(--wspc-admin-chat-accent,var(--wspc-accent,#17b897));--cp4-text:var(--wspc-home-secondary-text,#172033);--cp4-muted:#718096;--cp4-bubble-in-bg:var(--wspc-bubble-agent-bg,var(--cp4-surface));--cp4-bubble-in-text:var(--wspc-bubble-agent-text,var(--cp4-text));--cp4-bubble-in-line:var(--wspc-bubble-agent-border,var(--cp4-line));--cp4-bubble-out-bg:var(--wspc-bubble-visitor-bg,color-mix(in srgb,var(--cp4-primary) 92%,#fff));--cp4-bubble-out-text:var(--wspc-bubble-visitor-text,#fff);--cp4-bubble-out-line:var(--wspc-bubble-visitor-border,color-mix(in srgb,var(--cp4-primary) 70%,#fff));--cp4-bubble-radius:var(--wspc-bubble-radius,18px)}
.wspc-widget .wspc-chat-messages,.wspc-inbox .wspc-thread-stream,#wspc-admin-chat-float .wspc-admin-chat-messages{background:transparent!important;background-image:none!important;padding:16px 13px!important;gap:10px!important;overscroll-behavior:contain}
.wspc-widget .wspc-chat-message,.wspc-inbox .wspc-admin-message,#wspc-admin-chat-float .wspc-admin-float-message{margin-block:0 2px!important}
.wspc-widget .wspc-chat-bubble,.wspc-inbox .wspc-admin-message-bubble,#wspc-admin-chat-float .wspc-admin-float-message-bubble{max-width:min(78%,620px)!important;min-width:92px;border:1px solid var(--cp4-bubble-in-line)!important;border-radius:var(--cp4-bubble-radius) var(--cp4-bubble-radius) 6px var(--cp4-bubble-radius)!important;background:var(--cp4-bubble-in-bg)!important;color:var(--cp4-bubble-in-text)!important;padding:10px 12px 8px!important;line-height:1.85!important;box-shadow:0 6px 18px rgba(15,23,42,.065)!important;overflow:hidden;overflow-wrap:anywhere}
.wspc-widget .wspc-chat-message.is-visitor .wspc-chat-bubble,.wspc-inbox .wspc-admin-message.is-visitor .wspc-admin-message-bubble,#wspc-admin-chat-float .wspc-admin-float-message.is-visitor .wspc-admin-float-message-bubble{border-color:var(--cp4-bubble-out-line)!important;background:var(--cp4-bubble-out-bg)!important;color:var(--cp4-bubble-out-text)!important;box-shadow:0 7px 21px color-mix(in srgb,var(--cp4-primary) 22%,transparent)!important}.wspc-widget .wspc-chat-message.is-visitor .wspc-chat-bubble{border-radius:var(--cp4-bubble-radius) var(--cp4-bubble-radius) 6px var(--cp4-bubble-radius)!important}.wspc-inbox .wspc-admin-message.is-visitor .wspc-admin-message-bubble,#wspc-admin-chat-float .wspc-admin-float-message.is-visitor .wspc-admin-float-message-bubble{border-radius:var(--cp4-bubble-radius) var(--cp4-bubble-radius) var(--cp4-bubble-radius) 6px!important}
.wspc-widget .wspc-chat-message.is-system .wspc-chat-bubble,.wspc-inbox .wspc-admin-message.is-system .wspc-admin-message-bubble,#wspc-admin-chat-float .wspc-admin-float-message.is-system .wspc-admin-float-message-bubble{max-width:92%!important;margin-inline:auto;border-style:solid!important;border-color:#ead9a0!important;border-radius:14px!important;background:#fff8df!important;color:#665114!important;text-align:center;box-shadow:none!important}
.wspc-widget .wspc-chat-bubble footer,.wspc-inbox .wspc-admin-message-bubble footer,#wspc-admin-chat-float .wspc-admin-float-message-bubble footer{min-height:16px!important;margin-top:5px!important;direction:rtl!important}.wspc-widget .wspc-chat-bubble footer time,.wspc-inbox .wspc-admin-message-bubble footer time,#wspc-admin-chat-float .wspc-admin-float-message-bubble footer time{font-size:9px!important;opacity:.64!important}
.wspc-inbox .wspc-reply-box,#wspc-admin-chat-float .wspc-admin-chat-reply-form,.wspc-widget .wspc-chat-composer{border-top:1px solid var(--cp4-line)!important;background:transparent!important;background-image:none!important;box-shadow:none!important}
.wspc-inbox .wspc-reply-box textarea,#wspc-admin-chat-float .wspc-admin-chat-reply-form textarea,.wspc-widget .wspc-chat-input{border-color:var(--cp4-line)!important;border-radius:15px!important;background:var(--cp4-surface)!important;color:var(--cp4-text)!important;box-shadow:0 3px 12px rgba(15,23,42,.035)!important;transition:border-color .16s,box-shadow .16s,height .16s}
.wspc-inbox .wspc-reply-box textarea:focus,#wspc-admin-chat-float .wspc-admin-chat-reply-form textarea:focus,.wspc-widget .wspc-chat-input:focus{border-color:var(--cp4-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--cp4-accent) 16%,transparent)!important;outline:0!important}
.wspc-widget .wspc-voice-player,.wspc-inbox .wspc-admin-voice-player,#wspc-admin-chat-float .wspc-admin-float-voice-player{width:min(330px,70vw)!important;max-width:100%!important;min-width:210px!important;gap:9px!important}.wspc-widget .wspc-voice-play,.wspc-inbox .wspc-admin-voice-play,#wspc-admin-chat-float .wspc-admin-float-voice-play{width:42px!important;height:42px!important;box-shadow:none!important}.wspc-widget .wspc-voice-timeline,.wspc-inbox .wspc-admin-voice-track,#wspc-admin-chat-float .wspc-admin-float-voice-track{height:30px!important}
.wspc-widget .wspc-voice-bars i{border-radius:999px!important;transition:transform .09s linear,opacity .15s}.wspc-widget .wspc-voice-player.is-playing .wspc-voice-bars i:nth-child(3n+1){animation:cp4Wave .55s ease-in-out infinite alternate}.wspc-widget .wspc-voice-player.is-playing .wspc-voice-bars i:nth-child(3n+2){animation:cp4Wave .72s ease-in-out -.18s infinite alternate}.wspc-widget .wspc-voice-player.is-playing .wspc-voice-bars i:nth-child(3n){animation:cp4Wave .64s ease-in-out -.32s infinite alternate}@keyframes cp4Wave{to{transform:scaleY(.38);opacity:.46}}
.wspc-widget .wspc-chat-message.is-pending-send .wspc-chat-bubble,.wspc-inbox .wspc-admin-message.is-pending-send .wspc-admin-message-bubble,#wspc-admin-chat-float .wspc-admin-float-message.is-pending-send .wspc-admin-float-message-bubble{opacity:.68;transform:translateY(1px)}
@media(max-width:720px){.wspc-widget .wspc-chat-messages,.wspc-inbox .wspc-thread-stream,#wspc-admin-chat-float .wspc-admin-chat-messages{padding:12px 9px!important}.wspc-widget .wspc-chat-bubble,.wspc-inbox .wspc-admin-message-bubble,#wspc-admin-chat-float .wspc-admin-float-message-bubble{max-width:88%!important;min-width:0}.wspc-widget .wspc-voice-player,.wspc-inbox .wspc-admin-voice-player,#wspc-admin-chat-float .wspc-admin-float-voice-player{width:min(285px,70vw)!important;min-width:180px!important}}
.wspc-chat-bubble,.wspc-admin-message-bubble,.wspc-admin-float-message-bubble{touch-action:pan-y;will-change:transform;transition:transform .14s ease,box-shadow .16s ease}.wspc-message-touch-menu{position:fixed;z-index:2147483600;display:flex;gap:5px;padding:6px;border:1px solid var(--cp4-line,#dce4ee);border-radius:12px;background:#fff;box-shadow:0 12px 35px rgba(15,23,42,.22);direction:rtl}.wspc-message-touch-menu button{min-height:34px;padding:5px 10px;border:0;border-radius:8px;background:#f1f5f9;color:#334155;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.wspc-admin-media-tools,.wspc-admin-float-media-tools,.wspc-chat-composer{position:relative}

/* A custom bubble palette must also win over the dark and glass theme presets. */
.wspc-widget.wspc-bubble-custom .wspc-chat-message:not(.is-system) .wspc-chat-bubble,
.wspc-inbox.wspc-bubble-custom .wspc-admin-message:not(.is-system) .wspc-admin-message-bubble,
#wspc-admin-chat-float.wspc-bubble-custom .wspc-admin-float-message:not(.is-system) .wspc-admin-float-message-bubble{background:var(--cp4-bubble-in-bg)!important;background-image:none!important;color:var(--cp4-bubble-in-text)!important;border-color:var(--cp4-bubble-in-line)!important}
.wspc-widget.wspc-bubble-custom .wspc-chat-message.is-visitor .wspc-chat-bubble,
.wspc-inbox.wspc-bubble-custom .wspc-admin-message.is-visitor .wspc-admin-message-bubble,
#wspc-admin-chat-float.wspc-bubble-custom .wspc-admin-float-message.is-visitor .wspc-admin-float-message-bubble{background:var(--cp4-bubble-out-bg)!important;background-image:none!important;color:var(--cp4-bubble-out-text)!important;border-color:var(--cp4-bubble-out-line)!important}
.wspc-widget.wspc-bubble-custom .wspc-chat-message:not(.is-system) .wspc-chat-bubble p,
.wspc-widget.wspc-bubble-custom .wspc-chat-message:not(.is-system) .wspc-chat-bubble .wspc-chat-text,
.wspc-widget.wspc-bubble-custom .wspc-chat-message:not(.is-system) .wspc-chat-bubble time{color:inherit!important}