/* Custom scrollbar styling for a cleaner look */
.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #cbd5e1;
    /* slate-300 */
    border-radius: 4px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background-color: #f8fafc;
    /* slate-50 */
}

/* Hide scrollbar by default, show on hover */
.custom-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 #f8fafc;
    overflow-y: auto;
}

.custom-scrollbar:hover {
    overflow-y: auto;
}