/* Shared Membership home: scoped styling does not alter Billing, profile or public Subscribe. */
.membership-workspace {color:var(--text,var(--ink,#f3f5f7));min-width:0;max-width:100%;}
.membership-workspace *, .membership-workspace *::before, .membership-workspace *::after {box-sizing:border-box;}
.membership-workspace__heading h1 {font-size:clamp(1.8rem,4vw,2.5rem);margin:.3rem 0;}
.membership-workspace__heading p {line-height:1.55;max-width:75ch;}
.membership-workspace__sections {display:flex;flex-wrap:wrap;gap:.65rem;margin:1rem 0 1.4rem;}
.membership-workspace__sections a {display:flex;align-items:center;min-height:44px;padding:.6rem .85rem;border:1px solid var(--border,#5c506c);border-radius:.65rem;text-decoration:none;color:inherit;}
.membership-workspace__sections a {flex:1 1 14rem;justify-content:center;text-align:center;}
.membership-workspace__sections [aria-current="location"] {background:var(--accent,#2f8f83);color:#fff;font-weight:650;}
.membership-workspace__refresh {padding:.6rem .85rem;border:1px solid var(--border,#5c506c);border-radius:.6rem;background:var(--panel-2,var(--surface,#171a22));color:inherit;margin:0 0 1rem;cursor:pointer;}
.membership-workspace [data-creator-editing-notice] {padding:.75rem;border-inline-start:3px solid var(--warning,#d3ba68);font-size:.9rem;}
.membership-workspace [data-creator-settings-state]:not([data-creator-settings-state="ready"]) input:disabled {opacity:.72;}
.membership-workspace > section {min-width:0;max-width:100%;padding:1.2rem 0;scroll-margin-top:1.2rem;}
.membership-workspace [data-creator-membership-home] {border-top:1px solid var(--border,#5c506c);margin-top:1rem;}
.membership-workspace__notice {font-size:.87rem;line-height:1.55;opacity:.85;margin:1.1rem 0;}
.membership-workspace .creator-subscription-form {display:grid;gap:1rem;max-width:54rem;}
.membership-workspace .creator-subscription-form label {display:grid;gap:.4rem;min-width:0;}
.membership-workspace .creator-subscription-form :is(input,textarea,select) {width:100%;min-width:0;max-width:100%;padding:.7rem;border:1px solid var(--border,#5c506c);border-radius:.6rem;background:var(--panel-2,var(--surface,#171a22));color:inherit;font:inherit;min-height:44px;}
.membership-workspace .creator-subscription-price-row {display:grid;grid-template-columns:minmax(0,1fr) minmax(5rem,.45fr) auto;gap:1rem;align-items:end;}
.membership-workspace .creator-subscription-actions {display:flex;flex-wrap:wrap;gap:.65rem;}
.membership-workspace button {min-height:44px;font:inherit;max-width:100%;white-space:normal;}
.membership-workspace [data-creator-subscription-settings] button {padding:.65rem .85rem;border:1px solid var(--border,#5c506c);border-radius:.6rem;background:var(--panel-2,var(--surface,#171a22));color:inherit;cursor:pointer;}
.membership-workspace [data-creator-subscription-settings] button[type=submit] {background:var(--accent,#7653ae);color:#fff;}
.membership-workspace :is(button,a,input,select,textarea,section):focus-visible {outline:2px solid currentColor;outline-offset:3px;}
.membership-workspace button:disabled {opacity:.6;cursor:default;}
.membership-workspace [hidden] {display:none!important;}
.epic-mobile-membership {box-sizing:border-box;width:min(100vw,1100px);max-width:100vw;height:100dvh;max-height:100dvh;overflow:auto;margin:auto;padding:calc(16px + env(safe-area-inset-top)) 18px calc(16px + env(safe-area-inset-bottom));border:0;background:var(--surface,#11141c);color:var(--ink,#f3f5f7);}
.epic-mobile-membership .membership-workspace {--text:var(--ink,#f3f5f7);--panel:var(--surface,#11141c);}
@media(max-width:600px){.membership-workspace .creator-subscription-price-row {grid-template-columns:1fr;}.membership-workspace__sections a:last-child{margin-inline-start:0;}.membership-workspace__sections a{flex:1 1 100%;}.membership-workspace .creator-subscription-actions button{flex:1 1 100%;}}

.membership-workspace__setup-heading {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem;}
.membership-workspace__setup-heading h2 {margin:0;}
.membership-workspace__setup-heading .membership-workspace__refresh {margin:0;}
.membership-workspace .creator-subscription-price-row {padding:1rem;border:1px solid var(--border,#5c506c);border-radius:.7rem;background:var(--panel,var(--surface,#171a22));}
.membership-workspace .creator-subscription-actions .primary-action {margin:0;width:auto;}
.membership-workspace .creator-subscription-actions .secondary-action {width:auto;}
.membership-workspace .creator-subscription-form .form-hint {margin:.2rem 0;font-size:.87rem;line-height:1.5;}

/* Purchased creator memberships: action remains left of picture and identity. */
.creator-membership-list__heading {display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;}
.creator-membership-list__row {display:grid;grid-template-columns:auto 56px minmax(0,1fr);align-items:center;gap:18px;padding:20px;margin:14px 0;background:var(--panel,var(--surface,#181b1f));border:1px solid var(--border,#34383f);border-radius:10px;}
.creator-membership-list__identity {min-width:0;overflow-wrap:anywhere;}
.creator-membership-list__identity h3 {margin:0 0 6px;font-size:1.1rem;}
.creator-membership-list__identity p {margin:4px 0;}
.creator-membership-list__identity small,.creator-membership-list__state {opacity:.8;}
.creator-membership-list__avatar {width:56px;height:56px;display:grid;place-items:center;background:var(--panel-2,#292d37);border:1px solid var(--border,#34383f);border-radius:50%;overflow:hidden;font-weight:700;font-size:1.25rem;}
.creator-membership-list__avatar img {width:100%;height:100%;object-fit:cover;}
.creator-membership-list button {min-height:44px;border:1px solid var(--border,#5c506c);border-radius:8px;padding:10px 14px;color:inherit;background:var(--panel-2,var(--surface,#20242a));cursor:pointer;}
.creator-unsubscribe-confirm {box-sizing:border-box;width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 32px);margin:auto;padding:24px;overflow:auto;border:1px solid var(--border,#454954);border-radius:12px;background:var(--panel,var(--surface,#181b1f));color:var(--text,var(--ink,#f4f6f8));font:400 1rem/1.5 system-ui,sans-serif;}
.creator-unsubscribe-confirm::backdrop {background:rgb(0 0 0 / .72);}
.creator-unsubscribe-confirm h2 {font-size:1.3rem;margin:0;}
.creator-unsubscribe-confirm p {overflow-wrap:anywhere;}
.creator-unsubscribe-confirm__actions {display:flex;gap:12px;margin-top:20px;}
.creator-unsubscribe-confirm button {min-height:44px;flex:1;padding:10px 18px;border:1px solid var(--border,#454954);border-radius:8px;background:var(--panel-2,#20242a);color:inherit;font:inherit;cursor:pointer;}
.creator-unsubscribe-confirm button:focus-visible {outline:2px solid var(--accent,#76b8ab);outline-offset:3px;}
@media(max-width:520px){.creator-membership-list__row{grid-template-columns:auto 40px minmax(0,1fr);gap:10px;padding:12px;}.creator-membership-list__avatar{width:40px;height:40px;}.creator-membership-list__action{font-size:.85rem!important;padding:8px!important;}.creator-membership-list__identity h3{font-size:1rem;}}

/* Same secondary navigation on Membership and Billing; manager/global nav stay separate. */
#billing-manager-root > .membership-workspace__sections {padding-bottom:16px;border-bottom:1px solid var(--border,#34383f);}
#billing-manager-root > .membership-workspace__sections a {color:var(--text,#f3f5f7);}
#billing-manager-root > .membership-workspace__sections a:focus-visible {outline:2px solid currentColor;outline-offset:3px;}
#billing-manager-root [id^="billing-subscription-"] {scroll-margin-block:20px;}