/* Scoped membership controls inherit the active tenant theme and shared public sheet. */
#auth-overlay .auth-box,#profile-overlay .auth-box{width:min(26.25rem,calc(100vw - 2rem));max-height:94dvh;overflow:auto}
#upgrade-btns{display:grid;grid-template-columns:minmax(0,1fr);gap:.5rem;min-width:0}
#upgrade-btns>button{width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere;text-align:start}
#upgrade-btns .upgrade-label,#upgrade-btns .upgrade-price{display:block;min-width:0;overflow-wrap:anywhere}
#upgrade-btns .upgrade-price{margin-top:.12rem;opacity:.72;font-weight:400}
#user-subs-list .membership-state{margin-bottom:.5rem;font-size:clamp(.8rem,1.3vw,.9rem);overflow-wrap:anywhere}
#user-subs-list .user-subscription{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;min-width:0;padding:.5rem .6rem;background:var(--bg);border:1px solid var(--border-subtle);border-radius:var(--rad);margin-bottom:.4rem}
#user-subs-list .user-subscription__name{flex:1 1 12rem;min-width:0;font-size:max(16px,clamp(.8rem,1.3vw,.9rem));overflow-wrap:anywhere}
#user-subs-list .user-subscription__badge,#user-subs-list .user-subscription__status{padding:1px 6px;border-radius:var(--rad);font-size:clamp(.6rem,.9vw,.68rem);overflow-wrap:anywhere}
#user-subs-list .user-subscription__badge{background:var(--ac2);color:var(--txt-ac2)}
#user-subs-list .user-subscription__status{background:var(--ac1);color:var(--txt-ac1)}
#user-subs-list .user-subscription__cancel{padding:.2rem .5rem;background:none;border:1px solid rgba(239,68,68,.4);color:#ef4444;border-radius:var(--rad);cursor:pointer;font-size:clamp(.68rem,1vw,.75rem)}
@media(max-width:22rem){#auth-overlay .auth-box,#profile-overlay .auth-box{width:calc(100vw - 1rem)}#user-subs-list .user-subscription__cancel{flex:1 1 100%}}

/* Tier selection and management use the same controls as Profile Settings. */
#upgrade-section,#user-subscriptions{font-family:var(--t-sans,inherit);color:var(--txt)}
#upgrade-section h3,#user-subscriptions h3{font-family:var(--t-serif,Georgia,serif);font-weight:var(--t-heading-weight,700);letter-spacing:var(--t-heading-spacing,normal)}
#upgrade-btns>button{box-sizing:border-box;min-height:44px;padding:calc(.65rem * var(--t-space,1)) calc(.85rem * var(--t-space,1));border:1px solid var(--border-subtle);border-radius:var(--rad);background:var(--main);color:var(--txt-main);font-family:var(--t-sans,inherit);cursor:pointer}
#upgrade-btns>button:focus-visible,#user-subs-list .user-subscription__cancel:focus-visible{outline:2px solid var(--ac1,var(--main));outline-offset:2px}
#user-subs-list .user-subscription{gap:calc(.5rem * var(--t-space,1));padding:calc(.5rem * var(--t-space,1)) calc(.6rem * var(--t-space,1))}
#user-subs-list .user-subscription__cancel{min-height:44px;font-family:var(--t-sans,inherit)}
@media(max-width:600px){#auth-overlay .auth-box,#profile-overlay .auth-box{width:100%;max-height:96dvh}}