/* UPI Payment QR Generator — centred QR with payee details (tokens from main.css) */
.upi-out { display: flex; flex-direction: column; align-items: center; gap: 0.85rem; min-width: 0; }
.upi-qr { width: min(280px, 100%); height: auto; aspect-ratio: 1; padding: 0.75rem; border: 1px solid var(--border); border-radius: var(--radius-md); background: #fff; image-rendering: pixelated; }
.upi-meta { display: flex; flex-direction: column; align-items: center; gap: 0.15rem; text-align: center; min-width: 0; max-width: 100%; }
.upi-meta strong { font-size: 1.05rem; color: var(--text-primary); overflow-wrap: anywhere; }
.upi-meta span { font-family: var(--font-mono); font-size: 0.85rem; color: var(--text-secondary); overflow-wrap: anywhere; }
.upi-meta .upi-amt { font-family: inherit; font-size: 1.25rem; font-weight: 700; color: var(--text-primary); }
.upi-meta .upi-amt:empty { display: none; }
.upi-out .web-code { align-self: stretch; overflow-wrap: anywhere; white-space: pre-wrap; }