.app-shell[data-page=members]>main .membership-management>.panel,
.app-shell[data-page=members]>main .membership-admin>.panel:has(>.membership-requests-empty){
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-template-rows:auto minmax(180px,1fr);
}
.app-shell[data-page=members]>main .membership-management>.panel>.panel-heading,
.app-shell[data-page=members]>main .membership-admin>.panel:has(>.membership-requests-empty)>.panel-heading{
  grid-area:1 / 1;
  align-self:start;
  align-items:flex-start;
}
.app-shell[data-page=members]>main .membership-management>.panel>.member-body,
.app-shell[data-page=members]>main .membership-admin>.panel>.membership-requests-empty{
  grid-area:2 / 1;
  align-content:center;
  justify-items:center;
  padding-block:var(--internal-panel-padding-block,16px);
}
.app-shell[data-page=members]>main .membership-admin>.panel:has(>.membership-requests-empty){min-height:0;grid-template-rows:auto minmax(140px,1fr)}
.app-shell[data-page=members]>main .membership-admin .membership-panel-title{min-width:0;flex:1}
.app-shell[data-page=members]>main .membership-admin .membership-panel-title p{margin:6px 0 0;color:var(--muted);font-size:calc(13px * var(--font-scale));line-height:1.6;overflow-wrap:anywhere}
.app-shell[data-page=members]>main .membership-admin .panel-heading>.tag{flex-shrink:0}
.app-shell[data-page=members]>main .membership-management>.panel>.member-body>small{text-align:center}
.app-shell[data-page=members]>main .membership-tabs button[aria-pressed=true]{border-color:var(--line)}