#wbs-ai-root{position:fixed;right:22px;bottom:22px;z-index:999999;font-family:Arial,sans-serif}
.wbs-ai-button{width:62px;height:62px;border-radius:50%;border:0;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.22);cursor:pointer;font-weight:700;font-size:22px}
.wbs-ai-panel{display:none;width:360px;max-width:calc(100vw - 32px);height:520px;max-height:calc(100vh - 110px);background:#fff;border-radius:18px;box-shadow:0 10px 35px rgba(0,0,0,.22);overflow:hidden;border:1px solid #eee}
.wbs-ai-panel.open{display:flex;flex-direction:column}
.wbs-ai-header{color:#fff;padding:16px;font-weight:700;display:flex;justify-content:space-between;align-items:center}
.wbs-ai-close{background:transparent;border:0;color:#fff;font-size:22px;cursor:pointer}
.wbs-ai-messages{flex:1;padding:14px;overflow:auto;background:#fafafa}
.wbs-ai-msg{padding:10px 12px;border-radius:14px;margin:0 0 10px;line-height:1.35;font-size:14px;white-space:pre-wrap}
.wbs-ai-msg.bot{background:#fff;border:1px solid #eee;margin-right:22px}
.wbs-ai-msg.user{background:#e8f0ff;margin-left:22px;text-align:left}
.wbs-ai-form{display:flex;gap:8px;padding:12px;border-top:1px solid #eee;background:#fff}
.wbs-ai-input{flex:1;border:1px solid #ddd;border-radius:999px;padding:11px 13px;font-size:14px;outline:none}
.wbs-ai-send{border:0;border-radius:999px;color:#fff;padding:0 16px;font-weight:700;cursor:pointer}
.wbs-ai-typing{opacity:.65;font-style:italic}
@media(max-width:480px){#wbs-ai-root{right:12px;bottom:12px}.wbs-ai-panel{width:calc(100vw - 24px);height:70vh}}

.wbs-ai-popout{display:none;position:absolute;right:0;bottom:76px;width:250px;background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:0 8px 28px rgba(0,0,0,.18);padding:14px 38px 14px 15px;line-height:1.35;font-size:14px;color:#243044;cursor:pointer;animation:wbsAiPop .25s ease-out}
.wbs-ai-popout.show{display:block}
.wbs-ai-popout strong{font-size:16px;color:#111}
.wbs-ai-popout:after{content:"";position:absolute;right:25px;bottom:-9px;width:18px;height:18px;background:#fff;border-right:1px solid #eee;border-bottom:1px solid #eee;transform:rotate(45deg)}
.wbs-ai-popout-close{position:absolute;right:10px;top:8px;background:transparent;border:0;font-size:18px;line-height:1;color:#777;cursor:pointer}
@keyframes wbsAiPop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:480px){.wbs-ai-popout{right:0;bottom:74px;width:230px}}