/* Storyverse v36.84 — group creation and info */
.v3684-group-sheet{
  max-width:680px!important;
}
.v3684-group-creator{
  margin:10px 0 4px;
  padding:10px 12px;
  border:1px solid color-mix(in srgb,var(--accent) 12%,transparent);
  border-radius:14px;
  background:color-mix(in srgb,var(--card) 94%,var(--accent) 6%);
  font-size:10px;
  line-height:1.45;
  color:var(--muted,#777);
}
.v3684-group-creator strong{
  color:var(--text,#222);
}
.v3684-group-participants label{
  grid-template-columns:auto 38px minmax(0,1fr) auto!important;
}
.v3684-group-participants label>em,
.v3684-group-member-view>em{
  justify-self:end;
  padding:4px 7px;
  border-radius:999px;
  background:color-mix(in srgb,var(--accent) 12%,transparent);
  color:var(--accent);
  font-size:8px;
  font-style:normal;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
}
.v3684-group-participants label.is-creator{
  border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);
}
.v3684-group-member-view{
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  padding:9px 10px;
  border-radius:16px;
  background:color-mix(in srgb,var(--card) 86%,var(--accent) 14%);
}
.v3684-group-member-view .v31-presence-avatar{
  width:38px;
  height:38px;
}
.v3684-group-member-view>span{
  display:flex;
  flex-direction:column;
}
.v3684-group-member-view b{
  font-size:11px;
}
.v3684-group-member-view small{
  font-size:9px;
  opacity:.6;
}
.v3684-group-actions .spacer{
  flex:1;
}
@media(max-width:760px){
  .v3684-group-sheet{
    max-width:none!important;
  }
  .v3684-group-creator{
    font-size:11px;
  }
  .v3684-group-participants label,
  .v3684-group-member-view{
    grid-template-columns:auto 38px minmax(0,1fr) auto!important;
  }
}