/* Restore the layout relationship after the PWA session gate wraps the app. */
#root > .pwa-protected-content {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  width: 100%;
  min-width: 0;
  min-height: 100%;
}

#root > .pwa-protected-content > .page___main {
  min-width: 0;
}

/* Keep both credential fields and their action centered at every viewport. */
#root > .pwa-protected-content > .page {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 100vh;
  min-height: 100dvh;
}

#root > .pwa-protected-content > .page > .auth {
  min-height: 100vh;
  min-height: 100dvh;
  margin-right: 0;
  margin-left: 0;
}

.auth__right .auth-wrapper {
  width: min(444px, calc(100% - 32px));
  max-width: 100%;
}

@media (max-width: 767.98px) {
  .auth__right {
    min-height: 100vh;
    min-height: 100dvh;
  }

  .catalog:has(> .catalog__filter) {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .catalog__filter {
    flex-wrap: wrap;
    gap: 12px;
  }

  .catalog__filter-item {
    min-width: 0;
  }

  .table-responsive > table.enquiries {
    min-width: 700px;
  }

  .c-footer__content {
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
  }

  .c-footer__content > div {
    width: 100%;
    margin: 0 !important;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 16px !important;
  }
}