.support-widget.support-widget-friendly .support-agent-avatar{border-radius:50%;overflow:hidden}
.support-widget .support-presence[hidden]{display:none!important}
.support-widget .support-presence{display:flex;align-items:center;gap:9px;padding:8px 16px;color:#425466;font-size:12px;flex-shrink:0}
.support-presence-avatar,.support-widget .support-message-avatar{width:32px;height:32px;flex:0 0 32px;object-fit:cover;border-radius:50%;background:#fff;border:1px solid #e0e8ef}
.support-presence-body{display:grid;gap:5px}.support-presence-label{font-size:11px}.support-typing-dots{display:flex;align-items:center;gap:4px;min-height:10px}
.support-typing-dots i{width:6px;height:6px;border-radius:50%;background:var(--sw-accent,#1684e8);animation:support-dot 1.2s ease-in-out infinite}.support-typing-dots i:nth-child(2){animation-delay:.15s}.support-typing-dots i:nth-child(3){animation-delay:.3s}
.support-widget .support-message{align-items:flex-end;gap:7px}.support-widget .support-message-avatar{width:27px;height:27px;flex-basis:27px}.support-widget .support-message .support-bubble{min-width:0}
@keyframes support-dot{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.support-typing-dots i{animation:none;opacity:.8}}
.sw-color-controls{display:flex;align-items:center;gap:8px}.sw-color-controls input[type=color]{width:52px;min-width:52px;height:42px;padding:3px;cursor:pointer}.sw-color-presets{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}.sw-color-presets button{width:27px;height:27px;border-radius:50%;background:var(--sw-choice);border:2px solid #fff;box-shadow:0 0 0 1px #bccbd7;cursor:pointer}.sw-color-presets button[aria-pressed=true]{outline:2px solid #253b50;outline-offset:2px}.sw-staff-photo-preview{display:flex;align-items:center;gap:10px;margin-top:8px}.sw-staff-photo-preview img{width:42px;height:42px;border-radius:50%;object-fit:cover;background:#fff;border:1px solid #dce5ec}
/* The site's unified theme must defer to the explicitly chosen chat color. */
html[data-pp-theme=unified] body .support-widget.support-widget-friendly :is(.support-fab,.support-send,.support-start-button,.support-history-actions [data-support-history-new],.support-handoff-actions button:first-of-type,.support-email-capture-message form button,[data-support-handoff-form]>button,.support-welcome-choices button:first-child){background:var(--sw-accent,#1684e8)!important;color:var(--sw-accent-text,#fff)!important;border-color:var(--sw-accent,#1684e8)!important}
html[data-pp-theme=unified] body .support-widget-settings .sw-color-presets button[data-widget-color]{background:var(--sw-choice)!important;border:2px solid #fff!important}
html[data-pp-theme=unified] body .support-widget.support-widget-friendly :is(.support-status,.support-chat-subtitle,.support-welcome-bottom>span){color:var(--sd-muted)!important}
html[data-pp-theme=unified] body .support-widget.support-widget-friendly .support-welcome-choices button:not(:first-child){color:var(--sd-text)!important}
.support-widget .support-presence{color:var(--sd-muted,#425466)}
.support-widget .support-typing-dots i{background:var(--sd-text,#425466)}
