/* Shared styles for Dashboard & Purchase widgets */
.wmediastripepay-subscription-widget{--w-primary:#2563eb;--w-primary-dark:#1d4ed8;--w-secondary:#64748b;--w-bg-color:#f8fafc;--w-card-bg:#ffffff;--w-border:#e2e8f0;--w-text-main:#1e293b;--w-text-sub:#64748b;--w-success:#10b981;--w-error:#ef4444;--w-focus-ring:rgba(37,99,235,.2);--w-radius-sm:6px;--w-radius-md:12px;--w-space-xs:8px;--w-space-sm:16px;--w-space-md:24px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:#fff;color:#1e293b;line-height:1.5;width:100%;max-width:900px;border-radius:12px;box-shadow:0 10px 25px -5px rgba(0,0,0,.05),0 8px 10px -6px rgba(0,0,0,.01);overflow:hidden;margin:0 auto}
.wmediastripepay-subscription-widget *{box-sizing:border-box;margin:0;padding:0}
.wmediastripepay-header{padding:24px;background-color:#0927d7;color:#fff}
.wmediastripepay-header h1{font-size:1.25rem;font-weight:600;color:#fff;margin:0}
.wmediastripepay-btn-pay{width:100%;background-color:#2563eb;color:#fff;border:none;padding:16px;font-size:1rem;font-weight:600;border-radius:6px;cursor:pointer;margin-top:16px;transition:background .2s,transform .1s;box-shadow:0 4px 6px -1px rgba(37,99,235,.2)}
.wmediastripepay-btn-pay:hover{background-color:#1d4ed8}
.wmediastripepay-btn-pay:active{transform:scale(.98)}
.wmediastripepay-banner{background-color:#eff6ff;border:1px solid #dbeafe;border-radius:6px;margin:24px 24px 0;padding:16px;font-size:.875rem;color:#1e40af;display:flex;align-items:flex-start;gap:12px}