.wi-sepay-payment{--wi-payment-blue:#193557;background:#fff;border:1px solid #dbe3ed;border-radius:18px;padding:24px;margin:24px 0;color:#193557;box-shadow:0 8px 28px rgba(25,53,87,.05);max-width:100%;box-sizing:border-box}
.wi-sepay-payment *{box-sizing:border-box}
.wi-sepay-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px}
.wi-sepay-header h2{font-size:23px;line-height:1.35;margin:0 0 8px;color:#193557}
.wi-sepay-header p,.wi-sepay-qr p{font-size:14px;line-height:1.6;margin:0;color:#65778a}
.wi-sepay-status{display:inline-block;flex-shrink:0;max-width:260px;padding:8px 12px;border-radius:9px;font-size:12px;line-height:1.5;font-weight:700;color:#88580a;background:#fff5dc}
.wi-sepay-payment.is-paid .wi-sepay-status{background:#e8f7ed;color:#1a6a3f}
.wi-sepay-payment.is-cancelled .wi-sepay-status{background:#fcecec;color:#9c3535}
.wi-sepay-grid{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:28px;align-items:start}
.wi-sepay-qr{border:1px solid #e3e9f0;border-radius:12px;padding:12px;text-align:center;background:#f9fbfd}
.wi-sepay-qr img{display:block;width:100%;max-width:300px;height:auto;margin:0 auto 10px;border-radius:8px}
.wi-sepay-qr p{font-size:13px}
.wi-sepay-details{min-width:0}
.wi-sepay-row{padding:11px 0;border-bottom:1px solid #e9eef4}
.wi-sepay-row>span{display:block;font-size:12px;color:#65778a;margin-bottom:4px}
.wi-sepay-row>div{display:flex;justify-content:space-between;align-items:center;gap:12px}
.wi-sepay-row strong{font-size:15px;line-height:1.5;min-width:0;overflow-wrap:anywhere;color:#193557}
.wi-sepay-row .wi-sepay-amount{font-size:24px;color:#193557}
.wi-sepay-payment button{font-family:inherit;letter-spacing:0;text-transform:none;line-height:1.4;margin:0;min-height:30px;border-radius:8px;cursor:pointer;font-weight:600}
.wi-sepay-payment .wi-sepay-copy{flex-shrink:0;border:1px solid #d9e2ed;padding:6px 10px;font-size:12px;background:#f3f6fa;color:#193557;box-shadow:none}
.wi-sepay-payment .wi-sepay-copy:hover{background:#e7edf5;border-color:#b7c8dc}
.wi-sepay-payment .wi-sepay-check{background:#193557;color:#fff;border:1px solid #193557;padding:10px 16px;font-size:14px;box-shadow:none}
.wi-sepay-payment .wi-sepay-check:hover{background:#264e7e}
.wi-sepay-payment button:focus-visible,.wi-sepay-footer a:focus-visible{outline:3px solid #8ab4ea;outline-offset:3px}
.wi-sepay-payment button:disabled{opacity:.65;cursor:wait}
.wi-sepay-received{margin:14px 0 0;padding:10px 12px;background:#eff5fc;border-radius:8px;font-size:13px}
.wi-sepay-message{font-size:14px;line-height:1.65;color:#546a81;background:#f5f8fc;padding:12px 14px;border-radius:10px;margin:20px 0 16px}
.wi-sepay-footer{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.wi-sepay-footer a{font-size:14px;font-weight:600;color:#193557}
.wi-sepay-payment [hidden]{display:none!important}
@media(max-width:849px){.wi-sepay-header{flex-direction:column}.wi-sepay-status{max-width:100%}.wi-sepay-grid{grid-template-columns:minmax(180px,240px) minmax(0,1fr);gap:18px}}
@media(max-width:599px){.wi-sepay-payment{padding:18px 14px;border-radius:14px}.wi-sepay-header h2{font-size:21px}.wi-sepay-grid{grid-template-columns:1fr;gap:14px}.wi-sepay-qr{width:100%;max-width:300px;margin:auto}.wi-sepay-row>div{gap:8px}.wi-sepay-row strong{font-size:14px}.wi-sepay-row .wi-sepay-amount{font-size:23px}.wi-sepay-payment .wi-sepay-copy{padding:6px 8px}}