/* ============================================================================
   iBooster CRM - Prospects: lista preenchida pelo Bolt (logo, site, porte, estado)
   So tokens de tokens.css e pecas de kit.css. Prefixo .pp-.
   Densa de proposito: o time varre muita empresa rapido, entao cada linha e
   baixa, o tier fica na esquerda (onde o olho bate primeiro) e a acao na
   direita. Sem borda e sombra juntas: card com --e1, linha com hairline.
   ========================================================================== */

/* ---------- topo: numeros e acoes ---------- */
.pp-topo{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);flex-wrap:wrap;margin-bottom:var(--s-4)}
.pp-resumo{display:flex;gap:var(--s-2);flex-wrap:wrap}
.pp-num{display:flex;align-items:baseline;gap:6px;height:32px;padding:0 var(--s-3);border-radius:var(--r-full);
  background:var(--surface);box-shadow:var(--e1);font-size:var(--fs-xs);color:var(--ink-3);white-space:nowrap}
.pp-num b{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--ink);font-variant-numeric:tabular-nums}
.pp-num.aviso{background:var(--warn-soft);box-shadow:none;color:color-mix(in srgb,var(--warn) 70%,var(--ink))}
.pp-num.aviso b{color:color-mix(in srgb,var(--warn) 80%,var(--ink))}
.pp-botoes{display:flex;gap:var(--s-2);align-items:center}

/* ---------- filtros ---------- */
.pp-filtros{gap:var(--s-2) var(--s-3)}
.pp-filtros #p-busca{min-width:220px}
.pp-chave{margin-left:auto;color:var(--ink-2);font-size:var(--fs-sm)}

/* ---------- legenda ---------- */
.pp-legenda{display:flex;align-items:center;gap:var(--s-4);flex-wrap:wrap;margin:0 0 var(--s-4);font-size:var(--fs-xs);color:var(--ink-3)}
.pp-legenda > span{display:inline-flex;align-items:center;gap:6px}
.pp-legenda .pp-tier{width:18px;height:18px;font-size:var(--fs-2xs)}
.pp-legenda-nota{flex:1 1 320px;justify-content:flex-end;text-align:right;color:var(--ink-3)}

/* ---------- tier ---------- */
.pp-tier{display:inline-grid;place-items:center;flex:none;width:22px;height:22px;border-radius:var(--r-xs);
  font-size:var(--fs-2xs);font-weight:var(--fw-semibold);font-variant-numeric:tabular-nums}
.pp-tier.t1{background:var(--brand-soft);color:var(--brand)}
.pp-tier.t2{background:var(--warn-soft);color:color-mix(in srgb,var(--warn) 85%,var(--ink))}
.pp-tier.t3{background:var(--surface-3);color:var(--ink-3)}

/* ---------- setor ---------- */
.pp-setor{margin-bottom:var(--s-5);overflow:hidden}
.pp-setor-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s-4);padding:var(--s-4) var(--s-5) var(--s-3)}
.pp-setor-tit{min-width:0}
.pp-setor-tit h3{font-size:var(--fs-lg);font-weight:var(--fw-semibold);letter-spacing:var(--ls-ui);color:var(--ink)}
.pp-porque{margin-top:4px;font-size:var(--fs-sm);line-height:var(--lh-ui);color:var(--ink-3);max-width:76ch}
.pp-setor-meta{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;flex:none}

/* ---------- linha ---------- */
.pp-lista{display:grid}
.pp-linha{display:grid;grid-template-columns:22px 36px minmax(0,1fr) auto;gap:var(--s-3);align-items:center;
  padding:var(--s-3) var(--s-5);border-top:1px solid var(--line-soft);transition:background var(--dur-1) var(--ease)}
.pp-linha:hover{background:var(--surface-2)}
.pp-linha .ficha-logo{border-radius:var(--r-sm)}
.pp-linha.sem-conversa{background:color-mix(in srgb,var(--warn-soft) 45%,transparent)}
.pp-linha.sem-conversa:hover{background:var(--warn-soft)}
.pp-linha.em-andamento{opacity:.72}
.pp-corpo{min-width:0;display:grid;gap:3px}
.pp-l1{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap;min-width:0}
.pp-nome{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--ink);letter-spacing:var(--ls-ui)}
.pp-site{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-xs);color:var(--ink-3);text-decoration:none;
  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-site svg{width:12px;height:12px;flex:none}
.pp-site:hover{color:var(--brand);text-decoration:underline;text-underline-offset:2px}
.pp-meta{display:flex;flex-wrap:wrap;gap:2px var(--s-3);font-size:var(--fs-xs);color:var(--ink-3)}
.pp-meta > span{display:inline-flex;align-items:center;gap:4px;min-width:0}
.pp-meta svg{width:12px;height:12px;flex:none;color:var(--ink-4)}
.pp-nota{font-size:var(--fs-xs);color:var(--ink-2);line-height:var(--lh-ui);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pp-origem{font-size:var(--fs-2xs);color:var(--ink-4)}
.pp-selos{display:flex;gap:6px;flex-wrap:wrap;margin-top:2px}
.pp-selo{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pp-acao{display:flex;align-items:center;gap:6px;justify-content:flex-end}
/* uma acao por linha, discreta; ganha a cor da marca quando a linha esta em foco */
.pp-linha:hover .pp-trabalhar,.pp-trabalhar:focus-visible{background:var(--brand-fill);color:var(--on-brand);border-color:transparent;box-shadow:var(--sombra-brand)}
.pp-tier-linha{display:none}
.pp-livre-em{font-size:var(--fs-2xs);color:var(--ink-4);white-space:nowrap}

/* ---------- celular ---------- */
@media (max-width:760px){
  .pp-topo{align-items:stretch}
  .pp-resumo{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .pp-num{display:grid;align-content:start;gap:0;height:auto;padding:var(--s-2) var(--s-3);border-radius:var(--r);white-space:normal;line-height:var(--lh-ui)}
  .pp-num b{font-size:var(--fs-xl);line-height:var(--lh-tight);letter-spacing:var(--ls-tight)}
  .pp-botoes{width:100%}
  .pp-botoes .btn{flex:1}
  .pp-filtros .segmentado{width:100%;overflow-x:auto}
  .pp-filtros .segmentado button{flex:1 0 auto}
  .pp-filtros #p-busca{min-width:0}
  .pp-chave{margin-left:0}
  .pp-legenda-nota{text-align:left;justify-content:flex-start}
  .pp-setor-cab{flex-direction:column;gap:var(--s-2);padding:var(--s-4) var(--s-4) var(--s-3)}
  .pp-setor-meta{justify-content:flex-start}
  .pp-linha{grid-template-columns:36px minmax(0,1fr);align-items:start;padding:var(--s-3) var(--s-4)}
  .pp-linha > .pp-tier{display:none}
  .pp-tier-linha{display:inline-grid;width:18px;height:18px}
  .pp-acao{grid-column:2;justify-content:flex-start}
  .pp-selo{white-space:normal;height:auto;min-height:22px;padding:3px 8px;line-height:var(--lh-ui);border-radius:var(--r-sm)}
  .pp-acao:empty{display:none}
}

/* ============================================================================
   Ficha da conta: decisores de RH pelo Apollo (.fa-) e Dados da Receita (.fr-).
   Moram aqui porque sao da mesma frente (empresa preenchida sem botao).
   ========================================================================== */
.fa-cartao{display:grid;gap:var(--s-3);padding:var(--s-4);border-radius:var(--r);background:var(--surface);box-shadow:var(--e1)}
.fa-topo{display:flex;align-items:center;gap:var(--s-3)}
.fa-topo-txt{display:grid;gap:2px;min-width:0;flex:1}
.fa-topo-txt b{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--ink)}
.fa-topo-txt span{font-size:var(--fs-xs);color:var(--ink-3);line-height:var(--lh-ui)}
.fa-lista{display:grid;gap:var(--s-2)}
.fa-pessoa{display:grid;grid-template-columns:26px minmax(0,1fr);gap:var(--s-3);padding:var(--s-3);border-radius:var(--r-sm);
  background:var(--surface-2);overflow-wrap:anywhere}
.fa-ini{background:var(--surface-3);color:var(--ink-2)}
.fa-pessoa-corpo{display:grid;gap:3px;min-width:0}
.fa-pessoa-l1{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}
.fa-pessoa-l1 b{font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:var(--ink)}
.fa-pessoa-l3{display:flex;flex-wrap:wrap;gap:4px var(--s-3);font-size:var(--fs-xs);color:var(--ink-2)}
.fa-li{display:inline-flex;align-items:center;gap:4px;color:var(--info);text-decoration:none}
.fa-li svg{width:12px;height:12px}
.fa-li:hover{text-decoration:underline}
.fa-fonte{font-size:var(--fs-2xs);color:var(--ink-4)}
.fa-traj summary{cursor:pointer;font-size:var(--fs-xs);color:var(--ink-3);width:max-content}
.fa-traj ol{list-style:none;display:grid;gap:4px;margin:6px 0 0;padding-left:var(--s-3);border-left:2px solid var(--line)}
.fa-traj li{display:grid;font-size:var(--fs-xs);color:var(--ink-2)}
.fa-traj li span{color:var(--ink-3)}
.fa-sub{font-size:var(--fs-xs);font-weight:var(--fw-medium);color:var(--ink-3);margin-bottom:4px}
.fa-prontos{display:grid;gap:6px}
.fa-pronto{display:grid;grid-template-columns:22px minmax(0,1fr);gap:var(--s-2);align-items:start;font-size:var(--fs-sm);color:var(--ink)}
.fa-pronto-corpo{display:grid;gap:4px;min-width:0}
.fa-pronto-nome{font-weight:var(--fw-medium);line-height:22px}
.fa-porque{display:flex;flex-wrap:wrap;gap:4px}
.fa-descartados summary{cursor:pointer;font-size:var(--fs-xs);color:var(--ink-3)}
.fa-descartados ul{margin:6px 0 0 var(--s-4);display:grid;gap:2px;font-size:var(--fs-xs);color:var(--ink-2)}
.fa-acoes{display:flex;gap:var(--s-2);flex-wrap:wrap;align-items:center}
.fa-acoes .btn svg{width:14px;height:14px}

.fr{margin:var(--s-5) 0 var(--s-2)}
.fa .sec-tit:first-child{margin-top:var(--s-5)}
.fr .sec-tit{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}
.fr-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--s-3) var(--s-4);margin:0;
  padding:var(--s-4);border-radius:var(--r);background:var(--surface-2)}
.fr-item{display:grid;gap:2px;min-width:0}
.fr-item dt{font-size:var(--fs-2xs);font-weight:var(--fw-medium);color:var(--ink-3)}
.fr-item dd{margin:0;font-size:var(--fs-sm);color:var(--ink);overflow-wrap:anywhere}
.fr-fontes{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--s-2)}