/* One bank-reference component for checkout and receipt upload. */
.ptp-bank-reference { grid-column: 1 / -1; width: 100%; min-width: 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 14px; padding-top: 12px; margin-top: 6px; border-top: 1px solid #e1e8f2; }
.ptp-bank-reference > div { min-width: 0; flex: 1 1 220px; }
.ptp-bank-reference small { display: block; margin-bottom: 6px; color: #5b7089; font-size: 11px; line-height: 1.9; }
:is(.ptp-bank-card,.ptp-offline-account-mini) .ptp-bank-reference bdi { display: block; max-width: 100%; color: #173968; background: transparent; text-align: right; font-size: 14px; font-weight: 600; line-height: 1.9; font-variant-numeric: lining-nums tabular-nums; overflow-wrap: anywhere; }
.ptp-bank-reference .ptp-copy-btn { flex-shrink: 0; min-height: 40px; padding: 8px 12px; border: 1px solid #b5c7e7; border-radius: 10px; background: #fff; color: #214293; }
.ptp-bank-reference .ptp-copy-btn:hover { background: #edf3ff; color: #193576; }
.ptp-bank-reference .ptp-copy-btn:focus-visible { outline: 3px solid #96b4f2; outline-offset: 3px; }
.ptp-offline-account-mini > span { color: #173968; }
@media(max-width:420px) { .ptp-bank-reference > div { flex-basis: 100%; } .ptp-bank-reference .ptp-copy-btn { margin-inline-start: auto; } }