:root{--fundo:#0f1115;--painel:#171a21;--borda:#262b36;--texto:#e6e8ec;--suave:#9aa3b2;--acento:#3b82f6;--verde:#22c55e;--amarelo:#eab308;--vermelho:#ef4444}*{box-sizing:border-box}body{background:var(--fundo);color:var(--texto);margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.topo{border-bottom:1px solid var(--borda);background:var(--painel);align-items:center;gap:20px;padding:14px 20px;display:flex}.topo h1{margin:0;font-size:16px;font-weight:600}.topo nav a{color:var(--suave);font-size:14px}.topo nav a:hover,.topo nav a.ativo{color:var(--texto)}.conteudo{max-width:1100px;margin:0 auto;padding:20px}.cartoes{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.cartao{background:var(--painel);border:1px solid var(--borda);border-radius:10px;padding:14px}.cartao .n{font-size:26px;font-weight:600}.cartao .r{color:var(--suave);font-size:13px}.lista{flex-direction:column;gap:8px;margin-top:16px;display:flex}.conversa{background:var(--painel);border:1px solid var(--borda);border-radius:10px;padding:12px 14px;display:block}.conversa:hover{border-color:var(--acento)}.conversa .linha1{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.conversa .nome{font-weight:600}.conversa .previa{color:var(--suave);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:14px;overflow:hidden}.etiqueta{border:1px solid var(--borda);color:var(--suave);border-radius:999px;padding:2px 7px;font-size:11px}.etiqueta.humano{border-color:var(--amarelo);color:var(--amarelo)}.etiqueta.aberta{border-color:var(--verde);color:var(--verde)}.etiqueta.fechada{border-color:var(--vermelho);color:var(--vermelho)}.thread{flex-direction:column;gap:8px;margin:16px 0;display:flex}.balao{border-radius:12px;max-width:72%;padding:9px 12px}.balao.entrada{background:var(--painel);border:1px solid var(--borda);align-self:flex-start}.balao.saida{background:#1e3a5f;align-self:flex-end}.balao .meta{color:var(--suave);margin-top:5px;font-size:11px}.vazio{color:var(--suave);text-align:center;padding:30px 0}form.enviar{gap:8px;margin-top:16px;display:flex}form.enviar input{border:1px solid var(--borda);background:var(--painel);color:var(--texto);border-radius:9px;flex:1;padding:11px 13px;font-size:15px}form.enviar button{background:var(--acento);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:11px 20px;font-weight:600}form.enviar button:disabled{opacity:.5;cursor:not-allowed}.aviso{border:1px solid var(--amarelo);color:#f5d97a;background:#2a2410;border-radius:9px;margin-top:12px;padding:10px 12px;font-size:13px}