.payment-invoice [hidden] { display: none !important; }
.payment-invoice-total { margin: 10px 0 4px; text-align: center; font-size: 30px; font-weight: 700; letter-spacing: -1px; }
.payment-invoice-reference { margin: 0; text-align: center; color: var(--text-muted); font-size: 11px; overflow-wrap: anywhere; }
.payment-invoice-reference span { display: block; margin-top: 4px; font-family: monospace; color: var(--text); }
.payment-invoice-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.payment-invoice .qr-code-img { width: 200px; max-width: 100%; height: auto; }
.payment-invoice #app-payment-help,.payment-invoice #deposit-countdown { text-align: center; }
.payment-invoice #deposit-status-badge { max-width: 100%; white-space: normal; }
.personal-receiver-panel { margin-top: 20px; padding: 18px; border: 1px solid var(--border); border-radius: 16px; }
.personal-receiver-panel p { line-height: 1.6; font-size: 13px; }
.personal-receiver-panel strong { display: block; margin: 6px 0 12px; font-size: 22px; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.personal-receiver-panel .btn { width: 100%; }
@media(max-width: 360px) { .payment-invoice { padding: 18px; } .payment-invoice-actions .btn { width: 100%; } }