/* app/static/css/payment-sbp.css — экран оплаты/привязки по СБП */
.sbp-pay { max-width: 420px; margin: 0 auto; text-align: center; }
.sbp-amount { font-size: 20px; font-weight: 600; margin: 4px 0 20px; }
.sbp-state { display: none; }
.sbp-pay[data-state="waiting"] .sbp-state-waiting,
.sbp-pay[data-state="expired"] .sbp-state-expired,
.sbp-pay[data-state="binding"] .sbp-state-binding { display: block; }
.sbp-qr { display: inline-block; padding: 12px; background: #fff; border-radius: 16px; line-height: 0; }
.sbp-qr svg { width: 232px; height: 232px; display: block; }
.sbp-hint, .sbp-timer, .sbp-checking { color: var(--text-secondary, #6b7280); font-size: 14px; margin: 12px 0; }
.sbp-open-bank, #sbpShowQr, #sbpCopyLink, #sbpRetry { display: block; width: 100%; margin: 12px 0 0; }
.sbp-cancel { margin-top: 20px; background: none; border: 0; color: var(--text-secondary, #6b7280); cursor: pointer; text-decoration: underline; }
.sbp-spinner { width: 32px; height: 32px; margin: 16px auto; border: 3px solid rgba(99,102,241,.2); border-top-color: #6366f1; border-radius: 50%; animation: sbp-spin .8s linear infinite; }
@keyframes sbp-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .sbp-spinner { animation-duration: 2.4s; } }

/* Десктоп: QR + «скопировать ссылку». Мобильный: кнопка банка, QR по запросу. */
.sbp-mobile-only, .sbp-open-bank { display: none; }
.sbp-pay.is-mobile .sbp-desktop-only { display: none; }
.sbp-pay.is-mobile .sbp-mobile-only, .sbp-pay.is-mobile .sbp-open-bank { display: block; }
.sbp-pay.is-mobile .sbp-qr { display: none; }
.sbp-pay.is-mobile.show-qr .sbp-qr { display: inline-block; }

/* Вторая кнопка в модалке Pro */
.mq-pro-cta-secondary { margin-top: 8px; background: transparent; color: inherit; border: 1px solid currentColor; opacity: .85; }

/* ЛК: способ оплаты и баннер «автопродление не активно» */
.billing-link-btn { background: none; border: 0; padding: 0 0 0 10px; color: #818cf8; cursor: pointer; font-size: 13px; text-decoration: underline; }
.billing-autorenew-broken { margin: 0 0 16px; padding: 14px 16px; border-radius: 12px; background: rgba(245, 158, 11, .12); border-left: 4px solid #f59e0b; color: inherit; font-size: 14px; line-height: 1.5; }
.billing-autorenew-broken .profile-btn { display: block; margin-top: 10px; }