/* ===== JazzCash / Easypaisa withdraw UI (PakVIP style) ===== */

.vc-pk-add-wallet,
.vc-pk-upi-list {
  background: var(--bg_color_L1, #0f1419) !important;
  min-height: 100vh;
  padding-bottom: 2rem;
}

.vc-pk-wallet-head {
  margin: 12px 0 16px;
}

.vc-pk-wallet-badge {
  display: inline-block;
  font-weight: 800;
  font-size: 18px;
  letter-spacing: 0.5px;
  color: #fff;
}

.vc-pk-bank-label,
.vc-pk-field-label {
  color: var(--text_color_L3, #8b949e);
  font-size: 13px;
  margin: 14px 0 8px;
}

.vc-pk-bank-pill {
  border-radius: 8px;
  padding: 14px 16px;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: 0.4px;
  color: #fff !important;
  background: var(--bg_color_L2, #241b4a) !important;
}

.vc-wallet-jazz {
  background: linear-gradient(90deg, #b8ff3d 0%, #ffe44d 55%, #ffb347 100%) !important;
}

.vc-wallet-easy {
  background: linear-gradient(90deg, #7dff4f 0%, #c8ff5a 100%) !important;
}

.vc-pk-native-input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  background: var(--bg_color_L2, #1a222d) !important;
  border: none;
  border-radius: 8px;
  padding: 14px 16px;
  color: var(--text_color_L1, #fff) !important;
  font-size: 15px;
  outline: none;
  margin-bottom: 4px;
}

.vc-pk-native-input::placeholder {
  color: var(--text_color_L3, #8b949e);
}

.vc-pk-add-wallet {
  padding: 12px 16px 90px !important;
}

.vc-pk-save-wrap {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 12px 16px 24px;
  background: linear-gradient(transparent, var(--bg_color_L1, #0f1419) 35%);
  z-index: 20;
}

.vc-pk-save-btn {
  background: var(--main-color, #6f66e1);
  color: #fff;
  text-align: center;
  padding: 14px;
  border-radius: 8px;
  font-weight: 600;
  font-size: 16px;
  width: 100%;
  border: none;
}

.vc-pk-save-btn.disabled,
.vc-pk-save-btn:disabled {
  opacity: 0.4;
  pointer-events: none;
}

.vc-pk-save-btn.active {
  opacity: 1 !important;
  pointer-events: auto !important;
}

/* Compact single Add box (PakVIP) — kill original bg + icon (add-DoZcp313.png) */
html body .wallet .c2cUpi.noUpi[data-v-fe54ed07],
html body .wallet .c2cUpi.noUpi,
html body .c2cUpi.noUpi[data-v-fe54ed07],
html body .c2cUpi.noUpi {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  background: var(--bg_color_L2, #1a1f2e) !important;
  background-image: none !important;
  background-size: 0 !important;
  border-radius: 12px !important;
  min-height: 88px !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  padding: 18px 0 !important;
  gap: 8px !important;
  box-shadow: none !important;
  text-align: center !important;
  position: relative !important;
}

html body .wallet .c2cUpi.noUpi[data-v-fe54ed07]::before,
html body .wallet .c2cUpi.noUpi[data-v-fe54ed07]::after,
html body .c2cUpi.noUpi::before,
html body .c2cUpi.noUpi::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

.vc-pk-add-compact {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  background: transparent !important;
  background-image: none !important;
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}

.vc-pk-add-compact .vc-pk-add-plus,
html body .c2cUpi.noUpi .vc-pk-add-plus {
  width: 40px !important;
  height: 40px !important;
  margin: 0 auto !important;
  border: 1.5px dashed var(--text_color_L3, #6b7280) !important;
  border-radius: 6px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 22px !important;
  color: var(--text_color_L2, #c9d1d9) !important;
  line-height: 1 !important;
  background: transparent !important;
  background-image: none !important;
}

.vc-pk-add-compact .vc-pk-add-label,
html body .c2cUpi.noUpi .vc-pk-add-label {
  color: var(--text_color_L3, #9ca3af) !important;
  font-size: 13px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Bound account card — locked, no click */
.wallet .c2cUpi.vc-pk-locked,
.wallet .c2cUpi:not(.noUpi) {
  background: var(--bg_color_L2, #1a1f2e) !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  margin-top: 10px !important;
  cursor: default !important;
  pointer-events: none !important;
}

.vc-pk-bound-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}

.vc-pk-bound-left {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.vc-pk-bound-left .svg-icon,
.vc-pk-bound-left svg,
.vc-pk-bound-logo {
  width: 28px !important;
  height: 28px !important;
  flex-shrink: 0;
  object-fit: contain;
  border-radius: 4px;
}

.vc-pk-bound-name {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #fff !important;
  letter-spacing: 0.3px;
}

.vc-pk-bound-acc {
  font-size: 13px !important;
  color: var(--text_color_L2, #aeb4bf) !important;
  margin-top: 2px;
}

.vc-pk-bound-row .right-icon {
  color: var(--text_color_L3, #6b7280) !important;
  opacity: 0.7;
}

/* JazzCash/Easypaisa use the single c2cUpi add box. USDT keeps Add address. */
body:has(.c2cUpi) .addWithdrawType {
  display: none !important;
}
body:has(.c2cUpi:not(.noUpi)) .c2cUpi.noUpi,
body:has(.c2cUpi:not(.noUpi)) .vc-pk-add-compact {
  display: none !important;
}

/* USDT empty-state Add address — PakVIP / Sadawin style */
.wallet .withdraw__container:not(:has(.c2cUpi)) .addWithdrawType {
  display: block !important;
  margin-top: 10px !important;
}
.wallet .withdraw__container:not(:has(.c2cUpi)) .addWithdrawType-top {
  background: var(--bg_color_L2, #1a1f2e) !important;
  border-radius: 12px !important;
  min-height: 88px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 18px 0 !important;
  cursor: pointer !important;
}
.wallet .withdraw__container:not(:has(.c2cUpi)) .addWithdrawType-top img {
  width: 40px !important;
  height: 40px !important;
  object-fit: contain;
  opacity: 0.85;
}
.wallet .withdraw__container:not(:has(.c2cUpi)) .addWithdrawType-top span {
  color: var(--text_color_L2, #aeb4bf) !important;
  font-size: 13px !important;
}
.wallet .withdraw__container:not(:has(.c2cUpi)) .addWithdrawType-text {
  color: #ff6b6b !important;
  font-size: 12px !important;
  margin-top: 8px !important;
  text-align: center !important;
}

.vc-pk-upi-list .upi_C-addbtn,
.vc-pk-upi-list .vc-pk-add-card.vc-pk-hidden {
  display: none !important;
}

.vc-pk-add-card {
  margin-top: 10px;
  background: var(--bg_color_L2, #151b22);
  border-radius: 12px;
  min-height: 88px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 16px 0;
}

.vc-pk-add-card-inner {
  text-align: center;
}