:host {
  @apply flex flex-col box-border;
}

.task-list {
  @apply pt-4;
}

.empty-message {
  @apply bg-white text-center font-semibold text-inactive-customer py-10 rounded mt-4;
}

:host ::ng-deep ui-scroll-container .scroll-container {
  @apply flex flex-col;
  max-height: calc(100vh - 27rem) !important;
}

:host ::ng-deep ui-scroll-container .cta-scroll {
  @apply mb-20;
}

.task-list ::ng-deep page-task-list-item.Removed {
  .date,
  .shirt-size,
  .task-content {
    @apply opacity-30 line-through;
  }
}

.actions {
  @apply fixed bottom-24 inline-grid grid-flow-col gap-7;
  left: 50%;
  transform: translateX(-50%);

  .cta-back {
    @apply border-2 border-solid border-brand rounded-full py-3 px-6 font-bold text-lg outline-none self-end whitespace-nowrap;
    &:disabled {
      @apply bg-inactive-branch border-inactive-branch;
    }
  }

  .cta-action-primary {
    @apply bg-brand text-white;
  }
}
