/* Rodapé de totais das listas paginadas (RodapeTotais.razor e
   RodapeTotaisGrade.razor). Todo seletor parte de .rodape-totais — sem CSS
   isolado, regra de .claude/rules/arquitetura.md. */

.rodape-totais .rodape-totais__linha td,
.rodape-totais .rodape-totais__linha > div {
  font-weight: 700;
  color: var(--color-ink-forte);
  background: var(--color-surface);
  font-variant-numeric: tabular-nums;
}

.rodape-totais .rodape-totais__linha:first-child td,
.rodape-totais.rodape-totais--grade .rodape-totais__linha:first-child > div {
  border-top: 2px solid var(--color-border);
}

/* Na grade de <div>, o rótulo transborda para as células vazias ao lado, que
   o grid pinta depois dele; position: relative o desenha por cima delas. */
.rodape-totais.rodape-totais--grade .rodape-totais__rotulo {
  position: relative;
  z-index: 1;
}

/* Na grade, a coluna de valor é da largura das linhas, e um total de todas as
   páginas não cabe nela: sem isto ele quebra ("R$" numa linha, o número na de
   baixo) ou é cortado com reticências pela célula da tela. Fica numa linha só,
   inteiro, avançando para a célula vazia à esquerda (flex-end transborda para
   o início). Visto em produção, 1.12.19. */
.rodape-totais.rodape-totais--grade .rodape-totais__linha > [data-coluna] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  white-space: nowrap;
  overflow: visible;
  text-overflow: clip;
  position: relative;
  z-index: 1;
}

.rodape-totais .rodape-totais__rotulo {
  white-space: nowrap;
  overflow: visible;
}

.rodape-totais .rodape-totais__complemento {
  margin-left: 10px;
  font-weight: 600;
  color: var(--color-muted);
}

.rodape-totais .rodape-totais__aviso {
  font-size: 11px;
  font-weight: 400;
  color: var(--color-subtle);
  padding: 4px 8px;
}