/*
 * Canonical receipt capture: iPhone 17 Pro Max, 440 x 956 CSS px.
 * Loaded after receipt.v127.css so the approved V125 geometry remains intact.
 */
body[data-page="user"] .qr-import-modal:has(> .qr-internal-receipt),
body[data-page="user"] .qr-import-modal:has(> .receipt-one-stage) {
  place-items: start center !important;
  padding: 0 !important;
  overflow: auto !important;
  background: rgba(15, 23, 42, .58) !important;
}

body[data-page="user"] .qr-internal-receipt {
  width: 375px !important;
  min-width: 375px !important;
  min-height: 815px !important;
  margin: 0 auto !important;
  zoom: 1.1733333333;
  background: linear-gradient(
    180deg,
    #ddffd4 0%,
    #e6ffde 18%,
    #efffe9 40%,
    #f7fff4 67%,
    #fcfffb 84%,
    #ffffff 100%
  ) !important;
}

body[data-page="user"] .qr-receipt-amount {
  color: #078b57 !important;
  font-weight: 500 !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

body[data-page="user"] .qr-internal-receipt > footer {
  background: transparent !important;
}

@media (max-width: 439px) {
  body[data-page="user"] .qr-internal-receipt {
    width: 100vw !important;
    min-width: 0 !important;
    min-height: 100dvh !important;
    zoom: 1;
  }
}

/* Only the three marked details are refined; every other V125 rule stays intact. */
body[data-page="user"] .qr-internal-receipt h2 {
  color: #078557 !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  letter-spacing: -.014em !important;
}

body[data-page="user"] .qr-receipt-mask-dots {
  width: 116px !important;
  height: 8px !important;
  background: radial-gradient(circle, #0b0d0c 0 2.25px, transparent 2.55px) left center / calc(100% / 18) 8px repeat-x !important;
}

body[data-page="user"] .qr-receipt-promo::before {
  top: -9px !important;
  right: 10px !important;
  width: 16px !important;
  height: 16px !important;
  background: linear-gradient(135deg, #efa15c 0%, #d86f36 55%, #b84e27 100%) !important;
  filter: drop-shadow(0 1px 1px rgba(129, 55, 20, .26)) !important;
}

/* Align the visible centers of the two bank marks on one vertical axis. */
body[data-page="user"] .qr-receipt-recipient-symbol img {
  transform: translateX(2px) !important;
}

/* Receipt 1 only: normalize the visible artwork inside every original bank-logo file. */
body[data-page="user"] .qr-receipt-source-symbol.qr-receipt-logo-uniform,
body[data-page="user"] .qr-receipt-recipient-symbol.qr-receipt-logo-uniform {
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
}

body[data-page="user"] .qr-receipt-source-symbol.qr-receipt-logo-uniform img,
body[data-page="user"] .qr-receipt-recipient-symbol.qr-receipt-logo-uniform img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: center !important;
  transform: translate(var(--receipt-logo-x, 0), var(--receipt-logo-y, 0)) scale(var(--receipt-logo-scale, 1)) !important;
  transform-origin: center !important;
}

/* iOS home indicator, centered inside the existing white bottom safe area. */
body[data-page="user"] .qr-internal-receipt::after {
  content: "";
  position: absolute;
  z-index: 8;
  left: 50%;
  bottom: 10px;
  width: 132px;
  height: 5px;
  border-radius: 999px;
  background: #161817;
  transform: translateX(-50%);
  pointer-events: none;
}

/* V131 typography refinement: transaction content and recipient name. */
body[data-page="user"] .qr-receipt-member,
body[data-page="user"] .qr-receipt-beneficiary p > b {
  font-family: Arial, Helvetica, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

body[data-page="user"] .qr-receipt-member {
  font-weight: 400 !important;
}

body[data-page="user"] .qr-receipt-beneficiary p > b {
  font-weight: 600 !important;
}
