:root{--wbai-primary:#1d4ed8;--wbai-bg:#fff;--wbai-text:#0f172a}
#wbai-root{position:fixed;z-index:99999;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
#wbai-root[data-position="bottom-right"]{right:20px;bottom:20px}
#wbai-root[data-position="bottom-left"]{left:20px;bottom:20px}
.wbai-bubble{width:56px;height:56px;border-radius:50%;border:0;background:var(--wbai-primary);color:#fff;font-size:24px;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.wbai-panel{position:absolute;bottom:68px;right:0;width:min(360px,calc(100vw - 40px));max-height:60vh;overflow:auto;background:var(--wbai-bg);color:var(--wbai-text);border-radius:16px;box-shadow:0 16px 48px rgba(0,0,0,.25);padding:16px}
#wbai-root[data-position="bottom-left"] .wbai-panel{right:auto;left:0}
.wbai-head{font-weight:700;margin-bottom:8px}
.wbai-note{font-size:14px;line-height:1.5}
.wbai-close{position:absolute;top:8px;right:12px;border:0;background:transparent;font-size:22px;cursor:pointer}
.wbai-log{display:flex;flex-direction:column;gap:8px;min-height:120px;max-height:38vh;overflow:auto;margin:8px 0}
.wbai-msg{display:flex}.wbai-user{justify-content:flex-end}.wbai-assistant{justify-content:flex-start}
.wbai-bubble-text{max-width:85%;padding:8px 12px;border-radius:12px;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.wbai-user .wbai-bubble-text{background:var(--wbai-primary);color:#fff}
.wbai-assistant .wbai-bubble-text{background:#f1f5f9;color:var(--wbai-text)}
.wbai-bubble-text a{color:inherit;text-decoration:underline}
.wbai-typing{font-size:18px;letter-spacing:2px;opacity:.6}
.wbai-form{display:flex;gap:8px;margin-top:8px}
.wbai-input{flex:1;border:1px solid #cbd5e1;border-radius:10px;padding:8px 10px;font-size:14px}
.wbai-send{border:0;border-radius:10px;background:var(--wbai-primary);color:#fff;padding:0 14px;font-size:16px;cursor:pointer}
.wbai-send:disabled{opacity:.5;cursor:default}
.wbai-cta{margin-top:4px;border:1px solid var(--wbai-primary);background:#eff6ff;color:var(--wbai-primary);border-radius:10px;padding:6px 10px;font-size:13px;cursor:pointer}
.wbai-sources{display:flex;flex-direction:column;gap:2px;margin-top:4px;font-size:12px}
.wbai-sources a{color:var(--wbai-primary);text-decoration:underline;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.wbai-inline .wbai-panel{position:static;width:100%;max-height:none}
.wbai-lead{border:1px solid #cbd5e1;border-radius:12px;padding:10px;margin-top:4px;background:#f8fafc}
.wbai-lead-title{font-weight:600;font-size:14px;margin-bottom:6px}
.wbai-lead-form{display:flex;flex-direction:column;gap:6px}
.wbai-lead-input{border:1px solid #cbd5e1;border-radius:8px;padding:7px 9px;font-size:14px;width:100%;box-sizing:border-box}
.wbai-consent{font-size:12px;display:flex;gap:6px;align-items:flex-start;line-height:1.4}
.wbai-lead-row{display:flex;gap:8px}
.wbai-lead-go{border:0;border-radius:8px;background:var(--wbai-primary);color:#fff;padding:7px 14px;font-size:14px;cursor:pointer}
.wbai-lead-go:disabled{opacity:.5}
.wbai-lead-skip{border:0;background:transparent;color:#475569;font-size:13px;cursor:pointer;text-decoration:underline}
.wbai-lead-status{font-size:13px;min-height:1em}
.wbai-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}
.wbai-head .wbai-demo{background:#fef9c3;color:#854d0e;font-size:11px;padding:1px 7px;border-radius:8px;font-weight:700}
.wbai-chips{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}
.wbai-chip{border:1px solid #cbd5e1;background:#fff;border-radius:16px;padding:4px 10px;font-size:12px;cursor:pointer}
.wbai-chip:hover{border-color:var(--wbai-primary);color:var(--wbai-primary)}
.wbai-fb{display:flex;gap:4px;margin-top:2px}
.wbai-fb-btn{border:0;background:transparent;font-size:14px;cursor:pointer;opacity:.55;padding:2px 4px}
.wbai-fb-btn:hover{opacity:1}
.wbai-wrap .wbai-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.wbai-wrap .wbai-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px}
@media (max-width:480px){.wbai-panel{bottom:64px}}