.subscription-payment-method-card-v28{scroll-margin-top:92px}
.subscription-payment-method-layout-v28{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(320px,1.15fr);gap:22px;align-items:stretch}
.subscription-bank-card-v28{position:relative;min-height:188px;padding:22px;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#252b55 0%,#4f46e5 58%,#7c3aed 100%);color:#fff;box-shadow:0 20px 45px rgba(43,49,114,.23);display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}
.subscription-bank-card-v28::before,.subscription-bank-card-v28::after{content:"";position:absolute;border-radius:999px;background:rgba(255,255,255,.10);z-index:-1}
.subscription-bank-card-v28::before{width:190px;height:190px;right:-68px;top:-76px}.subscription-bank-card-v28::after{width:130px;height:130px;left:-48px;bottom:-60px}
.subscription-bank-card-v28.is-empty{filter:saturate(.64);background:linear-gradient(145deg,#475569,#64748b)}
.subscription-bank-card-top-v28,.subscription-bank-card-bottom-v28{display:flex;justify-content:space-between;align-items:center;gap:12px}.subscription-bank-card-top-v28 span{font-weight:900;font-size:17px;letter-spacing:.02em}.subscription-bank-card-top-v28 i{width:36px;height:28px;border-radius:7px;background:linear-gradient(135deg,#f6d365,#fda085);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.subscription-bank-card-number-v28{display:flex;align-items:center;gap:13px;font-size:19px;font-weight:900;letter-spacing:.08em}.subscription-bank-card-number-v28 strong{font-size:22px}.subscription-bank-card-bottom-v28 small{font-weight:800;opacity:.8}.subscription-bank-card-bottom-v28 b{font-size:12px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.14);white-space:nowrap}
.subscription-payment-method-info-v28{display:flex;flex-direction:column;gap:14px;min-width:0}.subscription-payment-method-status-v28{display:flex;align-items:flex-start;gap:11px;padding:13px 14px;border-radius:15px;border:1px solid rgba(99,102,241,.18);background:rgba(99,102,241,.06)}.subscription-payment-method-status-v28>span{width:10px;height:10px;border-radius:50%;margin-top:5px;background:#60a5fa;box-shadow:0 0 0 5px rgba(96,165,250,.12);flex:0 0 auto}.subscription-payment-method-status-v28.is-ok>span{background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12)}.subscription-payment-method-status-v28.is-warn>span{background:#f59e0b;box-shadow:0 0 0 5px rgba(245,158,11,.12)}.subscription-payment-method-status-v28.is-error>span{background:#ef4444;box-shadow:0 0 0 5px rgba(239,68,68,.12)}.subscription-payment-method-status-v28 strong{display:block;font-size:14px}.subscription-payment-method-status-v28 p{margin:2px 0 0;font-size:12px;opacity:.78}
.subscription-payment-method-facts-v28{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0}.subscription-payment-method-facts-v28 div{padding:12px 13px;border:1px solid var(--border,#e5e7eb);border-radius:14px;background:var(--card-bg,#fff)}.subscription-payment-method-facts-v28 dt{font-size:11px;font-weight:800;opacity:.62;margin-bottom:5px}.subscription-payment-method-facts-v28 dd{margin:0;font-weight:900;font-size:14px;overflow-wrap:anywhere}
.subscription-payment-method-actions-v28{display:flex;flex-wrap:wrap;gap:9px;align-items:center}.subscription-payment-method-actions-v28 button{min-height:40px}.subscription-payment-method-help-v28{margin:0;font-size:12px;line-height:1.45;opacity:.72}
html[data-theme="dark"] .subscription-payment-method-status-v28,html.dark .subscription-payment-method-status-v28{background:rgba(99,102,241,.12);border-color:rgba(129,140,248,.22)}html[data-theme="dark"] .subscription-payment-method-facts-v28 div,html.dark .subscription-payment-method-facts-v28 div{background:rgba(15,23,42,.35);border-color:rgba(148,163,184,.18)}
@media(max-width:820px){.subscription-payment-method-layout-v28{grid-template-columns:1fr}.subscription-bank-card-v28{min-height:174px}.subscription-payment-method-facts-v28{grid-template-columns:1fr}.subscription-payment-method-actions-v28 button{flex:1 1 180px}}
@media(max-width:520px){.subscription-bank-card-v28{padding:18px;min-height:164px;border-radius:20px}.subscription-bank-card-number-v28{gap:8px;font-size:16px}.subscription-bank-card-number-v28 strong{font-size:19px}.subscription-payment-method-actions-v28{display:grid;grid-template-columns:1fr}.subscription-payment-method-actions-v28 button{width:100%}}

/* v732: account card selector. Existing Manager API remains unchanged. */
.subscription-card-selector-v732{display:grid;gap:7px;padding:12px 13px;border:1px solid var(--border,#e5e7eb);border-radius:14px;background:var(--card-bg,#fff)}
.subscription-card-selector-v732 label{font-size:12px;font-weight:900;color:var(--account-text,var(--theme-text))}
.subscription-card-selector-v732 select{width:100%;min-height:44px;box-sizing:border-box;padding:9px 38px 9px 12px;border:1px solid var(--account-border,var(--gh-border));border-radius:11px;appearance:none;-webkit-appearance:none;background:linear-gradient(45deg,transparent 50%,currentColor 50%) calc(100% - 18px) 19px/6px 6px no-repeat,linear-gradient(135deg,currentColor 50%,transparent 50%) calc(100% - 12px) 19px/6px 6px no-repeat,var(--account-surface-soft,var(--gh-subtle));color:var(--account-text,var(--theme-text));font:800 13px/1.35 Nunito,Arial,sans-serif;outline:none}
.subscription-card-selector-v732 select:focus{border-color:var(--account-accent,var(--gh-blue));box-shadow:0 0 0 3px rgba(47,129,247,.14)}
.subscription-card-selector-v732 select:disabled{opacity:.62;cursor:not-allowed}
.subscription-card-selector-v732 small{font-size:11px;line-height:1.4;color:var(--account-muted,var(--gh-muted))}
html[data-theme="dark"] .subscription-card-selector-v732,html.dark .subscription-card-selector-v732{background:rgba(15,23,42,.35);border-color:rgba(148,163,184,.18)}
