/* Base de conhecimento (1.18): o que é do CRM. As telas (cadastro e painel) são do app plugin-conhecimento, por iframe. */

/* tela Gerenciamento › Base de conhecimento: o iframe ocupa todo o conteúdo, abaixo da trilha */
.kb-frame{display:block;margin:-14px -20px -40px;width:calc(100% + 40px);height:calc(100vh - 38px);border:0;background:var(--bg)}

/* ---------- entradas do assistente ---------- */
.trilha-acoes{display:flex;align-items:center;gap:6px;margin-left:10px}
.trilha-acoes:empty{display:none}
.tb-btn{position:relative;height:28px;min-width:28px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 7px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink-2);font-size:12px;font-weight:600;cursor:pointer}
.tb-btn:hover{background:#f5f7fa}
.tb-btn i{position:absolute;top:-5px;right:-5px;min-width:15px;height:15px;border-radius:8px;background:var(--erro);color:#fff;font-size:9.5px;font-style:normal;display:grid;place-items:center;font-weight:700;padding:0 3px}
.tb-ia{padding:0 10px 0 8px;color:var(--brand)}
.tb-ia.on{background:var(--brand-soft);border-color:#bfdbfe}
.tl-ia{color:var(--brand)}

/* ---------- painel encaixado: empurra a tela em vez de cobrir ---------- */
.ia-painel{display:none}
body.ia-aberto .ia-painel{display:block;width:360px;flex:none;position:sticky;top:0;height:100vh;background:#fff;border-left:1px solid var(--line)}
.ia-painel iframe{display:block;width:100%;height:100%;border:0}
/* a tabela que não cabe ganha rolagem lateral em vez de esconder as ações */
body.ia-aberto .cartao{overflow-x:auto}
/* na Comunicação o painel ocupa o lugar de Detalhes e recolhe as pastas; ao fechar, os dois voltam */
body.ia-aberto[data-pg="comunicacao"] .cm-app{grid-template-columns:370px minmax(0,1fr)}
body.ia-aberto[data-pg="comunicacao"] .cm-lado,
body.ia-aberto[data-pg="comunicacao"] .tl-det{display:none}
body.ia-aberto[data-pg="comunicacao"] .cm-conversa>.tl-colunas.com-det{grid-template-columns:minmax(0,1fr)}