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

.task-list {
  @apply pt-6;

  .head-row {
    @apply flex flex-row justify-between items-baseline px-4 py-3;

    .head-row-title {
      @apply flex flex-row self-end;

      .muted {
        @apply ml-4 self-end;
      }
    }

    .head-row-info {
      @apply flex flex-col text-right items-end;

      .cta-print {
        @apply border-none outline-none bg-transparent text-brand text-cta-l font-bold pr-0 mb-3;
      }
    }

    h4 {
      @apply m-0 font-bold;
    }

    .muted {
      @apply text-active-branch font-semibold text-sm;
    }
  }
}

.task-list.today-list ::ng-deep page-task-list-item.Completed {
  .date,
  .icon,
  .shirt-size,
  .task-content {
    @apply opacity-30;
  }
}

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