/* chat-painel.css — só o que o Tailwind não cobre no widget do Stitch (card Logiccos/quadro#120):
   animação dos três pontos, barra de rolagem fina, sombra e o atributo hidden (a classe flex o anularia).
   Estrutura, cores e responsividade vêm das classes Tailwind em lib/chat-painel.js (base: tela do Stitch 35d73988d78b4c928cd2c40f4912f1bf). */
#chat-painel[hidden] { display: none; }
.shadow-fab { box-shadow: 0 10px 25px -4px rgb(var(--st-primary-container) / 0.45), 0 4px 10px -2px rgb(var(--st-primary-container) / 0.25); }
.shadow-chat { box-shadow: 0 20px 48px -12px rgb(0 0 0 / 0.75), 0 0 24px 0 rgb(var(--st-primary-container) / 0.08); }
:root[data-tema="claro"] .shadow-chat { box-shadow: 0 20px 48px -12px rgb(15 23 42 / 0.2), 0 0 16px 0 rgb(var(--st-primary-container) / 0.12); }
@keyframes typingDot { 0%, 80%, 100% { transform: translateY(0); opacity: .35; } 40% { transform: translateY(-5px); opacity: 1; } }
.typing-dot:nth-child(1) { animation: typingDot 1.4s infinite ease-in-out; }
.typing-dot:nth-child(2) { animation: typingDot 1.4s infinite ease-in-out .2s; }
.typing-dot:nth-child(3) { animation: typingDot 1.4s infinite ease-in-out .4s; }
.chat-scroll::-webkit-scrollbar { width: 5px; }
.chat-scroll::-webkit-scrollbar-track { background: transparent; }
.chat-scroll::-webkit-scrollbar-thumb { background: rgb(var(--st-primary-container) / 0.25); border-radius: 9999px; }
@media (prefers-reduced-motion: reduce) { .typing-dot, #chat-fab { animation: none; transition: none; } }
:root[data-tema="claro"] #chat-painel { background-color: rgb(var(--st-surface-container-lowest) / 0.97); }
:root[data-tema="claro"] #chat-painel > header, :root[data-tema="claro"] #chat-painel > footer { background-color: rgb(var(--st-surface-container-low) / 0.9); }