/* WebKit browsers (Chrome, Safari, Edge) */
.role-card-users::-webkit-scrollbar {
    width: 4px;
}

.role-card-users::-webkit-scrollbar-track {
    background: transparent;
}

.role-card-users::-webkit-scrollbar-thumb {
    background-color: #e0e0e0;
    border-radius: 2px;
    transition: background-color 0.3s;
}

.role-card-users:hover::-webkit-scrollbar-thumb {
    background-color: #bdbdbd;
}

/* Firefox */
.role-card-users {
    scrollbar-width: thin;
    scrollbar-color: #e0e0e0 transparent;
}

.role-card-users:hover {
    scrollbar-color: #bdbdbd transparent;
}