/* Receita Própria — padrão visual consolidado do painel */

.cards-receita-propria-visao{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
}

.cards-receita-propria-visao .card-kpi{
  min-width:0;
}

.cards-receita-propria-visao .card-kpi strong{
  white-space:nowrap;
}

.tabela-receita-propria,
.tabela-receita-classificacao{
  max-height:620px!important;
  overflow:auto;
}

/* Todos os cabeçalhos permanecem centralizados. */
#tabelaReceitaDetalhamento thead th,
#tabelaReceitaClassificacao thead th{
  text-align:center!important;
}

/* IDs curtos centralizados. */
#tabelaReceitaDetalhamento tbody td:nth-child(1),
#tabelaReceitaDetalhamento tbody td:nth-child(3){
  text-align:center!important;
  white-space:nowrap;
}

/* Descrições alinhadas à esquerda. */
#tabelaReceitaDetalhamento tbody td:nth-child(2),
#tabelaReceitaDetalhamento tbody td:nth-child(4),
#tabelaReceitaClassificacao tbody td:first-child{
  text-align:left!important;
}

/* Métricas monetárias alinhadas à direita. */
#tabelaReceitaDetalhamento tbody td:nth-child(n+5),
#tabelaReceitaDetalhamento tfoot td:not(.rotulo-total),
#tabelaReceitaClassificacao tbody td:not(:first-child),
#tabelaReceitaClassificacao tfoot td:not(.rotulo-total){
  text-align:right!important;
  white-space:nowrap;
}

/* Rótulo Totais sempre à esquerda. */
#tabelaReceitaDetalhamento tfoot .rotulo-total,
#tabelaReceitaClassificacao tfoot .rotulo-total{
  text-align:left!important;
}

@media(max-width:1200px){
  .cards-receita-propria-visao{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media(max-width:800px){
  .cards-receita-propria-visao{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media(max-width:520px){
  .cards-receita-propria-visao{
    grid-template-columns:1fr!important;
  }
}