/* Bixie — o mesmo chat da página principal, nos painéis. */
.bixie { position: fixed; right: 16px; bottom: 84px; z-index: 25; height: 48px; padding: 0 20px 0 14px; border-radius: 999px; background: var(--surface-overlay); border: 1px solid var(--line-strong); box-shadow: var(--shadow-deep); color: var(--text); font: 600 13.5px var(--font-display); cursor: pointer; display: flex; align-items: center; gap: 10px; }
.bixie i { width: 28px; height: 28px; border-radius: 50%; background: var(--brand-grad); display: flex; align-items: center; justify-content: center; flex: none; }
.bixie i svg, .bixie .ic { width: 16px; height: 16px; color: #fff; }
@media (min-width: 900px) { .bixie { bottom: 24px; } }
.chatbot{
  position:fixed;right:20px;bottom:22px;z-index:96;
  width:374px;max-width:calc(100vw - 32px);height:560px;max-height:calc(100vh - 44px);
  background:#fff;color:#2c0e44;border-radius:30px;overflow:hidden;
  box-shadow:0 30px 64px rgba(0,0,0,.35);
  display:flex;flex-direction:column;
  opacity:0;visibility:hidden;transform:translateY(28px) scale(.94);pointer-events:none;
  transform-origin:bottom right;
  transition:opacity .32s cubic-bezier(.2,.7,.2,1),transform .32s cubic-bezier(.2,.7,.2,1);
  font-family:'Inter',system-ui,sans-serif;
}
.chatbot.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.ico{width:1.15em;height:1.15em;flex:none;display:inline-block;vertical-align:middle}
.chat-head{
  display:flex;align-items:center;gap:11px;
  background:var(--brand-grad);color:#fff;padding:15px 16px;
}
.chat-avatar{width:36px;height:36px;border-radius:50%;background:#fff;padding:3px;flex:none}
.chat-id{flex:1;line-height:1.25}
.chat-id strong{font-family:'Poppins',sans-serif;font-size:1.06rem;display:block}
.chat-id span{font-size:.78rem;opacity:.92;display:flex;align-items:center;gap:6px}
.online-dot{width:8px;height:8px;border-radius:50%;background:#3ddc84;display:inline-block;
  box-shadow:0 0 0 3px rgba(61,220,132,.3)}
.chat-close{
  width:34px;height:34px;border-radius:50%;border:0;cursor:pointer;
  background:rgba(255,255,255,.18);color:#fff;
  display:flex;align-items:center;justify-content:center;
}
.chat-close:hover{background:rgba(255,255,255,.32)}
.chat-body{
  flex:1;overflow-y:auto;padding:18px 16px;
  display:flex;flex-direction:column;gap:12px;
  background:#fdf8f3;scroll-behavior:smooth;
}
.msg{display:flex;gap:9px;align-items:flex-end;max-width:88%}
.msg-avatar{
  width:30px;height:30px;border-radius:50%;flex:none;background:#fff;
  padding:2px;box-shadow:0 2px 8px rgba(44,14,68,.08);
}
.msg-bubble{padding:11px 15px;border-radius:18px;font-size:.92rem;line-height:1.5}
.msg.bot .msg-bubble{
  background:#fff;border:1px solid rgba(44,14,68,.10);border-bottom-left-radius:5px;
  box-shadow:0 2px 8px rgba(44,14,68,.08);color:#2c0e44;
}
.msg.bot .msg-bubble strong{color:#ea5a1c}
.msg.bot .msg-bubble a{color:#b43ac6;font-weight:700;text-decoration:underline}
.msg.user{align-self:flex-end;flex-direction:row-reverse}
.msg.user .msg-bubble{
  background:var(--brand-grad);color:#fff;border-bottom-right-radius:5px;
}
.quick-replies{display:flex;flex-wrap:wrap;gap:8px;padding:2px 0 4px}
.qr{
  background:#7c2ba8;border:0;cursor:pointer;
  color:#fff;font-family:'Poppins',sans-serif;font-weight:600;
  font-size:.82rem;padding:8px 13px;border-radius:999px;
}
.qr:hover{filter:brightness(1.1)}
.chat-typing{display:flex;gap:4px;padding:13px 16px}
.chat-typing span{
  width:7px;height:7px;border-radius:50%;background:#b43ac6;
  animation:bixie-typing 1.3s ease-in-out infinite;
}
.chat-typing span:nth-child(2){animation-delay:.2s}
.chat-typing span:nth-child(3){animation-delay:.4s}
@keyframes bixie-typing{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}
.chat-foot{padding:11px 13px;border-top:1px solid rgba(44,14,68,.10);background:#fff}
.chat-foot form{display:flex;gap:8px}
.chat-input{
  flex:1;padding:12px 16px;border-radius:999px;
  border:1.5px solid rgba(44,14,68,.10);background:#fdf8f3;
  font:inherit;color:#2c0e44;
}
.chat-input:focus{outline:none;border-color:#b43ac6;background:#fff}
.chat-send{
  width:46px;height:46px;border-radius:50%;flex:none;border:0;cursor:pointer;
  background:var(--brand-grad);color:#fff;
  display:flex;align-items:center;justify-content:center;
}
body.bixie-open .bixie{opacity:0;pointer-events:none}
@media (max-width:899px){
  .pe-body .chatbot{bottom:92px;height:calc(100vh - 120px);right:12px}
}
@media (prefers-reduced-motion:reduce){
  .chatbot,.chat-typing span{transition:none;animation:none}
}
