/* Material Design Scrollbar for card-body */
.card-body.material-scrollbar {
    overflow-y: auto; /* Ensure scrolling is enabled */
    scrollbar-width: thin; /* For Firefox */
    scrollbar-color: #00acc1 #e0f7fa; /* Thumb and track color */
}

/* Webkit browsers (Chrome, Safari, Edge) */
.card-body.material-scrollbar::-webkit-scrollbar {
    width: 8px; /* Slim scrollbar per Material Design */
}

.card-body.material-scrollbar::-webkit-scrollbar-track {
    background: #e0f7fa; /* Light cyan track for subtle contrast */
    border-radius: 4px;
}

.card-body.material-scrollbar::-webkit-scrollbar-thumb {
    background: #00acc1; /* Cyan thumb for tech-savvy look */
    border-radius: 4px;
    transition: background 0.3s ease;
}

.card-body.material-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #00838f; /* Darker cyan on hover for interactivity */
}