.order-success-overlay{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:18px;background:rgba(4,35,20,.58)}
.order-success-card{position:relative;width:min(620px,100%);max-height:92vh;overflow:auto;border-radius:24px;background:#fff;padding:30px;box-shadow:0 24px 80px rgba(0,0,0,.25);text-align:center;color:#173b29}
.order-success-icon{width:64px;height:64px;margin:0 auto 12px;border-radius:50%;display:grid;place-items:center;background:#12a85a;color:#fff;font-size:38px;font-weight:900}
.order-success-card h2{margin:0 auto 10px;color:#087443;font-size:clamp(21px,4vw,30px);line-height:1.2}
.order-success-code{margin:0 0 20px;color:#587064}.order-success-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;text-align:left}.order-success-summary>div{padding:13px;border:1px solid #dceee2;border-radius:14px;background:#f8fffa}.order-success-summary span,.order-success-summary b{display:block}.order-success-summary span{font-size:12px;color:#6a7d72}.order-success-summary b{margin-top:4px;overflow-wrap:anywhere}.order-success-address{grid-column:1/-1}.order-success-actions{display:flex;justify-content:center;gap:10px;margin-top:22px;flex-wrap:wrap}.order-success-close{position:absolute;right:14px;top:14px;border:0;background:#edf8f0;border-radius:50%;width:34px;height:34px;font-size:24px;cursor:pointer;color:#37634c}.notif-order-link{cursor:pointer}.notif-order-link:hover{background:#f1fff5}
@media(max-width:560px){.order-success-card{padding:24px 16px}.order-success-summary{grid-template-columns:1fr}.order-success-address{grid-column:auto}}
.order-transfer-box{margin-top:16px;padding:15px;border:1px solid #cfeedd;border-radius:16px;background:#f7fff9;text-align:left}.transfer-title{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#087443;font-size:12px;letter-spacing:.04em}.transfer-title b{font-size:11px;background:#fff3cd;color:#8a5a00;border-radius:999px;padding:5px 8px;letter-spacing:0}.transfer-amount{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:13px 0;padding:12px;border-radius:11px;background:#e8f9ee;color:#41604e}.transfer-amount strong{font-size:20px;color:#087443}.transfer-bank-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:9px}.transfer-bank-grid>div{padding:10px;border:1px solid #dceee2;border-radius:10px;background:#fff}.transfer-bank-grid span,.transfer-bank-grid b,.transfer-copy small,.transfer-copy b{display:block}.transfer-bank-grid span,.transfer-copy small{font-size:11px;color:#6a7d72}.transfer-bank-grid b,.transfer-copy b{margin-top:3px;overflow-wrap:anywhere}.transfer-copy{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border:1px solid #dceee2;border-radius:10px;background:#fff;margin-top:8px}.transfer-copy button,.payment-transfer-row button{border:1px solid #bfe5cd;background:#effcf3;color:#087443;border-radius:8px;padding:7px 9px;font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}.transfer-qr{text-align:center;margin:13px 0 4px}.transfer-qr img{width:180px;height:180px;object-fit:contain;border:8px solid #fff;border-radius:12px}.transfer-qr small,.transfer-note,.transfer-warning{display:block;font-size:11px;color:#65796d;line-height:1.5}.transfer-warning{margin:10px 0;color:#a15b00}.transfer-note{margin:10px 0 0}.payment-transfer-preview{padding:12px;border:1px solid #cfeedd;border-radius:12px;background:#f7fff9}.payment-transfer-heading{display:flex;justify-content:space-between;color:#087443;font-size:12px}.payment-transfer-heading span{background:#fff3cd;color:#8a5a00;padding:3px 7px;border-radius:999px;font-size:10px}.payment-transfer-amount{display:flex;justify-content:space-between;gap:8px;margin:9px 0;padding:9px;background:#e8f9ee;border-radius:9px;color:#486456;font-size:12px}.payment-transfer-amount strong{color:#087443}.payment-transfer-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:6px;padding:8px;background:#fff;border:1px solid #dceee2;border-radius:9px;font-size:11px}.payment-transfer-row span{flex:1}.payment-transfer-row b{display:block;margin-top:2px;overflow-wrap:anywhere}.payment-transfer-hint{display:block;margin-top:9px;color:#65796d;font-size:11px;line-height:1.4}@media(max-width:560px){.transfer-bank-grid{grid-template-columns:1fr}.transfer-amount{align-items:flex-start;flex-direction:column}.transfer-qr img{width:160px;height:160px}}