html,
body {
  max-width: 100%;
  overflow-x: clip;
}

.page-shell,
.content-inner {
  max-width: min(100%, 1440px);
  margin-inline: auto;
}

.builder-shell,
.modal-custom-fixed {
  max-width: min(100%, 1760px);
}

.table-responsive,
.admin-order-table-wrap {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive > table,
.admin-order-table-wrap > table {
  min-width: 720px;
}

.table-responsive td,
.table-responsive th,
.admin-order-table-wrap td,
.admin-order-table-wrap th {
  overflow-wrap: anywhere;
}

.table-responsive .text-nowrap,
.admin-order-table-wrap .text-nowrap {
  overflow: hidden;
  text-overflow: ellipsis;
}

.btn[data-loading="true"],
button[aria-busy="true"] {
  pointer-events: none;
}

@media (max-width: 575.98px) {
  .pagination {
    flex-wrap: wrap;
    gap: .25rem;
  }

  .modal-dialog.modal-custom-fixed,
  .modal-custom-fixed {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }

  .modal-custom-fixed .modal-content {
    min-height: 100dvh;
    border-radius: 0;
  }
}