/* WPLB Live Chat — pixel Jivo-like */
.wplb-chat{ position:fixed; bottom:16px; z-index:999999; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,"Helvetica Neue",sans-serif; }
.wplb-right{ right:16px; } .wplb-left{ left:16px; }

/* Hover menu */
.wplb-chat__hovercard{ position:absolute; bottom:64px; right:0; transform: translateY(8px); background:#fff; border-radius:16px; box-shadow:0 10px 28px rgba(0,0,0,.15); min-width: 320px; overflow:hidden; display:none; }
.wplb-left .wplb-chat__hovercard{ left:0; right:auto; }
.wplb-hover__item{ display:flex; align-items:center; gap:10px; padding:14px 16px; font-size:16px; color:#111; background:#fff; border:0; width:100%; text-align:left; cursor:pointer; }
.wplb-hover__item + .wplb-hover__item{ border-top:1px solid #eef0f3; }
.wplb-hover__item::before{ content:''; display:inline-block; width:22px; height:22px; border-radius:50%; background:#16a34a; }
.wplb-hover__tg::before{ background:#61a8de; mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M9.036 14.684l-.377 5.318c.539 0 .771-.231 1.049-.509l2.52-2.42 5.221 3.833c.957.529 1.636.251 1.891-.885l3.43-16.04h.001c.304-1.419-.513-1.977-1.45-1.63L.95 9.62C-.418 10.151-.397 10.93.714 11.271l5.27 1.645L18.858 6.23c.59-.395 1.126-.176.683.219"/></svg>') center/18px 18px no-repeat; }
.wplb-hover__open::before{ background:#34d399; mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="%23000" d="M20 2H4a2 2 0 00-2 2v14l4-4h14a2 2 0 002-2V4a2 2 0 00-2-2z"/></svg>') center/18px 18px no-repeat; }
.wplb-chat:hover .wplb-chat__hovercard{ display:block; }

/* Collapsed bubble */
.wplb-chat__bubble{ position:relative; display:flex; align-items:center; justify-content:center; min-width: 288px; height: 52px; padding:0 18px; border:0; cursor:pointer; border-radius:16px; font-weight:700; font-size:16px; background: linear-gradient(180deg, var(--wplb-bubble-from,#5eb1ff) 0%, #55a6f8 100%); color: var(--wplb-badge-text,#fff); box-shadow: 0 10px 24px rgba(0,0,0,.18); }
.wplb-chat__bubble::after{ content:''; position:absolute; right:-2px; top:50%; transform:translateY(-50%); width:58px; height:58px; border-radius:0 16px 16px 0; background: radial-gradient(110% 110% at 0% 50%, #4ade80 0%, #22c55e 55%, rgba(0,0,0,0) 56%); box-shadow: inset -6px -6px 12px rgba(0,0,0,.06); }
.wplb-left .wplb-chat__bubble::after{ left:-2px; right:auto; transform:translateY(-50%) scaleX(-1); }
.wplb-chat__bubble-text{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* Panel */
.wplb-chat__panel{ position:fixed; bottom:82px; width: 360px; max-height: 560px; background:#fff; border-radius:16px; box-shadow:0 16px 40px rgba(0,0,0,.22); display:none; flex-direction:column; overflow:hidden; }
.wplb-right .wplb-chat__panel{ right:16px; } .wplb-left .wplb-chat__panel{ left:16px; }
.wplb-chat--open .wplb-chat__panel{ display:flex; }

/* Header */
.wplb-chat__header{ padding:14px 12px; background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="120" height="120" viewBox="0 0 24 24" fill="none" opacity=".06"><path d="M7 10c1-3 4-4 6-2 2 2 1 5-2 6 1-2 0-3-2-4-1 0-2 0-2 0z" fill="%23ffffff"/></svg>') repeat, linear-gradient(180deg, var(--wplb-primary-from,#6bb8ff), var(--wplb-primary-to,#3a9eed)); color:#fff; position:relative; }
.wplb-chat__title{ font-weight:700; }
.wplb-chat__close{ position:absolute; right:10px; top:6px; border:0; background:transparent; color:#fff; font-size:28px; cursor:pointer; }

/* Body */
.wplb-chat__body{ padding:10px; display:flex; flex-direction:column; gap:10px; overflow-y:auto; }
.wplb-chat__messages{ display:flex; flex-direction:column; gap:8px; }
.wplb-msg{ max-width:80%; padding:8px 12px; border-radius:14px; line-height:1.4; font-size:14px; }
.wplb-msg--bot{ align-self:flex-start; background:#f2f4f7; color:#111; border-top-left-radius:4px; }
.wplb-msg--user{ align-self:flex-end; background: var(--wplb-accent,#2ecc71); color:#fff; border-top-right-radius:4px; }

/* Quick */
.wplb-chat__quick{ display:flex; flex-direction:column; align-items:flex-end; gap:10px; padding-top:6px; }
.wplb-quick{ background:#fff; color:#1f2b3a; border:1px solid #cfe0f4; border-radius:999px; padding:9px 14px; font-size:14px; box-shadow:0 3px 10px rgba(0,0,0,.08); cursor:pointer; }
.wplb-quick:hover{ box-shadow:0 6px 14px rgba(0,0,0,.12); }

/* Footer */
.wplb-chat__footer{ display:flex; gap:8px; border-top:1px solid #eef0f3; padding:8px; }
.wplb-chat__input{ flex:1; border:1px solid #e5e7eb; border-radius:999px; padding:10px 14px; }
.wplb-chat__send{ border:0; border-radius:999px; width:42px; height:42px; cursor:pointer; background: var(--wplb-accent,#2ecc71); color:#fff; font-size:18px; }

/* Vars */
.wplb-chat{ --wplb-bubble-from:#64b3ff; --wplb-badge-text:#fff; }