/* Shared multi-state toggle styles */
.scrum-switch {
  display: inline-flex;
  gap: 8px;
  padding: 4px;
  border-radius: 999px;
  border: 1px solid var(--cp-color-border-subtle);
  background: var(--cp-color-surface-subtle);
  width: fit-content;
  justify-self: start;
}

.scrum-switch.is-disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.scrum-switch__button {
  border: none;
  background: transparent;
  padding: 6px 14px;
  border-radius: 999px;
  font-weight: 600;
  color: var(--cp-color-text-secondary);
  cursor: pointer;
}

.scrum-switch__button.is-active {
  background: var(--cp-color-accent-subtle);
  color: var(--cp-color-accent);
}

.scrum-switch__button:disabled {
  color: var(--cp-color-text-muted);
  cursor: not-allowed;
}

.scrum-switch__button.is-active:disabled {
  background: color-mix(in srgb, var(--cp-color-accent-subtle) 65%, var(--cp-color-surface-subtle) 35%);
  color: var(--cp-color-text-muted);
}