/* Existing funnel palette and typography; indeterminate, not invented progress. */
.purchase-status{max-width:1000px;margin:16px auto;padding:20px;border:1px solid #dce5ed;border-left:4px solid #1761c0;border-radius:8px;background:#eef5fb;color:#213950;display:flex;align-items:flex-start;gap:16px}
.purchase-status h2,.purchase-transition h2{font-family:inherit;font-size:1.25rem!important;line-height:1.4!important;margin:0 0 6px!important}
.purchase-status p{font-size:1rem!important;margin:0 0 10px;line-height:1.6}
.purchase-status-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.purchase-status button{padding:8px 14px;border:1px solid #1761c0;border-radius:5px;background:#fff;color:#183e5e;font-weight:600}
.purchase-status button:focus-visible,.purchase-status a:focus-visible,.purchase-transition a:focus-visible{outline:3px solid #f2b705;outline-offset:3px}
.purchase-spinner{display:inline-block;flex:none;width:28px;height:28px;border:3px solid #c7d8e7;border-top-color:#1761c0;border-radius:50%;animation:purchase-spin .8s linear infinite}
.purchase-status[data-state=ready]{border-left-color:#278268;background:#f3faf7}
.purchase-status[data-state=ready] .purchase-spinner{animation:none;border:0;width:auto;height:auto;font-weight:bold;color:#278268}
.purchase-status[data-state=ready] .purchase-spinner:after{content:'✓'}
.purchase-status[data-state=delayed] .purchase-spinner,.purchase-status[data-state=invalid] .purchase-spinner,.purchase-status[data-state=error] .purchase-spinner{display:none}
.purchase-transition{position:fixed;inset:0;z-index:200000;background:rgba(16,37,54,.8);display:flex;align-items:center;justify-content:center;padding:20px}
.purchase-transition-card{max-width:500px;background:#fff;color:#213950;border-radius:12px;padding:30px;text-align:center;box-shadow:0 12px 40px rgba(0,0,0,.2)}
.purchase-transition-card .purchase-spinner{margin-bottom:16px}
.purchase-transition-card p{font-size:1rem;line-height:1.6;margin:10px 0}
@keyframes purchase-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.purchase-spinner{animation:none}}
@media(max-width:600px){.purchase-status{margin:12px;padding:16px;gap:12px}.purchase-transition-card{padding:24px}}
