/* ============================================================================
   iBooster CRM - Prospects, Precos e pacotes, postura do comprador e guia das classificacoes
   Saiu de vistas.css para o arquivo ficar abaixo de 500 linhas.
   ========================================================================== */

/* Prospects: as regras da tela moram em prospects.css (prefixo .pp-). */

/* ============================================================================
   Precos e pacotes: a tabela comercial do PDF PRC 2026-08 dentro do CRM.
   Cartoes de plano e de pacote em vez de tabela corrida, porque e assim que a
   tabela e lida na mesa: "qual faixa, quanto, o que inclui".
   ========================================================================== */
.pr-cab{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap}
.pr-cab-txt{flex:1;min-width:280px}
.pr-cab h2{font-size:var(--fs-2xl);font-weight:600;letter-spacing:-.025em;margin:4px 0 6px}
.pr-cab p{font-size:var(--fs-md);color:var(--ink-2);line-height:1.55;max-width:80ch;margin:0}
.pr-interno{display:flex;gap:8px;align-items:flex-start;max-width:300px;font-size:var(--fs-xs);color:var(--warn);
  background:var(--warn-soft);border-radius:var(--r-sm);padding:10px 12px;line-height:1.45}
.pr-interno .ic{width:14px;height:14px;flex:none;margin-top:2px}
.pr-kpi{cursor:pointer;text-align:left;width:100%;font:inherit}
.pr-kpi .n{font-size:var(--fs-xl)}
.pr-kpi .n small{font-size:var(--fs-xs);font-weight:600;color:var(--ink-3);letter-spacing:0}
.pr-kpi.ativo{border-color:var(--cor);box-shadow:var(--sombra-2)}
.pr-planos{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.pr-plano{border:1px solid var(--line);border-radius:var(--r-sm);padding:12px 14px;background:var(--surface-2)}
.pr-plano .nm{font-size:var(--fs-xs);font-weight:500;color:var(--ink-3)}
.pr-plano .fx{font-size:var(--fs-sm);color:var(--ink-2);margin-top:2px}
.pr-plano .vl{font-size:var(--fs-xl);font-weight:600;letter-spacing:-.02em;margin-top:8px;font-variant-numeric:tabular-nums}
.pr-plano .vl small{font-size:var(--fs-2xs);font-weight:600;color:var(--ink-3);letter-spacing:0}
.pr-plano .rf{font-size:var(--fs-xs);color:var(--ink-3);margin-top:3px}
.pr-plano.destaque{border-color:var(--brand-line);background:var(--brand-soft)}
.pr-plano.destaque .vl{color:var(--brand)}
.pr-pacotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.pr-pacote{border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;background:var(--surface)}
.pr-pacote.mais{border-color:var(--brand);box-shadow:var(--sombra-brand)}
.pr-pacote .selo-p{font-size:var(--fs-xs);font-weight:500;color:var(--ink-3)}
.pr-pacote.mais .selo-p{color:var(--brand)}
.pr-pacote .nm{font-size:var(--fs-lg);font-weight:600;letter-spacing:-.02em;margin-top:2px}
.pr-pacote ul{margin:10px 0;padding-left:18px;font-size:var(--fs-sm);line-height:1.5;color:var(--ink-2)}
.pr-pacote .paga{font-size:var(--fs-sm);font-weight:600}
.pr-pacote .cm{font-size:var(--fs-xs);color:var(--ink-3);margin-top:4px}
.pr-carteiras{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.pr-carteira{border:1px dashed var(--line);border-radius:var(--r-sm);padding:10px 13px}
.pr-carteira b{font-size:var(--fs-xl);letter-spacing:-.02em;display:block;font-variant-numeric:tabular-nums}
.pr-carteira span{font-size:var(--fs-xs);color:var(--ink-3);line-height:1.4}
.pr-sim{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}
.pr-sim label.campo{min-width:180px}
.pr-sim-saida{flex:1;min-width:260px;font-size:var(--fs-sm);line-height:1.6;padding:9px 12px;background:var(--surface-2);
  border:1px solid var(--line);border-radius:var(--r-sm);min-height:38px}
.pr-sim-saida b.g{font-size:var(--fs-lg);color:var(--brand)}
.pr-formatos{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}
.pr-formato{border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;background:var(--surface-2)}
.pr-formato .q{font-size:var(--fs-xs);font-weight:500;color:var(--ink-3)}
.pr-formato .nm{font-size:var(--fs-lg);font-weight:600;margin-top:2px;letter-spacing:-.02em}
.pr-formato .dt{font-size:var(--fs-sm);font-weight:600;color:var(--brand);margin-top:3px}
.pr-formato ul{margin:10px 0 0;padding-left:18px;font-size:var(--fs-sm);line-height:1.5;color:var(--ink-2)}
.pr-regras{display:grid}
.pr-regra{display:grid;grid-template-columns:30px 1fr;gap:12px;padding:11px 0;border-top:1px solid var(--line-soft);align-items:start}
.pr-regra:first-child{border-top:0;padding-top:2px}
.pr-regra .n{width:26px;height:26px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:var(--fs-xs);font-weight:600}
.pr-regra b{display:block;font-size:var(--fs-md)}
.pr-regra span{font-size:var(--fs-sm);color:var(--ink-2);line-height:1.5}
.pr-nota{font-size:var(--fs-sm);color:var(--ink-2);line-height:1.55;background:var(--surface-2);border-left:3px solid var(--brand);
  padding:9px 12px;border-radius:0 var(--r-xs) var(--r-xs) 0;margin:12px 0 0}
/* margem e custo sao leitura interna: o parceiro de fora (papel leitor) ve preco e regra, nao a conta por tras */
[data-papel="leitor"] .so-interno{display:none !important}

/* ============================================================================
   O que o comprador busca (postura da conta): o diagnostico de dois minutos na
   ficha. Tres colunas de sinais, uma por postura, e a escolha embaixo - a
   pessoa marca o que ENCONTROU antes de escolher, nao o contrario.
   ========================================================================== */
.po-cartao{border:0;border-radius:var(--r);background:var(--surface);padding:14px 16px;margin:0 0 14px;box-shadow:var(--e1)}
.po-cartao.pendente{border-color:var(--warn);background:color-mix(in srgb,var(--warn) 5%,var(--surface))}
.po-topo{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.po-topo .tt{font-size:var(--fs-md);font-weight:600;display:inline-flex;align-items:center;gap:6px}
.po-topo .tt .ic{width:15px;height:15px;color:var(--ink-3)}
.po-links{display:flex;gap:6px;flex-wrap:wrap}
.po-links a{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-xs);font-weight:600;padding:5px 10px;
  border:1px solid var(--line);border-radius:var(--r-full);background:var(--surface);color:var(--ink-2);transition:border-color var(--transicao),color var(--transicao)}
.po-links a:hover{border-color:var(--brand);color:var(--brand)}
.po-links a .ic{width:12px;height:12px}
.po-sinais{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media(max-width:620px){.po-sinais{grid-template-columns:1fr}}
.po-sinal-col{border:1px solid var(--line-soft);border-radius:var(--r-sm);padding:8px 10px;background:var(--surface-2)}
.po-sinal-col .t{font-size:var(--fs-xs);font-weight:600;color:var(--cor);margin-bottom:4px}
.po-sinal-col label{display:flex;gap:7px;align-items:flex-start;font-size:var(--fs-xs);line-height:1.4;padding:4px 0;cursor:pointer;color:var(--ink-2)}
.po-sinal-col label:hover{color:var(--ink)}
.po-sinal-col input{margin-top:2px}
.po-sugestao{font-size:var(--fs-sm);margin:8px 0 0;color:var(--ink-2)}
.po-opcoes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
@media(max-width:620px){.po-opcoes{grid-template-columns:1fr}}
.po-opcao{border:1px solid var(--line);border-radius:var(--r-sm);padding:10px 12px;cursor:pointer;background:var(--surface);
  text-align:left;display:grid;gap:2px;transition:border-color var(--transicao),background var(--transicao),box-shadow var(--transicao)}
.po-opcao:hover{border-color:var(--ink-4)}
.po-opcao.ativa{border-color:var(--cor);background:var(--suave);box-shadow:inset 0 0 0 1px var(--cor)}
.po-opcao .nm{font-weight:600;font-size:var(--fs-md);color:var(--cor)}
.po-opcao .bs{font-size:var(--fs-xs);color:var(--ink-2);line-height:1.4}
.po-opcao .ct{font-size:var(--fs-2xs);font-weight:600;color:var(--ink-3);margin-top:3px}
.po-decide{margin-top:10px;border-left:3px solid var(--cor);background:var(--suave);padding:10px 13px;
  border-radius:0 var(--r-sm) var(--r-sm) 0;font-size:var(--fs-sm);line-height:1.55}
.po-decide > b{color:var(--cor)}
.po-decide table{width:100%;border-collapse:collapse;margin-top:6px}
.po-decide td{padding:3px 0;vertical-align:top;font-size:var(--fs-sm);line-height:1.5}
.po-decide td:first-child{width:112px;color:var(--ink-3);font-weight:500;font-size:var(--fs-xs);padding-right:8px;padding-top:5px}
.po-decide .nao{color:var(--danger);font-weight:600}
.po-selo{display:inline-flex;align-items:center;gap:5px;font-size:var(--fs-2xs);font-weight:600;padding:2.5px 9px;border-radius:var(--r-full);
  background:var(--suave);color:var(--cor);white-space:nowrap}
.po-selo::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--cor)}
/* a PROVAVEL e tracejada e vazada: hipotese se le de longe como hipotese */
.po-selo.provavel{background:transparent;border:1px dashed var(--cor)}
.po-selo.provavel::before{background:transparent;border:1.5px solid var(--cor);width:5px;height:5px}
.po-provavel{margin:10px 0 0;padding:9px 12px;border-radius:var(--r-sm);border:1px dashed var(--cor);background:var(--suave);font-size:var(--fs-sm);line-height:1.5;color:var(--ink)}
.po-provavel b{color:var(--cor)}
.po-provavel .quem{display:block;font-size:var(--fs-2xs);color:var(--ink-3);margin-top:3px}
.po-sugestao .btn{margin-left:6px;vertical-align:middle}
.po-acoes{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:12px}

/* ============================================================================
   Guia das classificacoes: a sub-aba "Como classificar" da tela Contas.
   E leitura, nao formulario. A tabela de relance responde a mesma pergunta nas
   tres colunas; embaixo, um cartao por postura, cada um na cor da sua postura
   (--cor e --suave chegam por style, como no diagnostico da ficha).
   ========================================================================== */
.gp-cab{display:flex;gap:18px;align-items:flex-start;flex-wrap:wrap;margin-bottom:14px}
.gp-cab-txt{flex:1;min-width:300px}
.gp-cab h2{font-size:var(--fs-2xl);font-weight:600;letter-spacing:-.025em;margin:4px 0 6px}
.gp-cab p{font-size:var(--fs-md);color:var(--ink-2);line-height:1.55;max-width:92ch;margin:0}
.gp-carteira{min-width:206px;border-left:1px solid var(--line);padding-left:16px}
.gp-carteira .rotulo{margin-bottom:5px}
@media(max-width:820px){.gp-carteira{width:100%;border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:12px}}
.gp-conta-linha{display:flex;align-items:baseline;gap:9px;width:100%;padding:3px 0;font:inherit;
  text-align:left;cursor:pointer;color:var(--ink-2);transition:color var(--transicao)}
.gp-conta-linha:hover{color:var(--brand)}
.gp-conta-linha .n{min-width:30px;font-size:var(--fs-xl);font-weight:600;letter-spacing:-.02em;
  font-variant-numeric:tabular-nums;color:var(--cor,var(--ink-4))}
.gp-conta-linha .l{font-size:var(--fs-sm)}
.gp-conta-linha.pendente .n{color:var(--warn)}

.gp-comparar thead th{vertical-align:bottom}
.gp-comparar thead th .nm{display:block;font-size:var(--fs-md);font-weight:600;letter-spacing:-.015em;color:var(--cor);text-transform:none}
.gp-comparar thead th .bp{display:block;font-size:var(--fs-2xs);font-weight:600;color:var(--ink-3);text-transform:none;letter-spacing:0}
.gp-comparar td{font-size:var(--fs-sm);line-height:1.5;vertical-align:top;color:var(--ink-2)}
.gp-comparar td.rot{width:152px;font-size:var(--fs-xs);
  font-weight:500;color:var(--ink-3);padding-top:12px}
.gp-comparar td.forte{color:var(--ink);font-weight:600}
.gp-comparar td.nao{color:var(--danger);font-weight:600}

.gp-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:14px}
.gp-card{border-top:3px solid var(--cor);overflow:hidden}
.gp-card-cab{display:flex;gap:10px;align-items:flex-start;padding:13px 16px;background:var(--suave)}
.gp-card-tit{flex:1;min-width:0}
.gp-card-tit h3{font-size:18px;font-weight:600;letter-spacing:-.025em;margin:0;color:var(--cor)}
.gp-card-tit .bp{font-size:var(--fs-2xs);font-weight:600;color:var(--ink-3)}
.gp-tag{font-size:var(--fs-2xs);font-weight:600;white-space:nowrap;padding:3px 10px;border-radius:var(--r-full);cursor:pointer;
  background:var(--surface);border:1px solid var(--line);color:var(--ink-2);font-family:inherit;
  transition:border-color var(--transicao),color var(--transicao)}
.gp-tag:hover{border-color:var(--cor);color:var(--cor)}
.gp-card-corpo{padding:14px 16px 16px}
.gp-busca{font-size:var(--fs-md);line-height:1.5;margin:0 0 8px}
.gp-txt{font-size:var(--fs-sm);color:var(--ink-2);line-height:1.55;margin:0 0 9px}
.gp-mini{display:block;font-size:var(--fs-xs);font-weight:500;color:var(--ink-3)}
.gp-sec{display:flex;align-items:center;gap:6px;margin:15px 0 8px;padding-top:12px;border-top:1px solid var(--line-soft);
  font-size:var(--fs-xs);font-weight:600;color:var(--cor)}
.gp-sec .ic{width:13px;height:13px}
.gp-sinais{margin:0 0 9px;padding-left:17px;font-size:var(--fs-sm);line-height:1.5;color:var(--ink-2)}
.gp-sinais li{margin-bottom:3px}
.gp-quem{display:grid;gap:2px;margin:0;font-size:var(--fs-xs);line-height:1.45;color:var(--ink-3)}
.gp-quem b{color:var(--ink-2)}
.gp-fala{display:flex;gap:8px;align-items:flex-start;margin:0 0 10px;padding:9px 12px;
  font-size:var(--fs-sm);font-weight:600;line-height:1.5;color:var(--ink);
  background:var(--surface-2);border-left:3px solid var(--cor);border-radius:0 var(--r-sm) var(--r-sm) 0}
.gp-fala .ic{width:14px;height:14px;flex:none;margin-top:2px;color:var(--cor)}
.gp-objecao{border:1px dashed var(--line);border-radius:var(--r-sm);padding:9px 12px;margin:0 0 10px}
.gp-objecao .o{display:flex;gap:6px;align-items:flex-start;font-size:var(--fs-sm);font-weight:600;color:var(--ink)}
.gp-objecao .o .ic{width:13px;height:13px;flex:none;margin-top:2px;color:var(--warn)}
.gp-objecao .r{margin-top:4px;font-size:var(--fs-sm);line-height:1.5;color:var(--ink-2)}
.gp-nao{display:flex;gap:7px;align-items:flex-start;margin:0;font-size:var(--fs-sm);line-height:1.5;
  font-weight:600;color:var(--danger)}
.gp-nao .ic{width:13px;height:13px;flex:none;margin-top:2px}
.gp-fecha{background:var(--surface-2);border-radius:var(--r-sm);padding:11px 13px}
.gp-fecha .e{font-size:var(--fs-md);font-weight:600;letter-spacing:-.015em;color:var(--cor);line-height:1.35}
.gp-fecha table{width:100%;border-collapse:collapse;margin-top:7px}
.gp-fecha td{padding:3px 0;vertical-align:top;font-size:var(--fs-sm);line-height:1.5;color:var(--ink-2)}
.gp-fecha td:first-child{width:94px;padding-right:8px;padding-top:5px;font-size:var(--fs-xs);font-weight:500;color:var(--ink-3)}
.gp-link{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-family:inherit;
  font-size:var(--fs-xs);font-weight:600;color:var(--brand);cursor:pointer}
.gp-link .ic{width:13px;height:13px}
.gp-link:hover{text-decoration:underline}