#adminPage.active-page {
  position: relative;
  z-index: 20;
  display: block;
  height: 100dvh;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  padding-bottom: 40px;
  background: linear-gradient(180deg,#050505,#08090b);
}

#adminPage .admin-user-results,
#adminPage .admin-user-card,
#adminPage .admin-user-details,
#adminPage .user-badge-creator,
#adminPage .badge-create-options {
  min-width: 0;
  max-width: 100%;
}

#adminPage .admin-user-card,
#adminPage .admin-user-details,
#adminPage .user-badge-creator {
  overflow: visible;
}

#adminPage .badge-create-options {
  grid-template-columns: minmax(88px,.35fr) minmax(220px,.7fr) minmax(250px,1fr) auto;
}

#adminPage .badge-picture-input,
#adminPage .badge-create-options fieldset {
  min-width: 0;
}

#adminPage .badge-upload-button,
#adminPage .badge-picture-input input {
  width: 100%;
}

@media (max-width: 1180px) {
  #adminPage .badge-create-options {
    grid-template-columns: 110px minmax(220px,1fr) minmax(240px,1fr);
  }
  #adminPage .badge-create-options > .primary-button {
    grid-column: 1 / -1;
    width: max-content;
  }
}

@media (max-width: 760px) {
  #adminPage.active-page { padding-bottom: 72px; }
  #adminPage .badge-create-options { grid-template-columns: 1fr; }
  #adminPage .badge-create-options > .primary-button { grid-column: auto; width: 100%; }
}