/* =========================================================
   AQUAG · MODAIS
   Sobreposição e caixas de diálogo (pagamento, edição, turma).
   ========================================================= */

.modal-overlay {
  background: rgba(2, 6, 23, .82);
}

@media (max-width: 767px) {

  /* Modal: ocupa praticamente toda a tela e fica fácil de fechar. */
  .modal-overlay {
    padding: .5rem !important;
    align-items: flex-start !important;
    overflow-y: auto;
  }

  .modal-overlay>div {
    width: 100% !important;
    max-width: none !important;
    max-height: calc(100vh - 1rem) !important;
    margin-top: .1rem;
    padding: .95rem !important;
    border-radius: 1rem !important;
  }

  .modal-overlay .input {
    min-height: 46px;
    font-size: .95rem;
  }

  .modal-overlay .btn {
    min-height: 46px;
  }

  /* Tabelas: continuam acessíveis sem aumentar a largura da página. */
  .overflow-x-auto {
    max-width: 100%;
    -webkit-overflow-scrolling: touch;
  }
}