.user-groups-page-header{
  align-items:flex-start;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important
}
.user-groups-page-header .button-row{display:flex;flex-wrap:wrap;gap:8px}
.user-groups-page-header .button:not(.secondary){color:var(--button-text,#fff)!important}
.user-groups-table{
  display:grid;
  grid-template-columns:minmax(190px,1.1fr) minmax(260px,2fr) minmax(90px,auto) minmax(190px,auto);
  overflow:hidden;
  border:1px solid var(--border);
  border-radius:12px;
  background:var(--surface)
}
.user-groups-table-head,.user-group-row{
  display:grid;
  grid-column:1/-1;
  grid-template-columns:subgrid;
  gap:18px;
  align-items:center
}
.user-groups-table-head{
  padding:10px 16px;
  border-bottom:1px solid var(--border);
  background:color-mix(in srgb,var(--surface) 94%,var(--accent) 6%);
  color:var(--muted);
  font-size:12px;
  font-weight:750;
  letter-spacing:.04em;
  text-transform:uppercase
}
.user-group-row{
  min-width:0;
  margin:0!important;
  padding:14px 16px!important;
  border:0!important;
  border-bottom:1px solid var(--border)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important
}
.user-group-row:last-child{border-bottom:0!important}
.user-group-main{display:flex;align-items:center;gap:8px;min-width:0}
.user-group-main h2{min-width:0;margin:0;font-size:clamp(17px,1.5vw,21px)}
.user-group-manage-icon{
  display:inline-grid!important;place-items:center;flex:0 0 32px;
  width:32px!important;height:32px;margin:0!important;padding:0!important;
  border:1px solid var(--border)!important;border-radius:8px!important;
  background:transparent!important;color:var(--accent)!important;box-shadow:none!important
}
.user-group-manage-icon:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)!important}
.user-group-manage-icon svg{
  width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;
  stroke-linecap:round;stroke-linejoin:round
}
.user-group-description{min-width:0;margin:0;color:var(--muted)}
.user-group-count{justify-self:start;white-space:nowrap}
.user-group-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  margin:0;
  padding:0
}
.user-group-actions form{margin:0}
.user-group-actions .button,.user-group-actions button{margin:0}
.user-group-leave-button{border:0!important;background:#b42318!important;color:#fff!important}
.user-group-leave-button:hover{background:#8f1c13!important;color:#fff!important}
.group-request-list,.group-members-list{display:grid;gap:10px}
.group-request-item,.group-member-row{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:12px 0;border-bottom:1px solid var(--border)
}
.group-request-item:last-child,.group-member-row:last-child{border-bottom:0}
.group-request-item>div,.group-member-row>span:first-child{display:grid;gap:3px;min-width:0}
.group-request-item .inline-form{display:flex;flex-wrap:wrap;gap:7px;margin:0}
.group-request-item .inline-form button{margin:0}
@media(max-width:980px){
  .user-groups-table{grid-template-columns:1fr}
  .user-groups-table-head{display:none}
  .user-group-row{grid-column:1;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px}
  .user-group-description{grid-column:1/-1}
  .user-group-count{grid-column:2;grid-row:1}
  .user-group-actions{grid-column:1/-1;justify-content:flex-start}
}
@media(max-width:600px){
  .user-groups-page-header{flex-direction:column}
  .user-group-row{grid-template-columns:1fr}
  .user-group-count,.user-group-description,.user-group-actions{grid-column:1;grid-row:auto}
  .group-request-item,.group-member-row{align-items:flex-start;flex-direction:column}
}

.user-groups-links-block h2{margin-top:0}
.user-groups-links-actions{
  display:flex;
  flex-wrap:nowrap;
  align-items:stretch;
  gap:10px
}
.user-groups-links-actions .button{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  flex:1 1 0;
  width:auto!important;
  margin:0!important;
  color:var(--button-text,#fff)!important;
  text-align:center
}
.page-block-sidebar .user-groups-links-actions{
  flex-direction:column
}
.page-block-sidebar .user-groups-links-actions .button{
  width:100%!important
}
@media(max-width:700px){
  .user-groups-links-actions{flex-direction:column}
  .user-groups-links-actions .button{width:100%!important}
}