.jegg-classic:has(.membership-groups) { background:#e3e3e3; }
.jegg-classic:has(.membership-groups) .jegg-left-col { display:none; }
.jegg-classic:has(.membership-groups) .container-main,.jegg-classic:has(.membership-groups) .container-footer { padding-left:0; }
.jegg-classic:has(.membership-groups) .content { max-width:1200px !important; }
.membership-groups { display:grid; grid-template-columns:140px minmax(0,1fr); gap:12px; }
.membership-list { background:white; min-height:540px; padding:4px; }
.membership-entry { display:flex; align-items:center; gap:8px; min-height:42px; padding:4px 6px; border-left:3px solid transparent; color:#555; text-decoration:none; }
.membership-entry.active { border-left-color:#00a2ff; background:#f5f5f5; }.membership-entry:hover { background:#eee; text-decoration:none; }
.membership-avatar,.membership-hero-avatar { position:relative; display:grid; place-items:center; flex:none; background:#006eb5; color:white; overflow:hidden; }.membership-avatar { width:28px; height:28px; }.membership-hero-avatar { width:100px; height:100px; font-size:48px; }.membership-avatar img,.membership-hero-avatar img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.membership-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }.membership-create { display:block; margin:12px 8px; }.membership-empty { font-size:13px; padding:8px; }
.membership-content { min-width:0; }.membership-header { display:flex; gap:12px; background:white; padding:12px; position:relative; }.membership-header-info h1 { margin:0; font-size:24px; font-weight:300; }.membership-header-info h1 a { color:#555; }.membership-header-info p { margin:0 0 10px; color:#999; }.membership-stats { display:flex; gap:30px; }.membership-stats div { display:flex; flex-direction:column; }.membership-stats span { color:#aaa; font-size:13px; }.membership-stats strong { font-size:18px; font-weight:400; }
.membership-tabs { display:flex; background:white; margin-top:15px; }.membership-tabs button { flex:1; padding:8px; border:0; border-bottom:4px solid transparent; background:white; cursor:pointer; }.membership-tabs button.active { border-bottom-color:#00a2ff; }.membership-tabs button:disabled { opacity:.45; cursor:not-allowed; }
.membership-content h2 { font-size:20px; color:#777; font-weight:300; margin:10px 0; }.membership-description,.membership-placeholder,.membership-games,.membership-members { background:white; padding:14px; white-space:pre-wrap; overflow-wrap:anywhere; }
.membership-members { white-space:normal; padding:6px 14px; }
.membership-member-role { text-align:right; color:#757575; font-size:14px; }.membership-games { display:flex; flex-wrap:wrap; gap:12px; }.membership-games a { width:120px; }.membership-games img { width:120px; height:120px; object-fit:cover; }.membership-games span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media(max-width:600px) { .membership-groups { grid-template-columns:95px minmax(0,1fr); gap:8px; }.membership-list { min-height:400px; }.membership-entry { gap:4px; padding:4px 2px; }.membership-name { font-size:11px; }.membership-hero-avatar { width:65px; height:65px; font-size:30px; }.membership-tabs button { font-size:12px; padding:8px 2px; }.membership-stats { gap:12px; } }
.membership-settings { position:absolute; right:12px; top:2px; z-index:20; display:block; padding:0 4px; color:#555; font-size:26px; line-height:26px; text-decoration:none; border-radius:3px; }
.membership-settings:hover,.membership-settings:focus { background:#eee; color:#191919; text-decoration:none; }

.membership-modlink { position:absolute; right:12px; top:8px; z-index:20; font-size:13px; color:#e2231a; font-weight:600; }
.membership-join,.membership-leave { position:absolute; right:12px; bottom:12px; }

.membership-funds { background:white; padding:14px; }
.membership-funds-value { display:inline-flex; align-items:center; gap:4px; font-size:22px; font-weight:400; color:#191919; }
.membership-funds p { margin:6px 0 0; }
.membership-payouts { background:white; padding:6px 14px; white-space:normal; }
.membership-payouts .jegg-table th { text-align:left; color:#999; font-weight:400; }
.membership-payouts .jegg-table td { font-size:14px; }
.jegg-classic:has(.membership-groups) .container-main { position:relative; z-index:1; }