/* V85.59 — balance modal owns its own viewport layer; no native-dialog portal. */
.balance-topup-modal{
  z-index:2147483500!important;
  pointer-events:none!important;
}
.balance-topup-modal.is-open{
  display:grid!important;
  pointer-events:auto!important;
}
.balance-topup-modal .balance-topup-backdrop{
  z-index:0!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
.balance-topup-modal .balance-topup-box{
  position:relative!important;
  z-index:2!important;
  pointer-events:auto!important;
  isolation:isolate!important;
}
.balance-topup-modal .balance-topup-close{
  z-index:4!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
}
.balance-topup-modal input,
.balance-topup-modal button,
.balance-topup-modal form{
  pointer-events:auto!important;
}

/* V8846 — direct balance purchase through the configured support WhatsApp. */
.balance-purchase-v8846{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:14px!important;
  padding:13px!important;
  border:1px solid #b7ebc6!important;
  border-radius:16px!important;
  background:linear-gradient(135deg,#f2fff6,#ecfdf3)!important;
}
.balance-purchase-v8846__copy{display:grid!important;gap:2px!important;min-width:0!important}
.balance-purchase-v8846__copy strong{color:#14532d!important;font-size:12px!important;font-weight:950!important}
.balance-purchase-v8846__copy span{color:#5b6f62!important;font-size:10.5px!important;font-weight:750!important;line-height:1.55!important}
.balance-purchase-v8846__button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:44px!important;
  padding:9px 13px!important;
  border:0!important;
  border-radius:13px!important;
  background:#16a34a!important;
  color:#fff!important;
  text-decoration:none!important;
  font-size:11.5px!important;
  font-weight:950!important;
  white-space:nowrap!important;
  box-shadow:0 8px 18px rgba(22,163,74,.18)!important;
  pointer-events:auto!important;
}
.balance-purchase-v8846__button:hover{background:#15803d!important}
.balance-purchase-v8846__button svg{width:18px!important;height:18px!important;flex:0 0 18px!important}
@media(max-width:540px){
  .balance-purchase-v8846{grid-template-columns:1fr!important;gap:9px!important;padding:12px!important}
  .balance-purchase-v8846__button{width:100%!important;min-height:46px!important;font-size:12px!important}
}