/* Checklist Card */
.checklist-card {
    @apply p-5 bg-base-white border border-custom-grey-200 relative flex flex-col gap-4 rounded-lg cursor-pointer transition-all duration-200;
}

/* .checklist-card:hover {
    @apply shadow-md transform -translate-y-1;
} */

/* Task Header */
.task-header {
    @apply space-y-1;
}

.task-title {
    @apply text-md-semibold text-custom-grey-900 line-clamp-2;
}

.task-due-date {
    @apply text-sm-regular text-custom-grey-600;
}

/* Progress Section */
.task-progress {
    @apply space-y-2;
}

.progress-stats {
    @apply flex items-baseline gap-1;
}

.progress-stats .completed {
    @apply text-sm-bold text-custom-grey-700;
}

.progress-stats .total {
    @apply text-xs-regular text-custom-grey-500;
}

.custom-progressbar {
    @apply w-full h-2 rounded-full;
}

/* Task Indicators */
.task-indicators {
    @apply flex justify-between items-center mt-2;
}

.task-day-settings-indicator {
    @apply absolute right-5 top-0 h-[53px] w-[47.11px] p-[5.89px] pt-[11.78px] bg-[#FFFAC9] text-[#42413B] flex justify-center items-center rounded-b-lg border-t-2;
}

.task-night-settings-indicator {
    @apply absolute right-5 top-0 h-[53px] w-[47.11px] p-[5.89px] pt-[11.78px] bg-custom-blue-100 text-custom-blue-700 flex justify-center items-center rounded-b-lg border-t-2;
}