.payment-checkout-layer{position:fixed;inset:0;z-index:1600;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.38);backdrop-filter:blur(4px)}
.payment-checkout-layer.hidden{display:none}.payment-checkout{width:min(680px,100%);overflow:hidden;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 24px 70px rgba(15,23,42,.2)}
.payment-checkout-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border-bottom:1px solid #eef1f5}.payment-checkout-head span{display:block;margin-bottom:3px;color:#d95f23;font-size:12px;font-weight:800}.payment-checkout-head h2{margin:0;color:#111827;font-size:20px;letter-spacing:0}.payment-checkout-back{height:32px!important;min-height:32px!important;padding:0 10px!important;border:1px solid #d9dee7!important;border-radius:6px!important;background:#fff!important;color:#667085!important;font-size:12px!important;font-weight:600!important;box-shadow:none!important}.payment-checkout-back:hover{border-color:#bcc5d2!important;background:#f8fafc!important;color:#344054!important}
.payment-checkout-body{display:grid;grid-template-columns:260px 1fr;gap:26px;align-items:center;padding:24px}.payment-checkout-qr{position:relative;width:260px;aspect-ratio:1;display:grid;place-items:center;border:1px solid #e5e7eb;border-radius:8px;background:#fff;overflow:hidden}.payment-checkout-qr img{display:block;width:236px;height:236px;object-fit:contain}.payment-checkout-expired{position:absolute;inset:0;display:none;place-items:center;background:rgba(255,255,255,.92);color:#b42318;font-size:18px;font-weight:800}.payment-checkout-info>small{display:block;color:#7b8494;font-size:12px}.payment-checkout-info>strong{display:block;margin:4px 0 17px;color:#111827;font-size:34px;line-height:1.1;letter-spacing:0}.payment-checkout-info dl{display:grid;gap:8px;margin:0}.payment-checkout-info dl div{display:flex;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid #f0f2f5}.payment-checkout-info dt{color:#7b8494;font-size:12px}.payment-checkout-info dd{max-width:190px;margin:0;overflow:hidden;color:#344054;font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.payment-checkout-countdown{margin-top:12px;padding:9px 10px;border-radius:6px;background:#f0fdf4;color:#16794b;font-size:13px}.payment-checkout-countdown strong{float:right;font-variant-numeric:tabular-nums}.payment-checkout-countdown.is-warning{background:#fff4e8;color:#b54708}.payment-checkout-info p{min-height:40px;margin:12px 0;color:#667085;font-size:13px;line-height:1.55}.payment-checkout-actions{display:flex;flex-wrap:wrap;gap:8px}.payment-checkout-actions button{min-height:36px;padding:0 13px;border-radius:6px;font-size:12px}.payment-checkout-actions .ghost{border:1px solid #d9dee7;background:#fff;color:#475467}
.payment-checkout-layer[data-status="success"] .payment-checkout-head span{color:#067647}.payment-checkout-layer[data-status="success"] .payment-checkout-qr{border-color:#a6f4c5;background:#ecfdf3}.payment-checkout-layer[data-status="failed"] .payment-checkout-head span,.payment-checkout-layer[data-status="cancelled"] .payment-checkout-head span{color:#b42318}.payment-checkout-layer[data-status="failed"] .payment-checkout-qr,.payment-checkout-layer[data-status="cancelled"] .payment-checkout-qr{opacity:.45}
.payment-checkout-layer[data-status="expired"] .payment-checkout-head span{color:#b42318}.payment-checkout-layer[data-status="expired"] .payment-checkout-expired{display:grid}
@media(max-width:640px){.payment-checkout-layer{padding:10px}.payment-checkout-body{grid-template-columns:1fr;gap:16px;padding:18px}.payment-checkout-qr{width:min(250px,100%);margin:auto}.payment-checkout-qr img{width:220px;height:220px}.payment-checkout-head{align-items:flex-start;padding:15px}.payment-checkout-head h2{font-size:18px}.payment-checkout-info>strong{font-size:30px}.payment-checkout-actions{flex-direction:column}.payment-checkout-actions button{width:100%}}