/* Live chat widget — uses the site's theme tokens */
.pxc{position:fixed;inset-block-end:22px;inset-inline-end:22px;z-index:90;font-family:var(--font);font-size:15px;line-height:1.7;color:var(--text)}
.pxc *{box-sizing:border-box}
.pxc-fab{position:relative;width:62px;height:62px;border-radius:50%;border:0;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand-2));box-shadow:0 14px 34px -8px color-mix(in srgb,var(--brand) 70%,#000),0 0 0 0 color-mix(in srgb,var(--brand) 50%,transparent);display:grid;place-items:center;transform:translateY(120px);opacity:0;transition:transform .7s cubic-bezier(.2,1.3,.4,1),opacity .4s}
.pxc.in .pxc-fab{transform:none;opacity:1;animation:pxc-ring 2.8s 1.5s 3}
.pxc-fab svg{width:28px;height:28px;transition:transform .3s,opacity .2s;position:absolute}.pxc-fab .x{opacity:0;transform:rotate(-80deg) scale(.5)}.pxc.open .pxc-fab .x{opacity:1;transform:none}.pxc.open .pxc-fab .m{opacity:0;transform:rotate(80deg) scale(.5)}
.pxc-badge{position:absolute;top:-4px;inset-inline-start:-4px;min-width:22px;height:22px;border-radius:999px;background:#ef4444;color:#fff;font-size:.75rem;font-weight:800;display:grid;place-items:center;padding:0 6px;border:2px solid var(--bg)}.pxc-badge[hidden]{display:none}
@keyframes pxc-ring{0%{box-shadow:0 14px 34px -8px color-mix(in srgb,var(--brand) 70%,#000),0 0 0 0 color-mix(in srgb,var(--brand) 55%,transparent)}100%{box-shadow:0 14px 34px -8px color-mix(in srgb,var(--brand) 70%,#000),0 0 0 22px transparent}}
.pxc-tip{position:absolute;inset-block-end:76px;inset-inline-end:0;width:272px;background:var(--card);border:1px solid var(--line);border-radius:18px 18px 4px 18px;padding:14px 38px 14px 16px;box-shadow:var(--shadow-lg);cursor:pointer;transform:translateY(24px) scale(.9);transform-origin:bottom right;opacity:0;pointer-events:none;transition:.45s cubic-bezier(.2,1.2,.4,1)}
[dir=rtl] .pxc-tip{transform-origin:bottom left;border-radius:18px 18px 18px 4px;padding:14px 16px 14px 38px}
.pxc-tip.show{transform:none;opacity:1;pointer-events:auto}.pxc-tip b{display:block;font-size:.92rem}.pxc-tip span{color:var(--muted);font-size:.85rem}
.pxc-tip button{position:absolute;top:8px;inset-inline-end:8px;width:24px;height:24px;border-radius:50%;border:0;background:var(--bg-alt);color:var(--muted);cursor:pointer;font-size:14px;line-height:1}
[dir=rtl] .pxc-tip button{inset-inline-end:auto;inset-inline-start:8px}
.pxc-panel{position:absolute;inset-block-end:78px;inset-inline-end:0;width:372px;max-width:calc(100vw - 28px);height:min(600px,calc(100vh - 120px));background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 30px 70px -20px rgba(8,16,48,.45);display:flex;flex-direction:column;overflow:hidden;transform:translateY(20px) scale(.96);transform-origin:bottom right;opacity:0;pointer-events:none;transition:.28s cubic-bezier(.2,1,.4,1)}
[dir=rtl] .pxc-panel{transform-origin:bottom left}
.pxc.open .pxc-panel{transform:none;opacity:1;pointer-events:auto}
.pxc-head{padding:16px 18px;background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;display:flex;align-items:center;gap:12px;position:relative;overflow:hidden}
.pxc-head::after{content:"";position:absolute;inset:-40% -10% auto auto;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.12)}
.pxc-ava{display:flex;flex:none;position:relative;z-index:1}.pxc-ava i{width:38px;height:38px;border-radius:50%;border:2px solid rgba(255,255,255,.9);background:#fff;color:var(--brand);display:grid;place-items:center;font-style:normal;font-weight:800;font-size:.9rem;margin-inline-end:-12px}.pxc-ava i:nth-child(2){background:#ffe08a;color:#6b4a00}
.pxc-ti{flex:1;min-width:0;position:relative;z-index:1;margin-inline-start:12px}.pxc-ti b{display:block;font-size:1rem;line-height:1.3}.pxc-ti small{display:flex;align-items:center;gap:6px;opacity:.92;font-size:.78rem}
.pxc-dot{width:8px;height:8px;border-radius:50%;background:#94a3b8}.pxc.online .pxc-dot{background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.3)}
.pxc-min{position:relative;z-index:1;border:0;background:rgba(255,255,255,.18);color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer;display:grid;place-items:center}.pxc-min:hover{background:rgba(255,255,255,.3)}.pxc-min svg{width:18px;height:18px}
.pxc-id{font-size:.78rem;padding:8px 16px;background:var(--bg-alt);color:var(--muted);border-bottom:1px solid var(--line);display:flex;gap:8px;align-items:center}.pxc-id a{color:var(--brand);font-weight:700;margin-inline-start:auto}.pxc-id.ok{color:#059669}.pxc-id svg{width:15px;height:15px;flex:none}
.pxc-log{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:8px;background:var(--bg);scroll-behavior:smooth}
.pxc-m{max-width:84%;padding:9px 14px;border-radius:16px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.93rem;animation:pxc-pop .25s ease both}
.pxc-m small{display:block;font-size:.68rem;opacity:.65;margin-top:2px}
.pxc-m.v{align-self:flex-end;background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;border-end-end-radius:4px}
.pxc-m.a{align-self:flex-start;background:var(--card);border:1px solid var(--line);border-end-start-radius:4px;box-shadow:0 2px 8px -4px rgba(0,0,0,.12)}.pxc-m.a em{display:block;font-style:normal;font-size:.72rem;color:var(--brand);font-weight:700}
.pxc-m.s{align-self:center;max-width:94%;background:color-mix(in srgb,var(--brand) 9%,transparent);color:var(--muted);font-size:.8rem;text-align:center;border-radius:12px}
@keyframes pxc-pop{from{opacity:0;transform:translateY(8px) scale(.97)}}
.pxc-typing{align-self:flex-start;display:flex;gap:4px;padding:12px 14px;background:var(--card);border:1px solid var(--line);border-radius:16px}.pxc-typing i{width:6px;height:6px;border-radius:50%;background:var(--muted);animation:pxc-b 1s infinite}.pxc-typing i:nth-child(2){animation-delay:.15s}.pxc-typing i:nth-child(3){animation-delay:.3s}@keyframes pxc-b{50%{transform:translateY(-4px);opacity:.4}}
.pxc-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 16px 12px;background:var(--bg)}.pxc-chips button{border:1.5px solid var(--line);background:var(--card);color:var(--text);border-radius:999px;padding:6px 14px;font-size:.82rem;font-weight:600;cursor:pointer;transition:.15s}.pxc-chips button:hover{border-color:var(--brand);color:var(--brand)}
.pxc-form{display:flex;align-items:flex-end;gap:8px;padding:12px;border-top:1px solid var(--line);background:var(--card)}
.pxc-form textarea{flex:1;resize:none;max-height:110px;min-height:44px;border:1.5px solid var(--line);border-radius:14px;padding:10px 14px;background:var(--bg);color:var(--text);font:inherit;font-size:.93rem;outline:0}.pxc-form textarea:focus{border-color:var(--brand)}
.pxc-send{width:44px;height:44px;flex:none;border-radius:50%;border:0;background:var(--brand);color:#fff;cursor:pointer;display:grid;place-items:center;transition:.15s}.pxc-send:hover{background:var(--brand-dark)}.pxc-send:disabled{opacity:.5;cursor:default}.pxc-send svg{width:20px;height:20px}[dir=rtl] .pxc-send svg{transform:scaleX(-1)}
.pxc-foot{text-align:center;font-size:.7rem;color:var(--muted);padding:0 0 8px;background:var(--card)}
@media(max-width:520px){.pxc{inset-block-end:14px;inset-inline-end:14px}.pxc-panel{position:fixed;inset:0;width:100%;max-width:none;height:100%;border-radius:0;border:0}.pxc.open .pxc-fab{display:none}.pxc-tip{width:min(272px,calc(100vw - 40px))}}
@media(prefers-reduced-motion:reduce){.pxc *{animation:none!important;transition:none!important}}
/* RTL: visitor bubbles on the right (own side), agent on the left */
[dir=rtl] .pxc-m.v{align-self:flex-start;border-end-end-radius:16px;border-end-start-radius:4px}
[dir=rtl] .pxc-m.a{align-self:flex-end;border-end-start-radius:16px;border-end-end-radius:4px}