/* Redesenho aprovado em 02/10 (docs/blackse/design-aprovado). Área: funil.
   Funil (01-funil), ficha da oportunidade (05), Novo lead (06) e Importar
   planilha. Classes próprias `nf-*` (não brigam com o tema antigo); as cores
   usam os tokens --n-* do esqueleto, com o valor do desenho de reserva. */

.nf{display:flex;flex-direction:column;gap:20px;min-width:0;font-family:'Outfit','Helvetica Neue',sans-serif;color:var(--n-texto,#141414)}
.nf-espaco{flex:1 1 auto}
.nf-explica{margin:0;font-size:13px;color:var(--n-texto-2,#5E5C58);line-height:1.45}

/* ── topo ─────────────────────────────────────────────────────────────── */
.nf-topo{display:flex;align-items:center;gap:16px;min-width:0}
.nf-topo h1{margin:0;font-size:26px;font-weight:600;line-height:1.2;letter-spacing:0}
.nf-topo .erp-voltar{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:36px;
  margin:0 -6px 0 -6px;padding:0;font-size:0;color:var(--n-texto,#141414);text-decoration:none;border:0;background:none}
.nf-topo .erp-voltar span{display:none}
.nf-topo .erp-voltar::before{content:'‹';font-size:32px;line-height:1;margin-top:-4px}
.nf-troca{position:relative;display:inline-flex;align-items:center;min-width:0;margin:0}
.nf-troca select{appearance:none;-webkit-appearance:none;height:38px;max-width:100%;border:1px solid var(--n-linha-2,#E3E1DC);
  background:#fff;border-radius:10px;padding:0 34px 0 12px;font:500 15px/1 'Outfit','Helvetica Neue',sans-serif;color:var(--n-texto,#141414);
  cursor:pointer;text-overflow:ellipsis}
.nf-troca svg{position:absolute;right:12px;pointer-events:none}
.nf-icone{display:inline-flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px;border:1px solid var(--n-linha-2,#E3E1DC);
  background:#fff;border-radius:10px;color:var(--n-texto,#141414);cursor:pointer;padding:0}
.nf-icone:hover{border-color:#141414}
.nf-icone.ligado{background:#141414;border-color:#141414;color:#fff}
.nf-busca{margin:0}
.nf-busca label{display:flex;align-items:center;gap:8px;height:40px;width:260px;max-width:100%;background:#F4F3F1;border-radius:10px;padding:0 12px;
  color:var(--n-texto-2,#5E5C58);box-sizing:border-box}
.nf-busca input{flex:1;min-width:0;border:0;background:transparent;outline:none;font:14px 'Outfit','Helvetica Neue',sans-serif;color:var(--n-texto,#141414);height:100%;padding:0}

.nf-botao{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;border:0;background:#141414;color:#fff;
  border-radius:10px;padding:0 16px;font:600 14px/1 'Outfit','Helvetica Neue',sans-serif;text-decoration:none;cursor:pointer;white-space:nowrap;box-sizing:border-box}
.nf-botao:hover{background:#000;color:#fff}
.nf-botao:disabled{opacity:.5;cursor:default}
.nf-botao.contorno{background:#fff;color:var(--n-texto,#141414);border:1px solid var(--n-linha-2,#E3E1DC);font-weight:400}
.nf-botao.contorno:hover{border-color:#141414;background:#fff;color:#141414}
.nf-botao.pequeno{height:32px;padding:0 10px;font-size:13px;border-radius:8px}
.nf-botao.quadrado{width:40px;padding:0;font-size:18px}
.nf-novo-lead span[aria-hidden]{font-size:16px;font-weight:500}

.nf-filtros{position:relative;flex:none}
.nf-filtros-painel{display:none;position:absolute;right:0;top:46px;z-index:30;width:250px;background:#fff;border:1px solid var(--n-linha,#ECEAE6);
  border-radius:12px;padding:12px;box-shadow:0 8px 24px rgba(20,20,20,.08);flex-direction:column;gap:12px}
.nf-filtros.aberto .nf-filtros-painel{display:flex}
.nf-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--n-linha-2,#E3E1DC);background:#fff;color:var(--n-texto,#141414);
  border-radius:8px;padding:7px 12px;font:13px/1.2 'Outfit','Helvetica Neue',sans-serif;cursor:pointer;text-decoration:none}
.nf-chip.ativo,.nf-chip:has(input:checked){background:#141414;border-color:#141414;color:#fff;font-weight:600}
.nf-chip input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.nf-chip:has(input:focus-visible){outline:2px solid #141414;outline-offset:2px}
.nf-campo{display:flex;flex-direction:column;gap:6px;margin:0;font-size:13px;color:var(--n-texto-3,#4A4845)}
.nf-campo select{height:40px;border:1px solid var(--n-linha-2,#E3E1DC);border-radius:10px;padding:0 10px;font:14px 'Outfit','Helvetica Neue',sans-serif;background:#fff;color:#141414}

/* ── faixa "Hoje" ─────────────────────────────────────────────────────── */
.nf-hoje{display:flex;align-items:center;gap:12px;background:var(--n-sup,#F7F6F3);border-radius:12px;padding:12px 16px;min-width:0}
.nf-hoje-titulo{font-size:14px;font-weight:600;flex:none}
.nf-hoje-risco{width:1px;height:20px;background:#DDDAD5;flex:none}
.nf-hoje-lista{display:flex;gap:8px;list-style:none;margin:0;padding:0;min-width:0;overflow-x:auto;scrollbar-width:none}
.nf-hoje-lista::-webkit-scrollbar{display:none}
.nf-hoje-item{display:inline-flex;align-items:center;background:#fff;border-radius:8px;padding:7px 12px;font-size:14px;color:var(--n-texto,#141414);
  text-decoration:none;white-space:nowrap}
.nf-hoje-item:hover{box-shadow:inset 0 0 0 1px #141414;color:#141414}
.nf-hoje-item.atrasado{color:var(--n-alerta,#9A3412)}
.nf-hoje-precisam{flex:none;font-size:14px;color:var(--n-texto-3,#4A4845);text-decoration:none;white-space:nowrap}
.nf-hoje-precisam:hover{color:#141414;text-decoration:underline}
.nf-hoje-precisam.ativo{color:#141414;font-weight:600;text-decoration:underline}
.nf-buscando{margin:-8px 0 0;font-size:13px;color:var(--n-texto-2,#5E5C58)}
.nf-buscando a{color:#141414}

/* ── o quadro ─────────────────────────────────────────────────────────── */
.nf-quadro{display:flex;flex-direction:column;min-width:0}
.nf-abas{display:none}
.nf-aviso{margin:0 0 12px;padding:10px 14px;border-radius:10px;background:#FBF1EA;color:var(--n-alerta,#9A3412);font-size:14px}
.nf-aviso:empty{display:none}
.nf-quadro-corpo{display:flex;gap:14px;align-items:stretch;min-width:0}
.nf-trilho{display:flex;gap:14px;flex:1 1 auto;min-width:0;overflow-x:auto;position:relative;align-items:stretch;padding-bottom:2px}
.nf-coluna{width:250px;flex:0 0 250px;box-sizing:border-box;background:var(--n-sup,#F7F6F3);border-radius:14px 14px 0 0;padding:14px 12px;
  display:flex;flex-direction:column;gap:10px;min-height:max(320px,calc(100dvh - 300px))}
.nf-coluna.alvo{box-shadow:inset 0 0 0 2px #141414}
.nf-coluna.recusa{box-shadow:inset 0 0 0 2px var(--n-vermelho,#A3190F)}
.nf-coluna-cabeca{display:flex;align-items:center;gap:6px;font-size:14px;padding:0 4px;min-height:24px}
.nf-coluna-cabeca h2{margin:0;font-size:14px;font-weight:600;flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.nf-conta{color:var(--n-texto-2,#5E5C58);font-size:14px}
.nf-coluna-menu{position:relative}
.nf-coluna-menu summary{list-style:none;display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;
  color:var(--n-texto-2,#5E5C58);cursor:pointer}
.nf-coluna-menu summary::-webkit-details-marker{display:none}
.nf-coluna-menu summary:hover{background:#fff;color:#141414}
.nf-coluna-menu .nf-menu{right:0;top:30px}

.nf-cartao{position:relative;display:flex;align-items:center;gap:10px;background:#fff;border-radius:10px;padding:12px;cursor:grab;min-width:0}
.nf-cartao:hover{box-shadow:inset 0 0 0 1px var(--n-linha-2,#E3E1DC)}
.nf-cartao.precisa,.nf-cartao.precisa:hover{box-shadow:inset 0 0 0 1.5px #141414}
.nf-cartao.arrastando{opacity:.4}
.nf-bolinha{display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:16px;background:#E9E7E3;
  color:#141414;font-size:13px;font-weight:600;letter-spacing:0}
.nf-cartao.precisa .nf-bolinha,.nf-bolinha.preta{background:#141414;color:#fff}
.nf-bolinha.grande{width:52px;height:52px;border-radius:26px;font-size:18px}
.nf-cartao-texto{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}
.nf-cartao-nome{font-weight:600;font-size:14px;color:#141414;text-decoration:none;overflow-wrap:anywhere}
.nf-cartao-nome::after{content:'';position:absolute;inset:0;border-radius:10px}
.nf-cartao-nome:focus-visible{outline:none}
.nf-cartao-nome:focus-visible::after{outline:2px solid #141414;outline-offset:2px}
.nf-cartao-linha{font-size:12px;color:var(--n-texto-2,#5E5C58);overflow-wrap:anywhere}
.nf-cartao-linha.alerta{color:var(--n-alerta,#9A3412)}
.nf-cartao-linha.forte{color:#141414;font-weight:500}
.nf-mover{position:relative;z-index:2;flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;
  border-radius:8px;color:var(--n-texto-2,#5E5C58);opacity:0;margin:-4px -4px -4px 0}
.nf-cartao:hover .nf-mover,.nf-mover:focus-within{opacity:1}
.nf-mover:hover{background:var(--n-sup,#F7F6F3);color:#141414}
.nf-mover select{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;font-size:16px}
.nf-adicionar{font-size:13px;color:var(--n-texto-2,#5E5C58);text-decoration:none;padding:4px}
.nf-adicionar:hover{color:#141414}

.nf-fechadas{display:flex;flex-direction:column;gap:10px;width:120px;flex:0 0 120px}
.nf-fechada{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1px solid var(--n-linha-2,#E3E1DC);background:#fff;
  border-radius:12px;padding:14px 12px;font-size:14px;color:#141414;text-decoration:none}
.nf-fechada:hover{border-color:#141414}
.nf-fechada.alvo{box-shadow:inset 0 0 0 2px #141414}
.nf-fechada.recusa{box-shadow:inset 0 0 0 2px var(--n-vermelho,#A3190F)}
.nf-fechada strong{font-weight:600}
.nf-fechada span{color:var(--n-texto-2,#5E5C58)}

/* menus (⋯ da coluna e da ficha) */
.nf-menu{position:absolute;z-index:30;min-width:240px;background:#fff;border:1px solid var(--n-linha,#ECEAE6);border-radius:12px;padding:6px;
  box-shadow:0 8px 24px rgba(20,20,20,.1);display:flex;flex-direction:column}
.nf-menu[hidden]{display:none}
.nf-menu > a,.nf-menu > button,.nf-menu form > button,.nf-menu .botao-linha{display:flex;align-items:center;width:100%;min-height:40px;padding:8px 12px;
  border:0;border-radius:8px;background:none;color:#141414;font:14px/1.3 'Outfit','Helvetica Neue',sans-serif;text-align:left;text-decoration:none;cursor:pointer;
  box-sizing:border-box}
.nf-menu > a:hover,.nf-menu > button:hover,.nf-menu form > button:hover,.nf-menu .botao-linha:hover{background:var(--n-sup,#F7F6F3)}
.nf-menu form{margin:0}
.nf-menu .perigo{color:var(--n-vermelho,#A3190F)}
.nf-menu-form p{margin:4px 12px;font-size:13px}

/* lista de Ganho/Perdido e de cartões de contato */
.nf-lista,.nf-avisos ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.nf-lista li a{display:flex;align-items:center;gap:10px;padding:10px 4px;border-bottom:1px solid #F0EEEA;color:#141414;text-decoration:none}
.nf-lista li a:hover{background:var(--n-sup,#F7F6F3)}
.nf-lista strong{font-size:14px;font-weight:600}
.nf-vazio-linha{margin:0;font-size:14px;color:var(--n-texto-2,#5E5C58)}
.nf-avisos li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #F0EEEA;flex-wrap:wrap}
.nf-avisos-texto{display:flex;flex-direction:column;gap:2px;flex:1 1 220px;min-width:0;font-size:14px}
.nf-avisos-texto small{font-size:13px;color:var(--n-texto-2,#5E5C58);overflow-wrap:anywhere}
.nf-avisos-acoes{display:flex;gap:8px}
.nf-avisos-acoes form{margin:0}
.nf-vazio{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:24px 0;font-size:15px}
.nf-vazio p{margin:0}

/* ── a ficha da oportunidade (05) ─────────────────────────────────────── */
.nf-ficha{border:0;padding:0;border-radius:18px;width:min(560px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 48px);
  overflow:auto;background:#fff;color:#141414;box-shadow:0 20px 60px rgba(0,0,0,.25);font-family:'Outfit','Helvetica Neue',sans-serif}
.nf-ficha::backdrop{background:rgba(20,20,20,.35)}
.nf-ficha-dentro{padding:28px;display:flex;flex-direction:column;gap:20px;min-width:0}
.nf-ficha-topo{display:flex;align-items:flex-start;gap:14px;min-width:0}
.nf-ficha-nome{flex:1 1 auto;min-width:0}
.nf-ficha-nome h2{margin:0;font-size:22px;font-weight:600;line-height:1.25;overflow-wrap:anywhere}
.nf-etapa{position:relative;display:inline-flex;align-items:center;margin-top:6px;max-width:100%}
.nf-etapa select{appearance:none;-webkit-appearance:none;height:30px;max-width:100%;border:1px solid var(--n-linha-2,#E3E1DC);background:#fff;
  border-radius:8px;padding:0 28px 0 10px;font:13px/1 'Outfit','Helvetica Neue',sans-serif;color:#141414;cursor:pointer}
.nf-etapa svg{position:absolute;right:10px;pointer-events:none}
.nf-fechar{flex:none;width:36px;height:36px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;
  border-radius:8px;cursor:pointer;color:#141414;padding:0}
.nf-fechar:hover{background:var(--n-sup,#F7F6F3)}
.nf-nota{margin:-6px 0 0;padding:8px 12px;border-radius:8px;background:var(--n-sup,#F7F6F3);font-size:13px;color:var(--n-texto-3,#4A4845)}
.nf-nota.alerta{color:var(--n-alerta,#9A3412);background:#FBF1EA}
.nf-ficha-acoes{display:flex;gap:8px;flex-wrap:wrap}
.nf-ficha-acoes .nf-botao{padding:0 14px}
/* Felipe (09/10): o "Iniciar conversa" é um form; o botão fica na fila como os outros. */
.nf-ficha-acoes>form{display:contents}
.nf-ficha-acoes .nf-botao.quadrado{padding:0}
.nf-mais{position:relative}
.nf-mais .nf-menu{right:0;left:auto;top:46px;max-width:calc(100vw - 32px)} /* abre para a esquerda: dentro da ficha, sem rolagem lateral (05/10) */
.nf-dados{display:grid;grid-template-columns:120px minmax(0,1fr);row-gap:10px;column-gap:8px;margin:0;font-size:14px;padding:14px 0;
  border-top:1px solid var(--n-linha,#ECEAE6);border-bottom:1px solid var(--n-linha,#ECEAE6)}
.nf-dados div{display:contents}
.nf-dados dt{color:var(--n-texto-2,#5E5C58)}
.nf-dados dd{margin:0;overflow-wrap:anywhere;white-space:pre-line}
.nf-secao{display:flex;flex-direction:column;gap:10px}
.nf-secao h3{margin:0;font-size:14px;font-weight:600}
.nf-followup{display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;border:1px solid var(--n-linha,#ECEAE6);border-radius:10px;font-size:14px}
.nf-followup form{margin:0}
.nf-followup-texto{flex:1 1 auto;min-width:0;text-align:left;background:none;border:0;padding:4px 0;font:14px/1.35 'Outfit','Helvetica Neue',sans-serif;
  color:inherit;cursor:pointer;overflow-wrap:anywhere}
.nf-followup-texto small{font-size:13px;color:var(--n-texto-2,#5E5C58)}
.nf-followup.atrasado .nf-followup-texto{color:var(--n-alerta,#9A3412)}
.nf-historico{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--n-texto-3,#4A4845)}
.nf-historico li{overflow-wrap:anywhere}
.nf-link{align-self:flex-start;background:none;border:0;padding:0;font:13px 'Outfit','Helvetica Neue',sans-serif;color:var(--n-texto-3,#4A4845);
  text-decoration:underline;cursor:pointer}
.nf-link:hover{color:#141414}

/* ── Novo lead em duas etapas (06) e as janelas da área ───────────────── */
.nf-novo{display:flex;flex-direction:column;gap:16px;min-width:0;font-family:'Outfit','Helvetica Neue',sans-serif}
.nf-passo{margin:0;font-size:12px;color:var(--n-texto-2,#5E5C58);order:-1}
.nf-portas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.nf-porta{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;border:1px solid var(--n-linha-2,#E3E1DC);
  background:#fff;border-radius:12px;padding:14px 16px;font-family:inherit;color:#141414;cursor:pointer}
.nf-porta:hover{border-color:#141414}
.nf-porta.ativa{border:2px solid #141414;padding:13px 15px}
.nf-porta strong{font-size:15px;font-weight:600}
.nf-porta span{font-size:13px;color:var(--n-texto-2,#5E5C58)}
.nf-rodape{display:flex;justify-content:flex-end;gap:10px;padding-top:8px;flex-wrap:wrap}
.nf-rodape .nf-botao{height:44px;padding:0 18px}
.nf-form{display:flex;flex-direction:column;gap:14px}
.nf-form .campo{margin:0}
.nf-canais{border:0;padding:0;margin:0;min-width:0}
.nf-canais legend{padding:0;margin-bottom:8px;font-size:13px;color:var(--n-texto-3,#4A4845)}
.nf-canais > div{display:flex;flex-wrap:wrap;gap:6px}
.nf-mais-campos summary{display:flex;align-items:center;min-height:40px;font-size:13px;color:var(--n-texto-3,#4A4845);cursor:pointer}
.nf-mais-campos[open]{display:flex;flex-direction:column;gap:12px}
.nf-aceite{display:flex;align-items:flex-start;gap:10px;margin:0;padding:12px 14px;border-radius:10px;background:var(--n-sup,#F7F6F3);
  font-size:13px;color:var(--n-texto-3,#4A4845);cursor:pointer}
.nf-aceite input{margin-top:3px;width:18px;height:18px;accent-color:#141414;flex:none}
.nf-aceite strong{display:block;font-size:14px;font-weight:600;color:#141414;margin-bottom:2px}
.nf-janela .nf-explica + .erp-form,.nf-janela .nf-explica + form{margin-top:0}
.nf-pagina{display:flex;flex-direction:column;gap:16px;min-width:0}
.nf-cartao-pagina{max-width:560px;border:1px solid var(--n-linha,#ECEAE6);border-radius:18px;padding:28px;box-sizing:border-box;background:#fff}
.nf-novo-pagina{display:flex;flex-direction:column;gap:16px}
.nf-novo-pagina h1{margin:0;font-size:20px;font-weight:600}
.nf-novo-pagina .nf-passo{order:0;margin-bottom:-12px}

/* ── Importar planilha ────────────────────────────────────────────────── */
.nf-importar .nf-explica{margin-top:-8px;font-size:14px}
.nf-importador{display:flex;flex-direction:column;gap:16px;max-width:900px;min-width:0}
.nf-arquivo{display:flex;flex-direction:column;gap:8px;font-size:13px;color:var(--n-texto-3,#4A4845);margin:0}
.nf-arquivo input{font:14px 'Outfit','Helvetica Neue',sans-serif;max-width:100%;color:var(--n-texto-2,#5E5C58)}
.nf-arquivo input::file-selector-button{height:40px;margin-right:12px;border:0;border-radius:10px;background:#141414;color:#fff;
  padding:0 16px;font:600 14px 'Outfit','Helvetica Neue',sans-serif;cursor:pointer}
.nf-numeros{display:flex;gap:10px;flex-wrap:wrap}
.nf-numeros > div{display:flex;flex-direction:column;gap:2px;background:var(--n-sup,#F7F6F3);border-radius:12px;padding:12px 16px;min-width:120px}
.nf-numeros strong{font-size:22px;font-weight:600}
.nf-numeros span{font-size:13px;color:var(--n-texto-2,#5E5C58)}
.nf-secao-pagina{display:flex;flex-direction:column;gap:12px;max-width:900px}
.nf-secao-pagina h2{margin:8px 0 0;font-size:16px;font-weight:600}
.nf-tabela-caixa{border:1px solid var(--n-linha,#ECEAE6);border-radius:14px;overflow-x:auto;max-width:100%}
.nf-tabela{width:100%;border-collapse:collapse;font-size:14px}
.nf-tabela th{background:#FAFAF8;border-bottom:1px solid var(--n-linha,#ECEAE6);padding:12px 16px;text-align:left;font-size:12px;
  font-weight:600;color:var(--n-texto-2,#5E5C58);letter-spacing:.3px;text-transform:uppercase;white-space:nowrap}
.nf-tabela td{padding:12px 16px;border-bottom:1px solid #F0EEEA;vertical-align:middle}
.nf-tabela tr:last-child td{border-bottom:0}
.nf-tabela-nome{font-weight:500;overflow-wrap:anywhere}
.nf-tabela-fraco{color:var(--n-texto-2,#5E5C58)}
.nf-selo{display:inline-block;font-size:12px;font-weight:500;padding:3px 9px;border-radius:6px;background:var(--n-sup-2,#F2F1EE);color:var(--n-texto-3,#4A4845)}
.nf-selo.preto{background:#141414;color:#fff;font-weight:600}
.nf-selo.alerta{background:#FBF1EA;color:var(--n-alerta,#9A3412)}

/* O tema antigo pinta todo link do conteúdo com a cor do texto
   ([data-vertical] .conteudo a:not(.botao)…, especificidade alta); o
   `:not(#nf)` sobe a especificidade só destes links, até a limpeza do tema. */
a.nf-botao:not(#nf),a.nf-botao:not(#nf):hover{color:#fff}
a.nf-botao.contorno:not(#nf),a.nf-botao.contorno:not(#nf):hover{color:var(--n-texto,#141414)}
a.nf-hoje-item.atrasado:not(#nf){color:var(--n-alerta,#9A3412)}
a.nf-hoje-precisam:not(#nf){color:var(--n-texto-3,#4A4845)}
a.nf-hoje-precisam:not(#nf):hover,a.nf-hoje-precisam.ativo:not(#nf){color:var(--n-texto,#141414)}
a.nf-adicionar:not(#nf),.nf-link:not(#nf){color:var(--n-texto-2,#5E5C58)}
a.nf-adicionar:not(#nf):hover{color:var(--n-texto,#141414)}

.nf-etapa select:not(#nf){width:auto;min-height:0;max-width:100%}
.nf-troca select:not(#nf){width:auto;min-height:0}

/* ── celular ──────────────────────────────────────────────────────────── */
@media (max-width:720px){
  .nf{gap:14px}
  .nf-topo{flex-wrap:wrap;gap:10px}
  .nf-topo h1{font-size:22px}
  .nf-troca{order:5;flex:1 1 100%}
  .nf-troca select,.nf-troca select:not(#nf){width:100%}
  .nf-so-largo{display:none}
  .nf-novo-lead{width:40px;padding:0}
  .nf-busca{order:6;flex:1 1 100%}
  .nf-busca label{width:100%}
  .nf-hoje{padding:10px 12px;gap:10px;flex-wrap:wrap}
  .nf-hoje-lista{flex:1 1 0}
  .nf-hoje .nf-espaco{display:none}
  .nf-abas{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-bottom:10px}
  .nf-abas::-webkit-scrollbar{display:none}
  .nf-abas button{flex:none;border:1px solid var(--n-linha-2,#E3E1DC);background:#fff;color:#141414;border-radius:8px;padding:7px 12px;
    font:13px 'Outfit','Helvetica Neue',sans-serif;cursor:pointer;white-space:nowrap}
  .nf-abas button.ativo{background:#141414;border-color:#141414;color:#fff;font-weight:600}
  .nf-quadro-corpo{flex-direction:column;gap:10px}
  .nf-fechadas{order:-1;flex-direction:row;width:auto;flex:none}
  .nf-fechada{flex:1 1 0;flex-direction:row;justify-content:space-between;padding:10px 12px}
  .nf-trilho{gap:0;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}
  .nf-trilho::-webkit-scrollbar{display:none}
  .nf-coluna{flex:0 0 100%;width:100%;scroll-snap-align:start;border-radius:14px;min-height:50dvh}
  .nf-mover{opacity:1}
  .nf-ficha{width:100vw;height:100dvh;max-height:none;margin:0;border-radius:0;box-shadow:none}
  .nf-ficha-dentro{padding:20px 16px 28px}
  .nf-dados{grid-template-columns:104px minmax(0,1fr)}
  .nf-mais .nf-menu{left:auto;right:0}
  .nf-cartao-pagina{padding:20px 16px;border:0;border-radius:0}
  .nf-tabela th,.nf-tabela td{padding:10px 12px}
}
@media (max-width:360px){
  .nf-portas{grid-template-columns:minmax(0,1fr)}
}

/* Arquivado (05/10): as abas Ganho · Perdido dentro da janela; as colunas da direita só ao arrastar. */
.nf-arq-abas{display:flex;gap:6px;margin:0 0 10px}
.nf-arq-abas a{border:1px solid var(--n-linha-2,#E3E1DC);border-radius:999px;padding:6px 14px;font-size:14px;color:var(--n-texto,#141414);text-decoration:none;background:#fff}
.nf-arq-abas a.ativo{background:#141414;border-color:#141414;color:#fff}
.nf-quadro-corpo{position:relative}
.nf-fechadas{position:absolute;right:0;top:0;z-index:5;background:var(--n-fundo,#fff);padding-left:10px}
@media (max-width:720px){.nf-fechadas{position:static;padding-left:0}}

/* Menus com respiro (Felipe, 05/10: "quero que os pop ups tenham minimamente uma margem"):
   o menu da coluna fica dentro da coluna, com folga das bordas, e os itens com mais espaço. */
.nf-menu{padding:8px;min-width:220px;box-shadow:0 8px 28px rgba(20,20,20,.12)}
.nf-menu > a,.nf-menu > button,.nf-menu form > button,.nf-menu .botao-linha{padding:10px 14px;border-radius:8px}
.nf-coluna-menu .nf-menu{right:-6px;top:34px}
.nf-trilho{padding-bottom:12px}

/* O Arquivado é um link (<a>): a cor do link do tema vencia o branco do ativo e o ícone sumia (05/10). */
a.nf-icone{color:var(--n-texto,#141414) !important;text-decoration:none}
a.nf-icone.ligado{color:#FFFFFF !important}
.nf-arq-abas a{color:var(--n-texto,#141414) !important}
.nf-arq-abas a.ativo{color:#FFFFFF !important}

/* ── Funil: a ligação entre funis e o Pós-venda (ERP 0043, plano 16.X) ── */
.nf-dados a.nf-ligacao{color:var(--n-texto,#141414);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--n-linha-2,#E3E1DC)}
.nf-dados a.nf-ligacao:hover{text-decoration-color:currentColor}