/* view styles: member. Each member view wraps its page in .vm so the ".pane > *" margins reach only that wrapper; the
   pages themselves (Store, License, Terms / Privacy / Copyright) are styled in v-tickets.css. What is left here is the
   back-from-checkout window. */
.vm { min-width: 0; }
.sk.mt { margin-top: 8px; }

/* back from checkout (views/store.js openPaid): waiting for the webhook, then the license */
.pay-w .pane { display: flex; flex-direction: column; gap: 14px; padding: 18px 18px 16px; }
.pay-w .pane > * { margin-bottom: 0; }
.pay-hi { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; }
.pay-ico { position: relative; width: 40px; height: 40px; display: grid; place-items: center; color: var(--ok); background: #1C2A1A; box-shadow: 0 0 0 1px #000; }
.pay-ico .spin { width: 18px; height: 18px; }
.pay-ico .ic { transform: scale(1.6); }
.pay-hi.wait .pay-ico { color: var(--ac-hi); background: #2C2440; }
.pay-hi.fail .pay-ico { color: var(--err); background: #301818; }
.pay-hi.slow .pay-ico { color: var(--warn); background: #2E2614; }
.pay-hi h3 { font: 700 15px/20px var(--ui); color: var(--tx); }
.pay-hi p { max-width: 380px; font-size: 13px; line-height: 20px; color: var(--tx-2); }
.pay-bar { height: 6px; overflow: hidden; background: linear-gradient(180deg, var(--track-t), var(--track-b)); box-shadow: 0 0 0 1px #000; }
.pay-bar i { display: block; width: 0; height: 100%; background: var(--ac-grad); animation: pay-fill 20s cubic-bezier(.1,.6,.3,1) forwards; }
@keyframes pay-fill { to { width: 100%; } }
.pay-lic { text-align: center; padding: 10px 12px; background: var(--card); box-shadow: 0 0 0 1px #000; }
.pay-lic b { font: 700 15px/20px var(--ui); color: var(--tx); }
.pay-lic b.n { font: 700 15px/20px var(--ui); color: var(--ac-hi); }
.pay-lic > span { color: var(--tx-2); font-size: 13px; }
.pay-w .tr-acts { justify-content: center; }
.pay-w .tr-acts .btn { min-width: 140px; }
@media (prefers-reduced-motion: reduce) { .pay-bar i { animation: none; width: 60%; } }
