/* Numeração (fatia 17) — tela de Configurações › Numeração.
   Arquivo próprio, na ordem da cascata do design system, para não disputar
   03_componentes.css com as outras fatias. */

.numerador__grupo {
  padding: var(--esp-3) var(--esp-4) var(--esp-1);
  font-size: var(--texto-xs);
  font-weight: var(--peso-semi);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--cor-texto-fraco);
  background: var(--cor-fundo-sutil);
  border-top: 1px solid var(--cor-borda);
}

.numerador__amostra {
  font-variant-numeric: tabular-nums;
  font-weight: var(--peso-medio);
  color: var(--cor-texto-suave);
}

.numerador__previa {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--esp-3);
  padding: var(--esp-4);
  border: 1px dashed var(--cor-borda);
  border-radius: var(--raio-md);
  background: var(--cor-fundo-sutil);
}

.numerador__previa-rotulo {
  font-size: var(--texto-xs);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--cor-texto-fraco);
}

.numerador__previa-valor {
  font-size: var(--texto-xl);
  font-weight: var(--peso-semi);
  font-variant-numeric: tabular-nums;
  color: var(--cor-texto);
}