/* Task Completion - Override shrinking animations */

/* Override the collapse animation to remove shrinking */
.clean-tile.task.completed.vanishing {
    animation: fadeAndVanish 0.6s ease-out forwards !important;
    pointer-events: none;
}

@keyframes fadeAndVanish {
    0% {
        opacity: 0.3;
        max-height: 150px;
        margin-bottom: 0.5rem;
    }
    100% {
        opacity: 0;
        max-height: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        border-width: 0;
    }
}

/* Override the checkmark animation to remove scaling */
.clean-tile.task.completed .tile-header::before {
    animation: checkmarkFadeIn 0.3s ease-out 0.2s forwards !important;
}

@keyframes checkmarkFadeIn {
    0% {
        transform: translate(-50%, -50%);
        opacity: 0;
    }
    100% {
        transform: translate(-50%, -50%);
        opacity: 1;
    }
}

/* Ensure no scale transforms on hover */
.clean-tile.task.completed:hover {
    transform: none !important;
}

/* Remove any scale transforms from the base state */
.clean-tile.task.completed {
    transform: none !important;
}