/* /upgrade/nivel-passo.css -- lista de nível do Upgrade virando − valor + (nivel-passo.js). A caixa usa o .wpg-passo
   do site (js/core/passo-numero.css); aqui só o que é da peça: o select fica escondido e o texto do meio. */
select.np-escondido{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;border:0!important;opacity:0!important;pointer-events:none!important}
.wpg-passo.np{display:flex;width:100%;min-height:38px}
.wpg-passo.np .np-valor{flex:1 1 auto;min-width:0;width:auto;margin:0;border:0;border-inline:1px solid var(--border);border-radius:0;background:transparent;color:var(--t-hi,var(--text));text-align:center;font:700 14px var(--body,inherit);font-variant-numeric:tabular-nums;padding:0 6px;text-overflow:ellipsis;box-shadow:none}
.wpg-passo.np .np-valor:focus{outline:none}
.wpg-passo.np .wpg-passo-bt:disabled{opacity:.35;cursor:default;background:none;color:var(--t-low,var(--muted))}
.wpg-passo.np.np-off{opacity:.55}
/* campo com a peça: a coluna ocupa o campo inteiro, para as caixas lado a lado terem a mesma largura (nome maior,
   como "Relâmpago", não alarga a caixa dele) */
.field:has(> .np-par){grid-template-columns:minmax(0,1fr)}
/* a peça: uma caixa (lista simples) ou duas lado a lado, Nível e Etapa (lista de nível + etapa, repaginada parte 4) */
.np-par{display:flex;gap:6px;width:100%;min-width:0}
.np-par > .wpg-passo.np{flex:1 1 0;min-width:0}
.np-par.np-duplo > .wpg-passo.np{flex:1.25 1 0}
.np-par.np-duplo > .wpg-passo.np.np-etapa{flex:1 1 0}
.np-par > [hidden]{display:none!important}