.BulkWorkflow {
  @apply Dropdown !z-[2000000] p-0;

  &.is-open {
    @apply Dropdown-is-open;
  }
}

.BulkWorkflow-button {
  @apply Dropdown-item;

  &.is-open {
    @apply Dropdown-item-selected;
  }
}

.BulkWorkflow-widget-title {
  @apply btu-heading-5 pointer-events-none relative flex w-full items-center justify-between gap-2 border-b border-solid border-b-gray-200 px-6 py-[14px] text-gray-900 no-underline hover:text-gray-900;

  .closeButton {
    @apply btu-button btu-button-text-hidden btu-button-fill-none btu-button-gray btu-button-sm pointer-events-auto shrink-0 before:btu-icon before:btu-icon-x;
  }
}

.BulkWorkflow-widget-items {
  @apply flex flex-col gap-4 px-6 pt-6 last:pb-6;
}

.BulkWorkflow-widget-items-item {
  @apply flex w-full items-center justify-center gap-2 rounded-lg bg-gray-100 px-4 py-2 mix-blend-multiply dark:mix-blend-normal;

  .BulkWorkflow-widget-items-item-status {
    @apply btu-badge-primary btu-badge-md before:size-2 before:shrink-0 before:rounded-lg before:bg-[currentColor];
  }
}

.BulkWorkflow-widget-items-item-label {
  @apply contents text-sm font-semibold text-gray-700;
}

.BulkWorkflow-widget-items-item-transitions {
  @apply flex flex-col gap-2 px-4;
}

.BulkWorkflow-widget-items-item-transitions-button {
  @apply btu-button btu-button-outline btu-button-fill-none btu-button-gray;
}
