.qris-payment{padding:16px;border:1px solid var(--line,#e6d8d5);border-radius:10px;background:#fff;color:var(--ink,#293752);min-width:0;text-align:left}
.qris-payment[hidden]{display:none}
.qris-heading{display:grid;gap:4px;text-align:center}.qris-heading strong{font-size:16px}.qris-heading small{font-size:11px;color:var(--muted,#626b7a);overflow-wrap:anywhere}
.qris-amount{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 12px;margin:16px 0;text-align:center}.qris-amount span{flex-basis:100%;font-size:12px}.qris-amount strong{font-size:22px;overflow-wrap:anywhere}
.qris-amount button,.qris-actions a,.qris-actions button,.qris-modal-close{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:1px solid var(--line,#e6d8d5);border-radius:8px;background:#fff;color:var(--ink,#293752);font:inherit;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer;box-sizing:border-box}
.qris-code{width:100%;max-width:320px;box-sizing:border-box;padding:20px;margin:0 auto;background:#fff;border:1px solid #e6d8d5;border-radius:8px}
/* Show the unchanged screenshot's QR region, with a white scanning margin.
   Original dimensions 946x2048; QR viewport x154,y489,width639,height639. */
.qris-code-viewport{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:#fff}
.qris-code-viewport img{display:block;position:absolute;width:148.043819%!important;max-width:none!important;height:auto!important;left:-24.100157%;top:-76.525822%;border:0;border-radius:0!important;object-fit:fill!important}
.qris-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.qris-steps{padding-left:20px;margin:16px 0 0;font-size:12px;line-height:1.7}.qris-steps li+li{margin-top:6px}.qris-status{margin:8px 0 0;font-size:12px}.qris-status:empty{display:none}.qris-status input{box-sizing:border-box;max-width:100%;padding:8px;border:1px solid #e6d8d5;border-radius:6px}
.qris-amount button:focus-visible,.qris-actions a:focus-visible,.qris-actions button:focus-visible,.qris-modal-close:focus-visible{outline:3px solid #c83246;outline-offset:3px}.qris-invoice{grid-column:1/-1}
.qris-modal{box-sizing:border-box;width:calc(100% - 24px);max-width:460px;max-height:calc(100% - 24px);padding:16px;border:1px solid #e6d8d5;border-radius:12px;color:#293752;background:#fff;overflow:auto}.qris-modal::backdrop{background:rgba(32,45,69,.6)}.qris-modal .qris-payment{border:0;padding:0}.qris-modal-close{display:flex;margin:0 0 12px auto}.qris-modal [data-qris-enlarge]{display:none}
@media print{.qris-payment{break-inside:avoid}.qris-actions,.qris-amount button,.qris-status{display:none}}