.custom-scroll::-webkit-scrollbar {
            width: 6px;
        }

        .custom-scroll::-webkit-scrollbar-track {
            background: transparent;
        }

        .custom-scroll::-webkit-scrollbar-thumb {
            background-color: rgba(99, 102, 241, 0.5); /* indigo-500 at 50% */
            border-radius: 6px;
        }

        .custom-scroll::-webkit-scrollbar-thumb:hover {
            background-color: rgba(168, 85, 247, 0.7); /* purple-500 at 70% */
        }

        /* Firefox support */
        .custom-scroll {
            scrollbar-width: thin;
            scrollbar-color: rgba(99, 102, 241, 0.5) transparent;
        }