.group-task-modal {
  max-width: min(var(--layout-content-max-width), calc(100vw - var(--spacing-2xl)));
}

.group-task-modal-body {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.group-task-modal-state {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

.group-task-modal-error {
  color: var(--color-error);
}

.group-task-modal-summary,
.group-task-modal-members-card,
.group-task-modal-pr,
.group-task-modal-actions {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.group-task-modal-summary-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-sm);
}

.group-task-modal-label {
  color: var(--color-text-secondary);
}

.group-task-modal-progress-text {
  color: var(--color-text-secondary);
}

.group-task-modal-members {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.group-task-modal-member {
  display: grid;
  grid-template-columns: auto 1fr auto auto auto;
  gap: var(--spacing-sm);
  align-items: center;
}

.group-task-modal-member-main {
  min-width: 0;
}

.group-task-modal-member-status {
  display: inline-flex;
  align-items: center;
}

@media (max-width: 768px) {
  .group-task-modal-member {
    grid-template-columns: auto 1fr auto;
  }

  .group-task-modal-member .badge,
  .group-task-modal-member-status {
    display: none;
  }
}