
/* Limite Orçamentário — segue o padrão visual da Visão Geral */

.cards-limite-visao{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

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

/* Cabeçalhos centralizados. */
#tabelaLimiteDetalhamento thead th,
#tabelaLimiteClassificacao thead th{
  text-align:center!important;
}

/* Dimensões textuais à esquerda. */
#tabelaLimiteDetalhamento tbody td:nth-child(1),
#tabelaLimiteDetalhamento tbody td:nth-child(2),
#tabelaLimiteDetalhamento tbody td:nth-child(3),
#tabelaLimiteDetalhamento tbody td:nth-child(4),
#tabelaLimiteDetalhamento tbody td:nth-child(5){
  text-align:left!important;
}

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

#tabelaLimiteDetalhamento tfoot .rotulo-total,

#tabelaLimiteClassificacao tfoot .rotulo-total{
  text-align:left!important;
}

#tabelaLimiteClassificacao tbody td:first-child{
  text-align:left!important;
}

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


/* ===== Cards gerenciais por Conta Corrente ===== */

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

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

.cards-limite-visao .card-kpi span{
  line-height:1.25;
}

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

.card-limite-cc small{
  margin-top:6px;
  font-size:11px;
  font-weight:600;
  opacity:.65;
}

@media(max-width:1400px){
  .cards-limite-visao{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}

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

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