/* Department Icons Styling */
.department-icon {
    width: 40px;
    height: 40px;
    object-fit: contain;
    filter: grayscale(100%);
    transition: filter 0.3s ease, transform 0.2s ease;
}

.department-icon:hover {
    filter: grayscale(0%);
    transform: scale(1.1);
}

/* Responsive sizing */
@media (max-width: 900px) {
    .department-icon {
        width: 35px;
        height: 35px;
    }
}

@media (max-width: 600px) {
    .department-icon {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 400px) {
    .department-icon {
        width: 25px;
        height: 25px;
    }
}

/* SVG specific styling */
.department-icon svg {
    width: 100%;
    height: 100%;
    stroke: #666;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.department-icon:hover svg {
    stroke: #333;
}