/* cockgit — nova-gasto.css
   vista /nova · tela GASTO (30/09/2026): a janela contra o teto diário, investido
   × voltou e o custo fixo — FinOps e Assinaturas numa tela só. O porquê está no
   cabeçalho de js/app-nova-gasto.js. Os cards são as PEÇAS (nova-pecas.css): esta
   folha só tem o gating da tela. */
#nv:not([data-tela="gasto"]) #nv-gasto{display:none}
/* [07/10/2026] SEM ROLAGEM (pedido do dono): os grupos dividem a linha — cada um ocupa a
   largura dos cards que mostra (--k, posto pelo JS) — e o que não cabe passa de página
   no paginador do pé ("mais N ›"). Nada rola por dentro; cor só por token. */
#nv-gasto .pc-tela{padding-top:10px;padding-bottom:6px}
#nv-gasto .ga-grupos{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 16px;min-width:0}
#nv-gasto .ga-grupos>.pc-grupo{flex:var(--k,1) 1 calc(var(--k,1) * 250px - 10px);min-width:min(100%,240px);margin:0}
#nv-gasto .ga-grupos>.pc-grupo[hidden]{display:none}
#nv-gasto .pc-grupo .pc-topo{margin-bottom:6px}
#nv-gasto .pc-grupo .pc-topo-t{font-size:var(--t-bod)}
#nv-gasto .pc-card[hidden]{display:none}
#nv-gasto .ga-pag{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:6px}
#nv-gasto .ga-pag[hidden]{display:none}
#nv-gasto .ga-pag .pc-lnk{min-height:40px;min-width:40px;justify-content:center}
#nv-gasto .ga-pag .pc-lnk:disabled{color:var(--idle);text-decoration:none;cursor:default}
/* [27/10/2026 · #825] a FOLHA do [Adicionar cobrança] (#nv-cb), com a mesma casca
   `.nv-la` da ficha do prospect: nasce FECHADA (`display:none`) e só a classe `.on`
   a mostra — sem isto ela fica no fluxo e rola de lado no celular. Nada rola por
   dentro; o alvo de toque é de 44px. */
#nv-cb{display:none;position:absolute;left:0;right:0;top:0;min-height:100vh;
  min-height:100dvh;background:rgba(0,0,0,.55);z-index:40;padding:56px 16px}
#nv-cb.on{display:block}
#nv-cb .nv-la{width:min(520px,100%);margin:0 auto;max-height:none}
#nv-cb .nv-la-row{gap:8px}
#nv-cb .nv-la-row button{min-height:44px;flex:1 1 200px}
#nv-cb .nv-la-st.bad{color:var(--p0)}
@media (max-width:480px){ #nv-cb{padding:0} #nv-cb .nv-la{width:100%;min-height:100dvh} }