/* V1016 — QR checkout polish. UI-only: never replaces the actual QR, slip input,
 * timeout, existing transfer/order APIs, or EasySlip verification. */
#checkoutPaymentModalV833.checkout-payment-modal-v841 {
  width:min(95vw,480px)!important;
  max-height:min(94dvh,850px)!important;
  background:#f6f9ff!important;
  border-radius:21px!important;
  box-shadow:0 20px 65px rgba(9,37,78,.2)!important;
  overflow:hidden!important;
}
#checkoutPaymentModalV833 .checkout-payment-header-v841 {
  background:#fff!important;
  border-bottom:1px solid #e1eaf6!important;
  min-height:66px!important;
  justify-content:flex-start!important;
  padding:9px 53px 9px 16px!important;
}
#checkoutPaymentModalV833 .checkout-payment-brand-v1016 {display:flex!important;align-items:center!important;gap:11px!important;min-width:0!important;letter-spacing:normal!important}
#checkoutPaymentModalV833 .checkout-payment-brand-icon-v1016 {
  display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;
  border-radius:12px;background:#eaf3ff;color:#1964cf;
}
#checkoutPaymentModalV833 .checkout-payment-brand-copy-v1016 {display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.16}
#checkoutPaymentModalV833 .checkout-payment-brand-copy-v1016 b{font-size:20px;font-weight:900;color:#153971}
#checkoutPaymentModalV833 .checkout-payment-brand-copy-v1016 small{font-size:10.5px;font-weight:600;color:#7285a2}
#checkoutPaymentModalV833 .checkout-payment-close-v841{right:12px!important;top:13px!important;display:grid!important;place-items:center!important;color:#536780!important;background:#f2f6fd!important;box-shadow:none!important;border:1px solid #e1eaf5!important;font-size:24px!important}
#checkoutPaymentModalV833 .checkout-payment-body-v841 {background:#f6f9ff!important;padding:12px 12px 0!important;min-height:0!important}
#checkoutPaymentModalV833 .checkout-payment-content-v841.checkout-payment-content-v843 {
  gap:9px!important;scroll-behavior:auto!important;padding:0 1px 18px!important;
  scrollbar-gutter:stable;overscroll-behavior-y:contain!important;
}
#checkoutPaymentModalV833 .checkout-payment-title-v841{font-size:12px!important;font-weight:800!important;color:#1c3c6a!important;padding:1px 2px!important;gap:7px!important}
#checkoutPaymentModalV833 .checkout-payment-title-icon-v841{width:26px!important;height:26px!important;border-radius:9px!important;color:#2775e4!important;font-size:13px!important}
#checkoutPaymentModalV833 .checkout-order-chip-v833{
  background:#fff!important;border:1px solid #e1eaf6!important;border-radius:12px!important;
  min-height:40px!important;padding:9px 10px!important;color:#677c99!important;font-size:10px!important;
}
#checkoutPaymentModalV833 .checkout-order-chip-v833 b{max-width:72%!important;font-size:10px!important;color:#233b62!important;font-variant-numeric:tabular-nums}
#checkoutPaymentModalV833 .checkout-countdown-v833{
  min-height:41px!important;border-radius:12px!important;border:1px solid #ffd39c!important;
  background:#fff9f2!important;color:#c85b0b!important;font-size:12.5px!important;font-weight:900!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;
  font-variant-numeric:tabular-nums!important;
}
#checkoutPaymentModalV833 .checkout-countdown-v833::before{content:'◷';font-size:18px;line-height:1}
#checkoutPaymentModalV833 .checkout-payment-summary-v833{
  padding:10px 12px!important;background:#fff!important;border:1px solid #dde8f7!important;
  border-radius:14px!important;box-shadow:0 4px 14px rgba(30,78,152,.035)!important;
}
#checkoutPaymentModalV833 .checkout-payment-summary-v833 .row{padding:5px 0!important;font-size:11px!important;color:#61738d!important;gap:10px!important}
#checkoutPaymentModalV833 .checkout-payment-summary-v833 .row b{color:#243957!important;font-weight:800!important}
#checkoutPaymentModalV833 .checkout-payment-summary-v833 .row.total{border-top:1px dashed #c9d9ed!important;margin-top:5px!important;padding-top:9px!important;color:#102d54!important;font-size:12.5px!important;font-weight:900!important}
#checkoutPaymentModalV833 .checkout-payment-summary-v833 .row.total b{color:#1667e7!important;font-size:23px!important;font-variant-numeric:tabular-nums}
#checkoutPaymentModalV833 .checkout-qr-card-v841{
  border-radius:16px!important;border:1px solid #d8e6f7!important;
  box-shadow:0 5px 18px rgba(37,91,173,.07)!important;overflow:hidden!important;
}
#checkoutPaymentModalV833 .checkout-qr-brand-v841{height:50px!important;background:linear-gradient(112deg,#0e487e,#17609c)!important}
#checkoutPaymentModalV833 .checkout-qr-brand-v841 img{height:48px!important;max-width:240px!important}
#checkoutPaymentModalV833 .checkout-qr-merchant-v841{padding:11px 14px 3px!important}
#checkoutPaymentModalV833 #checkoutQrMerchantNameV838{font-size:13px!important;color:#143255!important}
#checkoutPaymentModalV833 #checkoutQrAmountValueV838{font-size:21px!important;color:#196dec!important}
#checkoutPaymentModalV833 .checkout-qr-caption-v1016{font-size:10px;font-weight:600;color:#778aa5;text-align:center;padding:1px 10px 0}
#checkoutPaymentModalV833 .checkout-qr-image-wrap-v841{min-height:184px!important;padding:6px 0 4px!important}
#checkoutPaymentModalV833 .checkout-qr-image-wrap-v841 > img#checkoutQrImageV833{width:176px!important;height:176px!important;max-width:176px!important;image-rendering:auto!important}
#checkoutPaymentModalV833 .checkout-qr-expiry-v834{margin:6px auto 8px!important;padding:7px 13px!important;border-radius:999px!important;font-size:10px!important;color:#286bd7!important;background:#eef5ff!important;max-width:290px!important}
#checkoutPaymentModalV833 .checkout-qr-wallet-note-v893{margin:5px 12px 7px!important;width:calc(100% - 24px)!important;border-radius:10px!important;font-size:10px!important;font-weight:650!important}
#checkoutPaymentModalV833 .checkout-qr-actions-v834{margin:0 auto 9px!important}
#checkoutPaymentModalV833 .checkout-steps-v1016{
  flex:0 0 auto;padding:11px 11px 12px;background:#eaf3ff;border:1px solid #cfe1fb;
  border-radius:14px;color:#164589;
}
#checkoutPaymentModalV833 .checkout-steps-intro-v1016{display:flex;gap:9px;align-items:flex-start}
#checkoutPaymentModalV833 .checkout-steps-megaphone-v1016{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:#2678ee;color:#fff;font-size:16px;font-weight:900}
#checkoutPaymentModalV833 .checkout-steps-intro-v1016 b{display:block;font-size:12px;line-height:1.4;font-weight:900;color:#1250ac}
#checkoutPaymentModalV833 .checkout-steps-intro-v1016 small{display:block;font-size:10px;line-height:1.45;color:#577195;margin-top:2px}
#checkoutPaymentModalV833 .checkout-steps-flow-v1016{display:flex;align-items:center;justify-content:space-between;gap:4px;background:#fff;border-radius:11px;margin-top:9px;padding:9px 8px;color:#2c548d;font-weight:800;font-size:10px}
#checkoutPaymentModalV833 .checkout-steps-flow-v1016 span{display:flex;align-items:center;gap:5px;white-space:nowrap}
#checkoutPaymentModalV833 .checkout-steps-flow-v1016 i{display:inline-grid;place-items:center;flex:none;width:20px;height:20px;background:#e4f0ff;color:#1361d9;font-size:10px;border-radius:50%;font-weight:900;font-style:normal}
#checkoutPaymentModalV833 .checkout-steps-flow-v1016 em{font-size:16px;color:#a6c5f0;font-style:normal}
#checkoutPaymentModalV833 .checkout-slip-v841{background:#fff!important;border:1.5px dashed #8dbbf7!important;padding:11px!important;border-radius:13px!important}
#checkoutPaymentModalV833 .checkout-slip-icon-v841{background:#eaf2ff!important;color:#236fdf!important}
#checkoutPaymentModalV833 .checkout-slip-title-v838{font-size:12px!important}
#checkoutPaymentModalV833 .checkout-slip-subtitle-v838{font-size:10px!important}
#checkoutPaymentModalV833 .checkout-slip-name-v833{font-size:9.5px!important}
#checkoutPaymentModalV833 .checkout-status-v833{font-size:11px!important;line-height:1.5!important}
#checkoutPaymentModalV833 .checkout-payment-note-v841{font-size:10px!important;color:#94600b!important;background:#fffaf2!important;border:1px solid #f9dfb9!important;padding:8px!important}
#checkoutPaymentModalV833 .checkout-payment-bottom-actions-v843{
  position:relative!important;flex:0 0 auto!important;
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:7px!important;
  left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;
  margin:0!important;padding:10px 0 calc(11px + env(safe-area-inset-bottom))!important;
  background:#f6f9ff!important;border:0!important;border-top:1px solid #e0e9f5!important;
  border-radius:0!important;box-shadow:none!important;
}
#checkoutPaymentModalV833 .checkout-slip-footer-hint-v1016{display:flex;justify-content:center;align-items:center;gap:7px;color:#1755ad;font-size:11px;font-weight:850;line-height:1.35;text-align:center}
#checkoutPaymentModalV833 .checkout-slip-footer-bullet-v1016{flex:none;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#f59e0b;color:#fff;font-weight:900;font-size:11px}
#checkoutPaymentModalV833 .checkout-payment-bottom-actions-v843 .checkout-upload-slip-v880{
  display:flex!important;align-items:center;justify-content:center;gap:9px!important;
  width:100%!important;min-height:50px!important;font-size:14px!important;font-weight:900!important;
  color:white!important;border:0!important;border-radius:13px!important;
  background:linear-gradient(135deg,#1671ec 0%,#428ffc 100%)!important;
  box-shadow:0 7px 20px rgba(30,105,222,.20)!important;
}
#checkoutPaymentModalV833 .checkout-payment-bottom-actions-v843 .checkout-upload-slip-v880::before{
  content:'';display:inline-block;flex:none;width:19px;height:19px;
  background:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V3M7 8l5-5 5 5'/%3E%3Cpath d='M5 14v4a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3v-4'/%3E%3C/svg%3E");
}
#checkoutPaymentModalV833 .checkout-payment-bottom-actions-v843 .checkout-cancel-order-v843{
  width:100%!important;min-height:34px!important;border-radius:11px!important;
  color:#4174b9!important;font-size:11px!important;font-weight:750!important;
  background:transparent!important;border:1px solid #dae5f3!important;box-shadow:none!important;
}
/* The upload is the primary action even with a short viewport. Preserve a
 * separate internal scroll container so the real QR and slip field remain reachable. */
@media(max-width:620px){
  #checkoutPaymentModalV833.checkout-payment-modal-v841{
    position:fixed!important;inset:0!important;margin:0!important;width:100vw!important;
    height:100dvh!important;max-height:100dvh!important;border-radius:0!important;
  }
  #checkoutPaymentModalV833 .checkout-payment-header-v841{min-height:63px!important;padding:8px 52px 8px 13px!important}
  #checkoutPaymentModalV833 .checkout-payment-body-v841{padding:9px 10px 0!important}
  #checkoutPaymentModalV833 .checkout-payment-content-v841.checkout-payment-content-v843{
    overflow-y:auto!important;padding-bottom:14px!important;scroll-padding-bottom:18px!important;
  }
  #checkoutPaymentModalV833 .checkout-payment-bottom-actions-v843{padding:9px 0 calc(9px + env(safe-area-inset-bottom))!important}
}
@media(max-width:380px),(max-height:720px){
  #checkoutPaymentModalV833 .checkout-payment-header-v841{min-height:56px!important}
  #checkoutPaymentModalV833 .checkout-payment-brand-copy-v1016 b{font-size:18px}
  #checkoutPaymentModalV833 .checkout-payment-title-v841{font-size:11px!important}
  #checkoutPaymentModalV833 .checkout-qr-image-wrap-v841{min-height:159px!important}
  #checkoutPaymentModalV833 .checkout-qr-image-wrap-v841 > img#checkoutQrImageV833{width:154px!important;height:154px!important;max-width:154px!important}
  #checkoutPaymentModalV833 .checkout-payment-bottom-actions-v843 .checkout-upload-slip-v880{min-height:46px!important;font-size:12.5px!important}
  #checkoutPaymentModalV833 .checkout-steps-flow-v1016{font-size:9px}
  #checkoutPaymentModalV833 .checkout-slip-footer-hint-v1016{font-size:10px}
}
@media(prefers-reduced-motion:reduce){#checkoutPaymentModalV833 *{scroll-behavior:auto!important}}