.twom-payment-status{display:flex;align-items:center;gap:12px;padding:16px;margin-top:16px;border:1px solid #d8e4f0;border-radius:8px;background:#f4f8fc;color:#183551}
.twom-payment-status[hidden],.twom-payment-complete[hidden],.twom-navigation-status[hidden]{display:none!important}
.twom-payment-status strong,.twom-payment-status small{display:block}.twom-payment-status small{margin-top:4px;line-height:1.6}
.twom-status-spinner{display:inline-block;flex:0 0 22px;width:22px;height:22px;border:3px solid currentColor;border-right-color:transparent;border-radius:50%;animation:twom-status-spin .8s linear infinite}
.twom-status-spinner[hidden]{display:none!important}
@keyframes twom-status-spin{to{transform:rotate(360deg)}}
.twom-payment-complete{margin-top:16px;padding:16px;border:1px solid #b9dfc9;border-radius:8px;background:#f2fbf6;color:#185a38}
.twom-payment-complete strong{display:block;margin-bottom:10px}
dialog.twom-payment-receipt{width:calc(100% - 32px);max-width:470px;max-height:calc(100vh - 32px);overflow:auto;padding:28px;border:0;border-radius:14px;background:white;color:#172638;box-shadow:0 24px 70px #10243b40}
dialog.twom-payment-receipt::backdrop{background:#12263d80}
.twom-receipt-icon{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:#e7f7ee;color:#197447;font-size:30px;font-weight:bold}
.twom-payment-receipt h2{text-align:center;font-size:24px;margin-bottom:6px}.twom-receipt-intro{text-align:center;color:#5e6b79;font-size:14px}
.twom-receipt-amount{text-align:center;font-size:30px;font-weight:700;margin:18px 0;color:#172638}
.twom-payment-receipt dl{margin:0 0 20px}.twom-payment-receipt dl>div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid #edf0f4;font-size:13px}
.twom-payment-receipt dt{font-weight:400;color:#667486;flex:0 0 35%}.twom-payment-receipt dd{margin:0;text-align:right;overflow-wrap:anywhere}
.twom-receipt-actions{display:grid;gap:10px}.twom-receipt-close{background:transparent;border:0;color:#617082;padding:8px;cursor:pointer}
.twom-receipt-note{font-size:12px;line-height:1.6;color:#617082}
.twom-navigation-status{position:fixed;z-index:3000;top:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 24px);padding:12px 18px;background:#fff;color:#20354d;box-shadow:0 4px 24px #102b4426;border:1px solid #dbe3ec;border-radius:10px;font-size:14px;pointer-events:none}
.twom-navigation-status small{display:block;font-size:12px;color:#607087}
@media(prefers-reduced-motion:reduce){.twom-status-spinner{animation:none}}
@media(max-width:480px){dialog.twom-payment-receipt{padding:22px}.twom-payment-receipt h2{font-size:22px}.twom-payment-receipt dl>div{font-size:12px}}

.twom-payment-manual{padding:18px;border:1px solid #d8e4f0;border-radius:8px;background:#f9fbfd}.twom-payment-manual[hidden]{display:none!important}
.twom-payment-manual input{text-transform:uppercase;letter-spacing:.08em}#mpesa_countdown{font-variant-numeric:tabular-nums}