:root { --fundo:#f6f5f2; --cartao:#fff; --texto:#1f1f1f; --suave:#6b6b6b; --borda:#e2ded6; --ia:#e8f0fe; --dono:#e3f5e1;
        --cliente:#fff; --perigo:#b3261e; --ok:#1e7a3c; --alerta:#a15c00; --destaque:#7a4e2d; }
@media (prefers-color-scheme: dark) { :root { --fundo:#161514; --cartao:#201f1d; --texto:#eee; --suave:#aaa; --borda:#38352f;
        --ia:#1d2a40; --dono:#1d3320; --cliente:#26241f; --destaque:#d9a77c; } }
* { box-sizing: border-box; }
body { margin:0; font:16px/1.45 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; background:var(--fundo); color:var(--texto); }
main { max-width:860px; margin:0 auto; padding:12px 16px 48px; }
a { color:var(--destaque); }
.topo { position:sticky; top:0; z-index:2; display:flex; flex-wrap:wrap; gap:8px 16px; align-items:center; padding:10px 16px;
        background:var(--cartao); border-bottom:1px solid var(--borda); }
.topo nav { display:flex; gap:12px; flex-wrap:wrap; }
.topo .sair { margin-left:auto; }
.cartao { background:var(--cartao); border:1px solid var(--borda); border-radius:10px; padding:12px 14px; margin:12px 0; }
.cartao.ok { border-left:6px solid var(--ok); } .cartao.alerta { border-left:6px solid var(--alerta); }
.estreito { max-width:380px; margin:40px auto; }
h1,h2,h3 { margin:.3em 0; } h2 { font-size:1.25rem; } h3 { font-size:1.05rem; }
label { display:block; margin:8px 0; }
input, select, textarea { width:100%; padding:9px; font:inherit; border:1px solid var(--borda); border-radius:8px; background:var(--fundo); color:var(--texto); }
input[type=checkbox] { width:auto; }
button, .botao { display:inline-block; padding:9px 16px; border:0; border-radius:8px; background:var(--destaque); color:#fff;
                 font:inherit; cursor:pointer; text-decoration:none; }
button.secundario, .botao.secundario { background:var(--suave); }
button.perigo { background:var(--perigo); }
button.link { background:none; color:var(--destaque); padding:0; text-decoration:underline; }
button.pequeno { padding:4px 10px; font-size:.85rem; }
form.inline { display:inline; }
.grade { display:grid; grid-template-columns:repeat(auto-fit, minmax(130px, 1fr)); gap:8px; }
.numero { background:var(--cartao); border:1px solid var(--borda); border-radius:10px; padding:10px; }
.numero b { display:block; font-size:1.3rem; } .numero span { color:var(--suave); font-size:.85rem; }
.lista { padding-left:18px; margin:6px 0; } .lista li { margin:4px 0; }
.erro { background:#fde7e5; color:#8a1c14; padding:8px 12px; border-radius:8px; } .erro-txt { color:var(--perigo); }
.selo { display:inline-block; font-size:.75rem; padding:2px 8px; border-radius:20px; background:var(--borda); }
.selo.humano { background:#fbe3c2; color:#6b3d00; } .selo.ia { background:#d6e4ff; color:#123a7a; }
.selo.ativo { background:#d5f0da; color:#14532d; } .selo.rascunho { background:#fff1c2; color:#5b4400; }
.conversas, .itens { list-style:none; padding:0; }
.conversas li, .itens li { background:var(--cartao); border:1px solid var(--borda); border-radius:10px; padding:10px 12px; margin:8px 0; }
.previa { color:var(--suave); font-size:.9rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pendencia { color:var(--alerta); font-size:.9rem; margin-top:4px; }
.chat { display:flex; flex-direction:column; gap:6px; margin:12px 0; }
.msg { max-width:88%; padding:8px 10px; border-radius:10px; border:1px solid var(--borda); background:var(--cliente); }
.msg.dono { align-self:flex-end; background:var(--dono); } .msg.ia { align-self:flex-end; background:var(--ia); }
.msg.sistema { align-self:center; background:transparent; font-size:.9rem; color:var(--suave); }
.msg .meta { font-size:.75rem; color:var(--suave); } .msg .texto { white-space:pre-wrap; overflow-wrap:anywhere; }
.citacao { font-size:.85rem; color:var(--suave); margin-left:8px; }
.veredito { font-size:.85rem; margin-left:8px; } .veredito.nao_sustentada { color:var(--perigo); } .veredito.sustentada { color:var(--ok); }
.linha { padding:6px 0; border-bottom:1px solid var(--borda); font-size:.9rem; overflow-wrap:anywhere; }
.filtros a.ativo { font-weight:bold; }
.acoes { margin:8px 0; }
details summary { cursor:pointer; }