:root { --fundo:#f1f5f9; --cartao:#fff; --texto:#1e293b; --suave:#64748b; --azul:#2563eb; --verm:#dc2626; --borda:#e2e8f0; }
* { box-sizing:border-box; }
body { margin:0; font-family:system-ui,-apple-system,"Segoe UI",sans-serif; background:var(--fundo); color:var(--texto); }
header { display:flex; gap:12px; align-items:baseline; padding:12px 16px; background:#0f172a; color:#fff; }
header .sub { color:#cbd5e1; } header .demo { margin-left:auto; font-size:.8rem; background:#f59e0b; color:#111; padding:2px 8px; border-radius:10px; }
main { display:grid; grid-template-columns:1fr 360px; gap:12px; padding:12px; height:calc(100vh - 48px); }
.kanban { display:grid; grid-template-columns:repeat(6, minmax(170px,1fr)); gap:10px; height:100%; overflow-x:auto; }
.coluna { background:#e2e8f0; border-radius:8px; padding:8px; overflow-y:auto; }
.coluna h2 { font-size:.85rem; margin:0 0 8px; display:flex; justify-content:space-between; }
.coluna-precisa_humano { background:#fee2e2; }
.qtd { background:#fff; border-radius:10px; padding:0 7px; font-weight:600; }
.cartao { background:var(--cartao); border-radius:6px; padding:8px; margin-bottom:8px; cursor:pointer; border:1px solid var(--borda); }
.cartao:hover { border-color:var(--azul); }
.topo { display:flex; justify-content:space-between; gap:6px; }
.ponto { align-self:flex-start; white-space:nowrap; background:#dbeafe; color:#1e40af; border-radius:10px; padding:0 7px; font-size:.8rem; font-weight:600; }
.ultima { font-size:.82rem; margin:6px 0 2px; } .quando, .meta { font-size:.75rem; color:var(--suave); margin:0; }
.alerta { display:inline-block; font-size:.72rem; background:var(--verm); color:#fff; border-radius:10px; padding:1px 7px; margin-top:4px; }
.vazio { color:var(--suave); font-size:.85rem; }
aside { background:#fff; border-radius:8px; padding:12px; overflow-y:auto; border:1px solid var(--borda); }
.conversa h3 { margin:0 0 4px; } .resumo { background:#f8fafc; padding:8px; border-radius:6px; font-size:.85rem; }
.mensagens { display:flex; flex-direction:column; gap:6px; margin:10px 0; }
.msg { max-width:85%; padding:6px 9px; border-radius:8px; font-size:.85rem; display:flex; flex-direction:column; }
.msg small { color:var(--suave); font-size:.7rem; } .msg-cliente { background:#f1f5f9; align-self:flex-start; }
.msg-ia { background:#dbeafe; align-self:flex-end; } .msg-humano { background:#dcfce7; align-self:flex-end; }
.acoes { display:flex; gap:8px; } .acoes button { padding:6px 10px; }
@media (max-width: 900px) { main { grid-template-columns:1fr; height:auto; } .kanban { grid-template-columns:repeat(6, 220px); } }
.selo-rascunho { display:inline-block; font-size:.72rem; background:#f59e0b; color:#111; border-radius:10px; padding:1px 7px; margin-top:4px; }
.selo-visita { display:inline-block; font-size:.72rem; background:#16a34a; color:#fff; border-radius:10px; padding:1px 7px; margin-top:4px; }
.marco-visita { align-self:center; text-align:center; font-size:.8rem; background:#f1f5f9; border:1px dashed #94a3b8; border-radius:8px; padding:6px 10px; margin:4px 0; max-width:92%; }
.marco-visita small { display:block; color:#64748b; }
.marco-realizada { background:#dcfce7; border-color:#16a34a; } .marco-nao_compareceu { background:#fee2e2; border-color:#dc2626; }
.aviso { background:#dcfce7; color:#14532d; padding:6px 9px; border-radius:6px; font-size:.85rem; }
.erro { background:#fee2e2; color:#7f1d1d; padding:6px 9px; border-radius:6px; font-size:.85rem; }
.rascunho, .responder { display:flex; flex-direction:column; gap:6px; margin-top:10px; }
.rascunho { background:#fffbeb; border:1px solid #f59e0b; border-radius:8px; padding:8px; }
.rascunho textarea, .responder textarea { width:100%; font:inherit; padding:6px; border:1px solid var(--borda); border-radius:6px; resize:vertical; }
.primario { background:var(--azul); color:#fff; border:0; border-radius:6px; }
nav { display:flex; gap:4px; margin-left:12px; }
nav a { color:#cbd5e1; text-decoration:none; padding:3px 10px; border-radius:6px; font-size:.9rem; }
nav a:hover { color:#fff; } nav a.ativo { background:#1e293b; color:#fff; }
.fase { margin-left:auto; font-size:.8rem; padding:2px 10px; border-radius:10px; background:#334155; color:#fff; }
.fase-aprovacao { background:#f59e0b; color:#111; } .fase-supervisao { background:#3b82f6; } .fase-autonomia { background:#16a34a; }
header .demo { margin-left:8px; }
.pagina { max-width:960px; margin:0 auto; padding:16px; display:flex; flex-direction:column; gap:14px; }
.bloco { background:#fff; border:1px solid var(--borda); border-radius:8px; padding:14px; }
.bloco h2 { font-size:1.05rem; margin:0 0 4px; } .bloco h2 small { font-weight:400; color:var(--suave); font-size:.8rem; }
.bloco form { display:flex; flex-direction:column; gap:6px; margin-top:8px; }
.bloco textarea, .bloco input[name=titulo] { width:100%; font:inherit; padding:7px; border:1px solid var(--borda); border-radius:6px; }
.fases .opcao { display:grid; grid-template-columns:auto 1fr; gap:2px 8px; padding:8px; border:1px solid var(--borda); border-radius:6px; cursor:pointer; }
.fases .opcao input { grid-row:span 2; } .fases .opcao span { font-size:.85rem; color:var(--suave); }
.fases .escolhida { border-color:var(--azul); background:#eff6ff; }
.versoes table { font-size:.85rem; border-collapse:collapse; margin-top:6px; } .versoes td { padding:3px 10px 3px 0; }
.item { border-top:1px solid var(--borda); padding:6px 0; } .item summary { cursor:pointer; }
.item .previa { display:block; font-size:.8rem; color:var(--suave); } .inativo { opacity:.6; }
.novo-item { border-top:1px solid var(--borda); padding-top:10px; }
.cards { display:grid; grid-template-columns:repeat(auto-fit, minmax(180px,1fr)); gap:10px; }
.card { background:#fff; border:1px solid var(--borda); border-radius:8px; padding:14px; display:flex; flex-direction:column; gap:4px; font-size:.85rem; color:var(--suave); }
.card .valor { font-size:1.8rem; font-weight:700; color:var(--texto); } .card.destaque { border-color:var(--azul); }
.numeros { border-collapse:collapse; font-size:.9rem; } .numeros td { padding:4px 16px 4px 0; } .numeros td:last-child { font-weight:600; text-align:right; }
.avaliar { display:flex; gap:4px; align-items:center; margin-top:3px; font-size:.75rem; flex-wrap:wrap; }
.avaliar button, .avaliar summary { background:none; border:1px solid var(--borda); border-radius:6px; padding:0 6px; cursor:pointer; list-style:none; }
.avaliar summary::-webkit-details-marker { display:none; }
.avaliar form { display:flex; flex-direction:column; gap:4px; margin-top:4px; width:100%; }
.avaliar textarea { width:100%; font:inherit; border:1px solid var(--borda); border-radius:6px; padding:4px; }
.marca { color:var(--suave); }
@media (max-width: 700px) { header { flex-wrap:wrap; } nav { margin-left:0; } }
.agenda { background:#eff6ff; border:1px solid #bfdbfe; border-radius:6px; padding:6px 9px; margin:8px 0; font-size:.85rem; }
.agenda p { margin:2px 0; }
header .usuario { font-size:.8rem; color:#cbd5e1; margin-left:8px; }
header .sair { font-size:.8rem; color:#fff; margin-left:8px; }
.acesso { max-width:520px; margin:40px auto; }
.botao { display:inline-block; background:var(--azul); color:#fff; padding:8px 14px; border-radius:6px; text-decoration:none; }
.destino { display:flex; justify-content:space-between; align-items:center; gap:10px; border-top:1px solid var(--borda); padding:8px 0; flex-wrap:wrap; }
.destino .meta { display:block; }
.novo-destino form { border-top:1px solid var(--borda); padding-top:8px; }
.novo-destino input { width:100%; font:inherit; padding:7px; border:1px solid var(--borda); border-radius:6px; }
.entregas td { font-size:.82rem; padding:3px 10px 3px 0; text-align:left !important; font-weight:400 !important; }
h3.sub { font-size:.95rem; margin:14px 0 4px; }
.doc pre { background:#0f172a; color:#e2e8f0; padding:10px; border-radius:6px; overflow-x:auto; font-size:.8rem; }
.doc code { background:#f1f5f9; padding:0 4px; border-radius:4px; font-size:.85em; }
.doc pre code { background:none; }
.doc-tabela td { text-align:left !important; font-weight:400 !important; vertical-align:top; }
.selo-padrao { font-size:.72rem; background:#dbeafe; color:#1e40af; border-radius:10px; padding:0 7px; margin-left:4px; }
.erro-texto { color:var(--verm); }
.novo-item input { width:100%; font:inherit; padding:7px; border:1px solid var(--borda); border-radius:6px; }
.cartao[draggable="true"] { cursor:grab; }
.cartao.arrastando { opacity:.45; }
.coluna.alvo { outline:2px dashed var(--azul); outline-offset:-4px; }
.dialogo { border:1px solid var(--borda); border-radius:10px; padding:16px; max-width:420px; }
.dialogo::backdrop { background:rgba(15,23,42,.45); }
.dialogo .campos { display:flex; gap:10px; margin:6px 0 10px; }
.dialogo .campos input { font:inherit; padding:5px; border:1px solid var(--borda); border-radius:6px; }
.dialogo .acoes { justify-content:flex-end; }
.quadro-aviso { margin:0 0 8px; }
.kanban { grid-template-columns:repeat(7, minmax(160px,1fr)) !important; }
@media (max-width: 900px) { .kanban { grid-template-columns:repeat(7, 220px) !important; } }
.coluna-finalizado { background:#dcfce7; }
.retorno-painel { display:flex; flex-wrap:wrap; gap:6px; align-items:center; margin-top:6px; }
.retorno-opcoes { display:flex; flex-direction:column; gap:8px; margin:10px 0; }
.retorno-opcoes .opcao { border:1px solid var(--borda); border-radius:6px; padding:8px; cursor:pointer; }
.retorno-opcoes .escolhida { border-color:var(--azul); background:#eff6ff; }
.campos-linha { display:flex; gap:8px; } .campos-linha input { flex:1; font:inherit; padding:7px; border:1px solid var(--borda); border-radius:6px; } .campos-linha input[name=idioma] { flex:0 0 90px; }
/* busca e filtro acima do Kanban */
.area-quadro { display:flex; flex-direction:column; gap:8px; min-height:0; min-width:0; }
.area-quadro #quadro { flex:1; min-height:0; }
.filtros { display:flex; gap:12px; align-items:center; flex-wrap:wrap; }
.filtros input[type=search] { flex:1; min-width:220px; max-width:520px; padding:7px 10px; border:1px solid #cbd5e1; border-radius:6px; font-size:.9rem; }
.coluna .ocultos { font-size:.75rem; margin-top:8px; }
/* historico de acoes (conversa e configuracao) */
.historico { margin-top:10px; font-size:.8rem; }
.historico summary { cursor:pointer; color:#334155; font-weight:600; }
.historico ul { list-style:none; padding:0; margin:6px 0 0; max-height:280px; overflow-y:auto; }
.historico li { padding:4px 0; border-bottom:1px solid #e2e8f0; }
/* regioes do consultor */
.destino details.regioes { flex-basis:100%; margin-top:6px; font-size:.85rem; }
.destino details.regioes textarea { width:100%; font-family:inherit; }
.destino details.regioes label { display:block; margin-top:6px; }
/* visita sem consultor na regiao */
.atribuir { margin-top:8px; padding:8px; border:1px dashed #f59e0b; background:#fffbeb; border-radius:6px; font-size:.85rem; }
.atribuir button, .atribuir select { margin-top:6px; }