.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 .member-invite-form{grid-template-rows:auto minmax(42px,auto);row-gap:8px;align-items:start}
.app-shell[data-page=members]>main .membership-management .member-invite-form>.member-field{grid-row:1 / span 2;grid-template-rows:subgrid;align-self:stretch}
.app-shell[data-page=members]>main .membership-management .member-invite-form .member-field input{align-self:start}
.app-shell[data-page=members]>main .membership-management .member-invite-form>.action-result{grid-row:2;align-self:start}
.app-shell[data-page=members]>main .membership-management>.panel>.member-body>small{width:100%;justify-self:start;text-align:left}
.app-shell[data-page=members]>main .membership-tabs button[aria-pressed=true]{border-color:var(--line)}
@media(max-width:767px){
  .app-shell[data-page=members]>main .membership-management .member-invite-form{grid-template-rows:auto 42px auto}
  .app-shell[data-page=members]>main .membership-management .member-invite-form>.action-result{grid-row:3}
}
@media(max-width:479px){
  .app-shell[data-page=members]>main .membership-management .member-invite-form{grid-template-rows:auto 42px auto 42px auto}
  .app-shell[data-page=members]>main .membership-management .member-invite-form>.member-field:nth-child(2){grid-row:3 / span 2}
  .app-shell[data-page=members]>main .membership-management .member-invite-form>.action-result{grid-row:5}
}