/* ============================
   CUSTOM SCROLLBAR (DARK)
   ============================ */

/* Firefox */
.app-content,
.scrollable {
    scrollbar-width: thin;
    scrollbar-color: #3f51b5 #141421;
}

    /* WebKit (Chrome, Edge, Safari) */
    .app-content::-webkit-scrollbar,
    .scrollable::-webkit-scrollbar {
        width: 10px;
    }

    .app-content::-webkit-scrollbar-track,
    .scrollable::-webkit-scrollbar-track {
        background: #141421;
        border-radius: 8px;
    }

    .app-content::-webkit-scrollbar-thumb,
    .scrollable::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg, #3f51b5, #283593);
        border-radius: 8px;
        border: 2px solid #141421;
    }

        .app-content::-webkit-scrollbar-thumb:hover,
        .scrollable::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(180deg, #5c6bc0, #3949ab);
        }