/**
 * Modais mais compactos no mobile (margem lateral + padding).
 * Evita o dialog ocupar quase 100% da tela com pouco respiro.
 */
@media (max-width: 575.98px) {
  .modal-dialog {
    margin: 0.75rem auto;
    max-width: calc(100% - 1.5rem);
    width: calc(100% - 1.5rem);
  }

  .modal-dialog.modal-sm,
  .modal-dialog.modal-lg,
  .modal-dialog.modal-xl {
    max-width: calc(100% - 1.5rem);
  }

  .modal-header,
  .modal-body,
  .modal-footer {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .modal-header {
    padding-top: 0.85rem;
    padding-bottom: 0.85rem;
  }

  .modal-body {
    font-size: 0.9rem;
    line-height: 1.45;
  }

  .modal-footer {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }

  .modal-footer.flex-column .btn {
    width: 100%;
  }

  .modal-title {
    font-size: 1rem;
    line-height: 1.35;
  }
}