/* Favo Atendente · estilo do chat (usado pelos sites do motor e pelo widget avulso) */
.fa-raiz{position:fixed;right:20px;bottom:24px;z-index:50;font-family:var(--fx)}
.com-sacola .fa-raiz{bottom:96px}
.fa-bolha{position:relative;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;border:0;background:var(--p);color:var(--sobreP);box-shadow:0 16px 30px -10px var(--p);transition:transform .2s}
.fa-bolha:hover{transform:scale(1.06)}
.fa-bolha svg{width:28px;height:28px}
.fa-ponto{position:absolute;top:4px;right:4px;width:14px;height:14px;border-radius:50%;background:var(--a);border:2px solid var(--bg)}
.fa-on .fa-ponto{display:none}
.fa-painel{position:absolute;right:0;bottom:76px;width:min(380px,calc(100vw - 24px));height:min(560px,calc(100dvh - 130px));display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:var(--bg);color:var(--tx);box-shadow:0 30px 70px -20px rgba(0,0,0,.45);border:1px solid color-mix(in srgb,var(--tx) 10%,transparent);animation:abre .25s cubic-bezier(.2,.8,.2,1)}
@keyframes abre{from{opacity:0;transform:translateY(16px) scale(.97)}}
.fa-painel header{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 16px;background:var(--p);color:var(--sobreP)}
.fa-painel header small{display:block;opacity:.8;font-size:.78rem}
.fa-painel header b{font-size:.95rem}
.fa-av{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--a);color:var(--sobreA)}
.fa-x{margin-left:auto;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:inherit}
.fa-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;background:var(--bg2)}
.fa-m{max-width:86%;padding:11px 14px;border-radius:16px;font-size:.93rem;line-height:1.45;animation:abre .2s}
.fa-bot{align-self:flex-start;background:var(--bg);border-bottom-left-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.fa-eu{align-self:flex-end;background:var(--p);color:var(--sobreP);border-bottom-right-radius:4px}
.fa-acao{display:flex;align-items:center;justify-content:center;gap:.4em;width:100%;margin-top:10px;min-height:42px;border-radius:12px;border:1.5px solid var(--p);background:transparent;color:var(--p);font-weight:700;font-size:.9rem;text-decoration:none}
.fa-wa{background:#25d366;border-color:#25d366;color:#fff}
.fa-dig{display:inline-flex;gap:4px;padding:4px 0}
.fa-dig i{width:7px;height:7px;border-radius:50%;background:var(--tx2);opacity:.5;animation:pula 1s infinite}
.fa-dig i:nth-child(2){animation-delay:.15s}
.fa-dig i:nth-child(3){animation-delay:.3s}
@keyframes pula{50%{transform:translateY(-4px);opacity:1}}
.fa-chips{display:flex;gap:6px;overflow-x:auto;padding:10px 12px 0;background:var(--bg);scrollbar-width:none}
.fa-chips button{flex:none;min-height:36px;padding:0 .9em;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--p) 40%,transparent);background:transparent;color:var(--p);font-weight:700;font-size:.85rem}
.fa-form{display:flex;gap:8px;padding:12px;background:var(--bg)}
.fa-form input{min-height:46px;border-radius:999px;background:var(--bg2)}
.fa-form button{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:50%;border:0;background:var(--p);color:var(--sobreP)}

@media (max-width:640px){
  .fa-raiz{right:14px;bottom:20px}
  .fa-bolha{width:56px;height:56px}
  .fa-painel{position:fixed;right:12px;left:12px;bottom:90px;width:auto;height:min(520px,calc(100dvh - 120px))}
}