/* Stili per le icone della sidebar Progetti */

/* Assicura che le icone Bootstrap Icons siano visibili */
.project-sidebar i.bi,
.project-list-item i.bi,
.project-sidebar-nav i.bi {
    display: inline-block;
    font-size: 1.1rem;
    vertical-align: middle;
    margin-right: 0.5rem;
    opacity: 0.8;
    transition: opacity 0.2s ease;
}

/* Icone nei link */
.project-sidebar a i.bi {
    color: inherit;
}

/* Hover effect */
.project-sidebar a:hover i.bi {
    opacity: 1;
}

/* Icone specifiche per tipo */
.project-item i.bi-folder,
.project-item i.bi-kanban {
    color: #0d6efd;
}

.activity-item i.bi-diagram-3,
.activity-item i.bi-list-task {
    color: #198754;
}

.task-item i.bi-check-square,
.task-item i.bi-check2-square {
    color: #6c757d;
}

/* Task completati */
.task-item.completed i.bi {
    color: #198754;
}

/* Task urgenti */
.task-item.urgent i.bi {
    color: #dc3545;
}

/* Task importanti */
.task-item.important i.bi {
    color: #ffc107;
}

/* Header della sidebar */
.project-sidebar h5 i.bi,
.project-sidebar h6 i.bi,
.sidebar-section-title i.bi {
    font-size: 1.2rem;
    margin-right: 0.75rem;
}

/* Lista progetti */
.projects-list .list-group-item i.bi {
    margin-right: 0.75rem;
    font-size: 1rem;
}

/* Stili per elementi collassabili */
.project-sidebar .collapse i.bi,
.project-sidebar .collapsing i.bi {
    margin-right: 0.5rem;
}

/* Fix per icone che potrebbero essere nascoste */
.project-sidebar [class*="bi-"]::before {
    display: inline-block !important;
    font-family: "bootstrap-icons" !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -0.125em;
}

/* Responsive */
@media (max-width: 768px) {
    .project-sidebar i.bi {
        font-size: 1rem;
        margin-right: 0.4rem;
    }
}

/* Stati attivi */
.project-sidebar .active i.bi,
.project-list-item.active i.bi {
    opacity: 1;
    font-weight: 600;
}

/* Animazione al caricamento */
@keyframes fadeInIcon {
    from {
        opacity: 0;
        transform: scale(0.8);
    }

    to {
        opacity: 0.8;
        transform: scale(1);
    }
}

.project-sidebar i.bi {
    animation: fadeInIcon 0.3s ease-in-out;
}