.nas-single--page:has(.nas-member-page--withdraw) .nas-single__body {
  padding: 0;
}

.nas-member-page--withdraw .nas-member-page__body > h2 {
  display: none;
}

.nas-member-page--withdraw .nas-member-page__body {
  padding: 0;
}

.nas-member-page--withdraw [data-nas-member-guest]:not([hidden]) {
  padding: 0.5rem;
}

.withdraw {
  display: grid;
  grid-template-rows: auto auto 1fr;
}

.withdraw .withdraw-content.page,
.withdraw [data-nas-withdraw-host].withdraw-content {
  box-sizing: border-box;
  height: auto;
  min-height: 0;
  padding: 0;
  width: 100%;
}

.withdraw form {
  display: grid;
  padding: 0.5rem;
  gap: 0.75rem;
  align-content: start;
  background-color: #0e253e;
}

.withdraw--d {
  min-height: calc(100vh - 80px - 1.5rem);
}

@supports (height: 100dvh) {
  .withdraw--d {
    min-height: calc(100dvh - 80px - 1.5rem);
  }
}

.withdraw--d form {
  justify-items: center;
  padding: 1rem;
}

.withdraw--d form .alert,
.withdraw--d form .input__container,
.withdraw--d form .wallet-detail,
.withdraw--d form .wallet-detail.withdraw-notes,
.withdraw--d form .preset-amounts {
  max-width: 30rem;
  width: 100%;
}

.withdraw--d .wallet-form--d {
  max-width: none;
  width: 100%;
}

/* shell.css memosisikan setiap .wallet-detail selain deposit-to secara absolut di
   kolom ketiga; kolom itu sudah dipakai blok catatan, jadi tujuan transfer harus
   tetap mengalir di bawah pilihan nominal seperti portal operator. */
.wallet-form--d .wallet-detail__withdraw-to {
  grid-area: auto !important;
  grid-column: 1 / 3 !important;
  position: static !important;
}

.withdraw .withdraw-content__pending,
.withdraw-content.page.withdraw-content__pending,
.withdraw [data-nas-withdraw-host].withdraw-content__pending {
  align-items: flex-start;
  background-color: #0e253e;
  display: flex;
  justify-content: center;
}

.withdraw-pending {
  box-sizing: border-box;
  display: grid;
  grid-gap: 1rem;
  margin: 0 auto;
  max-width: 30rem;
  padding: 0.5rem;
  width: 100%;
}

.withdraw-pending .alert--icon-top .alert__content h4 {
  font-size: 1rem;
  margin: 0 0 0.5rem;
}

.withdraw-pending .alert--icon-top .alert__content p {
  margin: 0;
  text-align: center;
}

.withdraw-detail {
  list-style: none;
  margin: 1rem 0;
  padding: 0;
}

.withdraw-detail li {
  align-items: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  display: flex;
  gap: 0.75rem;
  justify-content: space-between;
  padding: 0.5rem 0;
}

.withdraw-detail li:last-child {
  border-bottom: 0;
}

.withdraw-detail li span {
  font-size: 0.75rem;
  opacity: 0.7;
}

.withdraw-detail li p {
  font-weight: 700;
  letter-spacing: 0.5px;
  margin: 0;
  text-align: right;
}

.nas-withdraw__error[hidden] {
  display: none !important;
}

@media (max-width: 1023px) {
  .nas-member-page--withdraw {
    min-width: 0;
    width: 100%;
  }

  .nas-member-page--withdraw .nas-member-auth {
    min-width: 0;
  }

  .nas-member-page--withdraw .nas-member-page__title {
    padding: 0.5rem 0.5rem 0;
  }

  .nas-main .withdraw.withdraw--d {
    min-height: auto;
    min-width: 0;
    width: 100%;
  }

  .withdraw .page-nav--grid {
    grid-template-columns: 1fr;
  }

  .withdraw .page-nav.page-nav--d {
    background-color: #030a12;
    box-sizing: border-box;
    height: auto;
    min-height: 52px;
    padding: 0.5rem 0;
    position: static;
    top: auto;
    width: 100%;
  }

  .withdraw .page-nav.page-nav--d .page-nav__scroll-parent {
    min-width: 0;
    width: 100%;
  }

  .withdraw .page-nav__label {
    display: none;
  }

  .withdraw .page-nav ul a.btn {
    align-items: center;
    display: inline-flex;
    gap: 0.375rem;
    white-space: nowrap;
  }

  .withdraw .page-nav ul a.btn.btn--light:not(.app-link--active) {
    background-color: #61020b;
  }

  .withdraw .nas-page-nav-spacer {
    height: 0;
  }

  .withdraw--d form {
    box-sizing: border-box;
    justify-items: stretch;
    padding: 0.5rem;
    width: 100%;
  }

  .withdraw--d form.wallet-form.wallet-form--d,
  .withdraw form.wallet-form--d {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.75rem;
    grid-template-columns: none !important;
  }

  .wallet-form--d > *,
  .withdraw form.wallet-form--d > * {
    grid-area: auto !important;
    grid-column: auto !important;
    grid-row: auto !important;
    max-width: none;
    min-width: 0;
    width: 100%;
  }

  .withdraw--d form .alert,
  .withdraw--d form .input__container,
  .withdraw--d .wallet-form--d {
    max-width: none;
    width: 100%;
  }

  .wallet-form--d .wallet-detail:not(.wallet-detail__deposit-to):not(.wallet-detail__withdraw-to) {
    grid-row: auto;
    position: static !important;
    width: 100%;
  }
}

@media (min-width: 1024px) {
  .nas-main .withdraw > .page-nav.surface {
    position: sticky;
    top: 58px;
    z-index: 9;
  }
}