.department-filter-list {
    margin: 0;
    padding: 0;
}

.department-filter-item {
    border-bottom: 1px solid #edf0f4;
}

.department-filter-label {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 4px;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.department-filter-label:hover {
    background-color: #f5f9fd;
}

.department-checkbox {
    flex-shrink: 0;
    cursor: pointer;
}

.department-name {
    flex: 1;
    color: #34495e;
    font-size: 0.9rem;
}

.department-count {
    min-width: 32px;
    padding: 3px 8px;
    color: #1769aa;
    background: #eaf4fc;
    border-radius: 12px;
    font-size: 0.8rem;
    font-weight: 600;
    text-align: center;
}

.department-filter-label:has(.department-checkbox:checked) {
    background-color: #eef6ff;
}

.department-checkbox:checked + .department-name {
    color: #1265a8;
    font-weight: 600;
}