/* Painel · abas Vendas e perdas e A receber (web/js/22-painel-abas.js): mesma linguagem de cartões da Visão geral.
   Cor só por token; cada série define --c. */
.gp-pag{--c:var(--verde)}.gp-form{--c:var(--dourado)}.gp-neg{--c:var(--azul2)}
.mt1{--c:var(--coral)}.mt2{--c:var(--dourado)}.mt3{--c:var(--azul2)}.mt4{--c:var(--ceu)}.mt5{--c:var(--cinza-az)}.mt6{--c:var(--verde-medio)}
.mt1b{background:var(--coral)}.mt2b{background:var(--dourado)}.mt3b{background:var(--azul2)}.mt4b{background:var(--ceu)}.mt5b{background:var(--cinza-az)}.mt6b{background:var(--verde-medio)}
/* grupo Funil na barra azul */
.pa-fn .pg-sel-t{padding-right:8px}
/* legenda clicável das roscas */
.pa-rosca-box{align-items:center}
.pa-leg{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;flex:1 1 170px;min-width:0}
.pa-leg-i{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:0 8px;align-items:center;width:100%;text-align:left;font:12px var(--sans);color:var(--azul);background:transparent;border:1px solid transparent;border-radius:8px;padding:5px 8px;cursor:pointer}
.pa-leg-i:hover:not(:disabled){background:var(--azul-gelo);border-color:var(--linha)}
.pa-leg-i:disabled{cursor:default;opacity:.7}
.pa-leg-i .sw{width:10px;height:10px;border-radius:3px}
.pa-leg-n{font-weight:600;overflow-wrap:anywhere}
.pa-leg-i small{grid-column:2/-1;color:var(--muted);font-size:11px}
/* barras horizontais com subtítulo e linha de referência (média) */
.pa-bh .pg-bh-r small{display:block;font-weight:400;font-size:11px;color:var(--muted)}
.pa-ref{stroke:var(--azul);stroke-width:2;stroke-dasharray:2 2;vector-effect:non-scaling-stroke}
.pa-ref-sw{display:inline-block;width:0;height:12px;border-left:2px dashed var(--azul)}
/* colunas empilhadas: total acima e marcador do ponderado */
.pa-gv{font:600 11px var(--sans);fill:var(--cinza-tx)}
.pa-marca{stroke:var(--azul);stroke-width:3;stroke-linecap:round}
.pa-marca-sw{display:inline-block;width:14px;height:0;border-top:3px solid var(--azul);border-radius:2px}
/* dispersão valor × chance */
.pa-zona{fill:var(--verde-bg)}
.pa-zt{font:600 11px var(--sans);fill:var(--verde-tx)}
.pa-eixo{font:12px var(--sans);fill:var(--muted)}
.pa-pt{fill:var(--c);fill-opacity:.72;stroke:var(--branco);stroke-width:1.5;cursor:pointer;transition:fill-opacity .15s}
.pa-pt:hover{fill-opacity:1;stroke:var(--azul)}
.pa-pt:focus-visible{outline:none;fill-opacity:1;stroke:var(--azul);stroke-width:3}
/* faixa de dias do ciclo */
.pa-fx{width:100%;max-width:280px;height:auto;display:block;margin-top:auto}
.pa-fx-t{stroke:var(--cinza-bg-3);stroke-width:8;stroke-linecap:round}
.pa-fx-r{stroke:var(--azul2);stroke-width:8;stroke-linecap:round;opacity:.45}
.pa-fx-p{fill:var(--branco);stroke:var(--azul2);stroke-width:3}
.pa-fx-l{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;font-size:12px;color:var(--muted);max-width:280px}
.pa-fx-l b{color:var(--azul)}
/* previsão a revisar (botões no padrão dos pontos de atenção) */
.pa-rev{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.pa-rev .aten-i{width:100%;padding:8px 12px;gap:10px}
.pa-rev .aten-i b{font-size:22px;min-width:28px}
.pa-rev .aten-i:disabled{cursor:default;box-shadow:none;border-color:var(--linha);opacity:.75}
.pg-c .rb-pg-m .pg-q{line-height:1.45}
/* barras em cartão estreito: nome e valor na mesma linha, barra embaixo */
.pa-bh-col .pg-bh-i{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}
.pa-bh-col .pg-bh-r{text-align:left}
.pa-bh-col .pg-bh-b{grid-column:1/-1;grid-row:2}
.pa-bh .pg-bh-v{text-align:right}
.pa-bh .pg-bh-v small{display:block;font-weight:400;font-size:11px;color:var(--muted)}
@media (max-width:760px){
  .pa-fn{flex-wrap:nowrap;overflow-x:auto;width:100%}
  .pa-fn .pg-sel-t{flex:none}
}
/* Seções da aba Recebimentos (Recebido, A receber, Conciliação): título com fio, cartões abaixo */
.pg-sec{display:flex;flex-direction:column;gap:16px;scroll-margin-top:96px}
.pg-sec:focus{outline:none}
.pg-sec-h{display:flex;justify-content:space-between;align-items:center;gap:10px 16px;flex-wrap:wrap;border-bottom:2px solid var(--dourado);padding:12px 0 8px;margin-top:8px}
.pg-sec-t{font:600 22px var(--display);letter-spacing:.02em;text-transform:uppercase;color:var(--azul);margin:0}
.pg-sec-t small{display:inline-block;margin-left:8px;font:400 13px var(--sans);letter-spacing:0;text-transform:none;color:var(--muted)}
.pa-sub{position:static;padding:4px 10px;box-shadow:none;min-width:0;max-width:100%}
#rb-nc{scroll-margin-top:96px}
#rb-nc:focus{outline:none}
/* barra azul de Recebimentos: ações à direita */
.rb-aba .rb-st{border-radius:16px;box-shadow:0 1px 2px rgba(var(--azul-rgb),.04),0 8px 24px rgba(var(--azul-rgb),.06)}
.rb-aba .rb-alertas{padding:14px 18px}
.rb-filtros-c{padding:12px 16px}
.rb-aba .pg-h .rb-tg{margin-top:0}
.rb-aba .rb-mun:first-of-type{border-top:0;padding-top:4px}
.rb-aba details.pg-c>summary{cursor:pointer}
@media (max-width:760px){
  .pa-sub{width:100%}
  .pa-sub .pa-fn{min-width:0}
  .pg-sec-t{font-size:19px}
  .pg-sec-t small{display:block;margin:2px 0 0}
}
/* Recebimentos: barra só com atalhos, fixa também no celular; ações no cabeçalho da seção Recebido */
.rb-sel{position:sticky;top:8px}
.rb-aba .pg-sec-h .rb-acoes{margin-left:auto}
.rb-conc-exp{margin:-6px 0 0;max-width:900px}
.rb-ok{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:baseline;background:var(--verde-bg);border-color:var(--verde-borda);box-shadow:none;padding:12px 18px;font-size:14px}
.rb-ok b{color:var(--verde-tx)}
@media (max-width:760px){
  .rb-sel{position:sticky;top:0;flex-wrap:nowrap;overflow-x:auto;padding:6px 10px}
  .rb-sel .pg-sel-g{flex-wrap:nowrap}
  .rb-aba .pg-sec-h .rb-acoes{margin-left:0;width:100%}
}