/* Dodatkowe style dla systemu zadań */

/* Alpine.js cloak - ukrywa elementy przed inicjalizacją */
[x-cloak] { display: none !important; }

.task-card {
    transition: transform 0.2s, box-shadow 0.2s;
}

.task-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.overdue {
    border-left: 4px solid #ef4444;
}

.step-item {
    border-left: 3px solid #e5e7eb;
    padding-left: 1rem;
    margin-left: 1rem;
}

.step-item.completed {
    border-left-color: #10b981;
    opacity: 0.7;
}

.step-item.overdue {
    border-left-color: #ef4444;
}

.comment-item {
    border-left: 2px solid #e5e7eb;
    padding-left: 1rem;
    margin-left: 1rem;
}

.fade-in {
    animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}