/* Chips de ferramenta no chat (verde = ok, vermelho = erro, cinza = rodando) */
.chip {
    display: inline-flex; align-items: center; gap: .35rem;
    font-size: .75rem; line-height: 1; padding: .35rem .6rem;
    border-radius: 999px; border: 1px solid #e2e8f0; background: #f8fafc; color: #475569;
}
.chip[data-estado="ok"] { border-color: #a7f3d0; background: #ecfdf5; color: #047857; }
.chip[data-estado="erro"] { border-color: #fecaca; background: #fef2f2; color: #b91c1c; }

.giro {
    display: inline-block; width: .7rem; height: .7rem; border-radius: 999px;
    border: 2px solid currentColor; border-right-color: transparent;
    animation: giro .8s linear infinite;
}
@keyframes giro { to { transform: rotate(360deg); } }

/* Markdown das respostas do agente */
.prose-bhz { color: #1e293b; line-height: 1.6; overflow-wrap: anywhere; }
.prose-bhz > * + * { margin-top: .6rem; }
.prose-bhz h1, .prose-bhz h2, .prose-bhz h3 { font-weight: 600; color: #0f172a; }
.prose-bhz h1 { font-size: 1.1rem; } .prose-bhz h2 { font-size: 1rem; } .prose-bhz h3 { font-size: .95rem; }
.prose-bhz ul { list-style: disc; padding-left: 1.25rem; }
.prose-bhz ol { list-style: decimal; padding-left: 1.25rem; }
.prose-bhz strong { font-weight: 600; color: #0f172a; }
.prose-bhz code { font-size: .8em; background: #f1f5f9; padding: .1rem .3rem; border-radius: .25rem; }
.prose-bhz pre { background: #0f172a; color: #e2e8f0; padding: .75rem; border-radius: .5rem; overflow-x: auto; }
.prose-bhz pre code { background: none; padding: 0; }
.prose-bhz table { display: block; overflow-x: auto; border-collapse: collapse; font-size: .8rem; }
.prose-bhz th, .prose-bhz td { border-bottom: 1px solid #e2e8f0; padding: .4rem .75rem; text-align: left; white-space: nowrap; }
.prose-bhz th { font-weight: 600; color: #475569; background: #f8fafc; }
.prose-bhz a { color: #3a358f; text-decoration: underline; }