/* Scoped to the public auth/profile dialogs; independent of tenant theme button layout. */
#auth-overlay .auth-box,#profile-overlay .auth-box{width:min(26.25rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);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:10px;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%}}