/* Shared web/native payment shell. Provider checkout continues to own card UI. */
#payment-overlay{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:auto;padding:20px;padding-top:max(20px,env(safe-area-inset-top));padding-bottom:max(20px,env(safe-area-inset-bottom));background:rgba(2,6,23,.78);backdrop-filter:blur(5px)}
#payment-overlay[hidden],#payment-overlay [hidden]{display:none!important}
.payment-dialog{width:100%;max-width:480px;max-height:calc(100dvh - 40px);overflow-y:auto;background:var(--cardBg,#172033);color:var(--textMain,#e2e8f0);border:1px solid #334155;border-radius:18px;box-shadow:0 20px 60px #0006;overflow-wrap:anywhere}
.payment-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid #334155}.payment-brand{font-weight:800;letter-spacing:.08em}.payment-body{padding:24px}.payment-eyebrow,.payment-security{font-size:12px;color:#94a3b8}.payment-body h2{font-size:24px;font-weight:700;margin:8px 0 20px}.payment-summary{padding:16px;border:1px solid #475569;border-radius:12px;margin-bottom:16px}#payment-plan{font-weight:600}#payment-amount{font-size:24px;font-weight:700;margin-top:6px}#payment-explanation,#payment-status{font-size:14px;line-height:1.6}.payment-state{display:flex;align-items:center;gap:12px;min-height:72px;margin:16px 0}.payment-actions{display:flex;flex-direction:column;gap:10px}.payment-dialog button{min-height:44px;padding:10px 16px;border-radius:10px;background:#2563eb;color:white;font-weight:600;white-space:normal}.payment-dialog button:disabled{opacity:.55}.payment-dialog button:focus-visible{outline:3px solid #93c5fd;outline-offset:3px}.payment-security{text-align:center;margin-top:20px}#payment-spinner{width:20px;height:20px;flex-shrink:0;border:2px solid #64748b;border-top-color:#60a5fa;border-radius:50%;animation:payment-spin 1s linear infinite}@keyframes payment-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#payment-spinner{animation:none}}@media(max-width:480px){#payment-overlay{padding-left:12px;padding-right:12px}.payment-body{padding:20px}.payment-dialog{max-width:100%}}@media(max-height:500px){#payment-overlay{align-items:start}}