/* TAMANHO PADRÃO DOS MÓDULOS — o mesmo da tela de entrada (Busca Diário etc.) em TODO o sistema:
   Painel de Senha, Configuração, Casamento, Anoreg, Boletos, Prestação de contas e submódulos.
   Para mudar o tamanho de todos de uma vez, mude só os números aqui. */
:root {
  --cartao-largura: 230px;
  --cartao-altura: 210px;
}

.grade-modulos:not([hidden]),
.grade-modulos-senha:not([hidden]),
.grade-submodulos:not([hidden]),
.grade-associados-modulos:not([hidden]),
.grade-controle-associados-modulos:not([hidden]) {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-items: stretch;
  gap: 14px !important;
  max-width: 1300px !important;
  width: 100%;
  margin-left: auto !important;
  margin-right: auto !important;
}

.grade-modulos .cartao-modulo,
.grade-modulos-senha .cartao-modulo-senha,
.grade-submodulos .cartao-submodulo,
.conteudo-boletos .grade-submodulos .cartao-submodulo,
.grade-associados-modulos .cartao-associado-modulo,
.grade-controle-associados-modulos .cartao-controle-associado-modulo {
  flex: 0 0 auto !important;
  width: min(var(--cartao-largura), 100%) !important;
  max-width: var(--cartao-largura) !important;
  min-width: 0 !important;
  min-height: var(--cartao-altura) !important;
  aspect-ratio: auto !important;
  padding: 30px 10px 14px !important;
  gap: 8px !important;
  justify-content: flex-start !important;
  box-sizing: border-box;
}

.grade-modulos .icone-modulo,
.grade-modulos-senha .icone-cartao,
.grade-submodulos .icone-submodulo,
.grade-associados-modulos .icone-submodulo,
.grade-controle-associados-modulos .icone-submodulo {
  width: 52px !important;
  height: 52px !important;
  transform: none !important;
  margin-bottom: 6px;
}

.grade-modulos .icone-modulo svg,
.grade-modulos-senha .icone-cartao svg,
.grade-submodulos .icone-submodulo svg,
.grade-associados-modulos .icone-submodulo svg,
.grade-controle-associados-modulos .icone-submodulo svg {
  width: 22px !important;
  height: 22px !important;
}

.grade-modulos .nome-modulo,
.grade-modulos-senha .nome-cartao,
.grade-submodulos .nome-submodulo,
.grade-associados-modulos .nome-submodulo,
.grade-controle-associados-modulos .nome-submodulo {
  font-size: 15px !important;
  overflow-wrap: anywhere;
}

.grade-modulos .descricao-modulo,
.grade-modulos-senha .descricao-cartao,
.grade-submodulos .descricao-submodulo,
.grade-associados-modulos .descricao-submodulo,
.grade-controle-associados-modulos .descricao-submodulo {
  font-size: 12.5px !important;
  line-height: 1.35 !important;
  max-width: 100% !important;
}

/* Hub do Painel de Senha: os 5 módulos (Emitir, Chamador, Casamento, Relatórios,
   Configuração) ficam lado a lado numa fileira só, sem reduzir o tamanho dos cartões.
   Em telas estreitas (menos de 1280px) volta a quebrar linha normalmente. */
@media (min-width: 1280px) {
  .grade-modulos-senha.grade-hub-senha:not([hidden]) {
    flex-wrap: nowrap !important;
    max-width: 1300px !important;
  }
}