/* Wallet VtAlert v4 — large desktop, ONE scrollbar, sticky action footer
   Cache: 20260922-wallet-vtalert4
*/

/* Kill VtAlert built-in html scroller (this was the 2nd scrollbar) */
.vt-alert-root.is-open .vt-alert--has-html:has(.idc-wallet-vtalert) {
  width: min(94vw, 720px) !important;
  max-width: min(94vw, 720px) !important;
  max-height: min(92vh, 860px) !important;
  height: auto !important;
  overflow: hidden !important;
  display: flex !important;
  flex-direction: column !important;
  padding: 22px 22px 18px !important;
}
.vt-alert-root.is-open .vt-alert--has-html:has(.idc-wallet-vtalert--history) {
  width: min(96vw, 880px) !important;
  max-width: min(96vw, 880px) !important;
}
.vt-alert-root.is-open .vt-alert--has-html:has(.idc-wallet-vtalert) .vt-alert__html,
.vt-alert-root.is-open .vt-alert--has-html:has(.idc-wallet-vtalert) .vt-alert__content,
.vt-alert-root.is-open .vt-alert--has-html:has(.idc-wallet-vtalert) .swal2-html-container {
  overflow: visible !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}

.vt-alert-root.is-open .vt-alert--has-html:has(.idc-wallet-vtalert) .vt-alert__icon {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
}
.vt-alert-root.is-open .vt-alert--has-html:has(.idc-wallet-vtalert) .vt-alert__title {
  flex: 0 0 auto;
  margin: 0 0 12px !important;
  font-weight: 800 !important;
  color: #312e81 !important;
}

.idc-wallet-vtalert {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto !important;
  min-height: 0 !important;
  max-height: min(78vh, 740px) !important;
  overflow: hidden !important;
  text-align: left;
  color: #0f172a;
  width: 100%;
}

/* ONLY this scrolls */
.idc-wallet-vtalert__body {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  padding: 2px 4px 10px;
}

/* Sticky footer outside scroll */
.idc-wallet-vtalert__footer {
  flex: 0 0 auto !important;
  display: flex !important;
  gap: 0.55rem;
  justify-content: stretch;
  padding-top: 12px;
  margin-top: 4px;
  border-top: 1px solid #e2e8f0;
  background: #fff;
  position: relative;
  z-index: 2;
}
.idc-wallet-vtalert__footer .btn,
.idc-wallet-vtalert__footer button {
  flex: 1 1 auto;
  width: 100%;
}

/* Nested lists never scroll */
.idc-wallet-vtalert .transaction-list,
.idc-wallet-vtalert #transaction_list_container,
.idc-wallet-vtalert #influencer_transaction_list_container,
.idc-wallet-vtalert [id*="transaction_list"],
.idc-wallet-vtalert .table-responsive,
.idc-wallet-vtalert .list-group {
  max-height: none !important;
  overflow: visible !important;
  height: auto !important;
  flex: none !important;
}

/* Hide withdraw cancel (data-bs-dismiss footer cancel) if any leftover */
.idc-wallet-vtalert__footer .btn-secondary[data-bs-dismiss="modal"],
.idc-wallet-vtalert button[data-bs-dismiss="modal"].btn-secondary {
  display: none !important;
}

/* Fancy form chrome */
.idc-wallet-vtalert .form-label,
.idc-wallet-vtalert label { color: #312e81 !important; font-weight: 700 !important; font-size: 0.84rem !important; }
.idc-wallet-vtalert .form-control,
.idc-wallet-vtalert .form-select,
.idc-wallet-vtalert input[type="number"],
.idc-wallet-vtalert input[type="text"] {
  border-radius: 14px !important;
  border: 1px solid #c7d2fe !important;
  background: #fff !important;
  min-height: 46px;
  font-weight: 600;
}
.idc-wallet-vtalert .input-group-text {
  border-radius: 14px 0 0 14px !important;
  border-color: #c7d2fe !important;
  background: #eef2ff !important;
  color: #4338ca !important;
  font-weight: 700;
}
.idc-wallet-vtalert .input-group .form-control { border-radius: 0 14px 14px 0 !important; }

.idc-wallet-vtalert #submitWithdrawal,
.idc-wallet-vtalert .tx-show-more-btn,
.idc-wallet-vtalert .influencer-tx-show-more-btn,
.idc-wallet-vtalert #show_more_container .btn,
.idc-wallet-vtalert #influencer_show_more_container .btn {
  border-radius: 999px !important;
  background: linear-gradient(135deg, #4f46e5, #7c3aed) !important;
  border: none !important;
  color: #fff !important;
  font-weight: 700 !important;
  padding: 0.7rem 1.2rem !important;
  box-shadow: 0 10px 22px rgba(79,70,229,0.28) !important;
}

.idc-wallet-vtalert--withdraw .bank-info-section,
.idc-wallet-vtalert--withdraw [class*="bank-info"],
.idc-wallet-vtalert--withdraw .card {
  background: linear-gradient(165deg, #fff 0%, #eef2ff 100%) !important;
  border: 1px solid #c7d2fe !important;
  border-radius: 18px !important;
  padding: 1rem !important;
  margin-bottom: 0.85rem !important;
  box-shadow: 0 8px 22px rgba(79,70,229,0.07) !important;
}
.idc-wallet-vtalert--withdraw .alert-info,
.idc-wallet-vtalert--withdraw .holding-withdrawal-info {
  background: linear-gradient(135deg, #eef2ff, #e0e7ff) !important;
  border: 1px solid #c7d2fe !important;
  border-radius: 14px !important;
  color: #312e81 !important;
}

.idc-wallet-vtalert--history .transaction-filters {
  background: linear-gradient(135deg, #eef2ff, #e0e7ff) !important;
  border: 1px solid #c7d2fe !important;
  border-radius: 16px !important;
  padding: 0.9rem !important;
  margin-bottom: 0.9rem !important;
}
.idc-wallet-vtalert--history .transaction-item {
  border-radius: 16px !important;
  border: 1px solid #e2e8f0 !important;
  background: linear-gradient(165deg, #fff, #f8fafc) !important;
  padding: 0.9rem !important;
  margin-bottom: 0.65rem !important;
  box-shadow: 0 4px 14px rgba(15,23,42,0.04) !important;
}

/* Hide in-body show-more hosts once moved to footer (JS moves them) */
.idc-wallet-vtalert__body #show_more_container,
.idc-wallet-vtalert__body #influencer_show_more_container {
  display: none !important;
}


/* v4b: smaller submit, centered show-more */
.idc-wallet-vtalert--withdraw .idc-wallet-vtalert__footer {
  justify-content: center !important;
}
.idc-wallet-vtalert--withdraw .idc-wallet-vtalert__footer #submitWithdrawal,
.idc-wallet-vtalert--withdraw .idc-wallet-vtalert__footer .btn-primary {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 160px;
  max-width: 220px;
  padding: 0.5rem 1.15rem !important;
  font-size: 0.9rem !important;
  box-shadow: 0 6px 14px rgba(79,70,229,0.22) !important;
}

.idc-wallet-vtalert--history .idc-wallet-vtalert__footer {
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}
.idc-wallet-vtalert--history .idc-wallet-vtalert__footer #show_more_container,
.idc-wallet-vtalert--history .idc-wallet-vtalert__footer #influencer_show_more_container {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 !important;
  background: transparent !important;
}
.idc-wallet-vtalert--history .idc-wallet-vtalert__footer .tx-show-more-btn,
.idc-wallet-vtalert--history .idc-wallet-vtalert__footer .influencer-tx-show-more-btn,
.idc-wallet-vtalert--history .idc-wallet-vtalert__footer .btn {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 140px;
  max-width: 220px;
  margin: 0 auto !important;
  padding: 0.45rem 1.1rem !important;
  font-size: 0.86rem !important;
}


/* v4c: show-more label+icon centered inside the button */
.idc-wallet-vtalert--history .idc-wallet-vtalert__footer .tx-show-more-btn,
.idc-wallet-vtalert--history .idc-wallet-vtalert__footer .influencer-tx-show-more-btn,
.idc-wallet-vtalert--history .idc-wallet-vtalert__footer #show_more_container .btn,
.idc-wallet-vtalert--history .idc-wallet-vtalert__footer #influencer_show_more_container .btn,
.idc-wallet-vtalert .tx-show-more-btn,
.idc-wallet-vtalert .influencer-tx-show-more-btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.4rem !important;
  text-align: center !important;
}
.idc-wallet-vtalert .tx-show-more-btn i,
.idc-wallet-vtalert .influencer-tx-show-more-btn i,
.idc-wallet-vtalert #show_more_container .btn i,
.idc-wallet-vtalert #influencer_show_more_container .btn i {
  margin: 0 !important;
  line-height: 1 !important;
}