:root{--text:#3f3f46;--text-h:#18181b;--bg:#fafafa;--bg-card:#fff;--border:#e4e4e7;--accent:#7c3aed;--accent-bg:#7c3aed14;--muted:#71717a;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font:15px/1.5 var(--sans);color:var(--text);background:var(--bg)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#d4d4d8;--text-h:#fafafa;--bg:#101012;--bg-card:#18181b;--border:#2e2e33;--accent:#a78bfa;--accent-bg:#a78bfa1f;--muted:#a1a1aa}}*{box-sizing:border-box}body{margin:0}.app{max-width:100%;min-height:100svh;padding:20px}.cabecalho h1{color:var(--text-h);margin:0 0 20px;font-size:20px}.erro{color:#ef4444}.board{grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;display:grid;overflow-x:auto}.coluna{background:var(--bg-card);border:1px solid var(--border);border-radius:8px;min-width:220px;padding:12px}.coluna h2{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 12px;font-size:13px}.coluna-cards{flex-direction:column;gap:8px;display:flex}.coluna-vazia{color:var(--muted);font-size:13px}.card{border:1px solid var(--border);cursor:pointer;background:var(--bg);border-radius:6px;padding:10px}.card:hover{border-color:var(--accent)}.card-topo{justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.card-topo span{color:var(--muted)}.card-protocolo{color:var(--accent);margin-bottom:4px;font-size:12px}.card-ultima-mensagem{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.thread-painel{flex-direction:column;gap:16px;max-width:640px;margin:0 auto;display:flex}.thread-cabecalho{align-items:center;gap:16px;display:flex}.thread-cabecalho>div{align-items:center;gap:8px;display:flex}.selo{background:var(--accent-bg);color:var(--accent);border-radius:999px;padding:2px 8px;font-size:11px}.thread-mensagens{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:8px;max-height:60vh;padding:12px;display:flex;overflow-y:auto}.bolha{border-radius:8px;max-width:80%;padding:8px 10px}.bolha-cliente{background:var(--accent-bg);align-self:flex-start}.bolha-agente_ia,.bolha-atendente_humano{background:var(--bg-card);border:1px solid var(--border);align-self:flex-end;margin-left:auto}.bolha-remetente{color:var(--muted);margin-bottom:2px;font-size:11px}.thread-acoes{flex-direction:column;gap:8px;display:flex}.thread-enviar{gap:8px;display:flex}.thread-enviar input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;flex:1;padding:8px 10px}.botao-primario,.botao-secundario{border:1px solid var(--border);cursor:pointer;font:inherit;border-radius:6px;padding:8px 14px}.botao-primario{background:var(--accent);color:#fff;border-color:var(--accent)}.botao-secundario{color:var(--text);background:0 0;align-self:flex-start}.dica{color:var(--muted);font-size:13px}