/* ==========================================================================
   MyFundedDesk - Universal Institutional Custom Scrollbar Engine
   Guarantees 100% replacement of default browser scrollbars on all elements
   ========================================================================== */

/* Universal Firefox / Standards-compliant Thin Scrollbar */
*, html, body {
    scrollbar-width: thin !important;
    scrollbar-color: rgba(34, 197, 139, 0.4) #040806 !important;
}

/* Universal WebKit Scrollbars (Chrome, Edge, Safari, Opera, Brave) */
::-webkit-scrollbar,
*::-webkit-scrollbar {
    width: 6px !important;
    height: 6px !important;
}

::-webkit-scrollbar-track,
*::-webkit-scrollbar-track {
    background: #040806 !important;
    border-radius: 0px !important;
}

::-webkit-scrollbar-thumb,
*::-webkit-scrollbar-thumb {
    background: rgba(34, 197, 139, 0.35) !important;
    border-radius: 9999px !important;
    border: 1px solid rgba(4, 8, 6, 0.6) !important;
    transition: background 0.2s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.2s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

::-webkit-scrollbar-thumb:hover,
*::-webkit-scrollbar-thumb:hover {
    background: rgba(34, 197, 139, 0.75) !important;
    box-shadow: 0 0 12px rgba(34, 197, 139, 0.5) !important;
}

::-webkit-scrollbar-thumb:active,
*::-webkit-scrollbar-thumb:active {
    background: #22C58B !important;
}

::-webkit-scrollbar-corner,
*::-webkit-scrollbar-corner {
    background: #040806 !important;
}

/* Horizontal & Special Overflow Elements */
.overflow-x-auto,
.overflow-y-auto,
.overflow-auto,
div[style*="overflow"],
section[style*="overflow"],
pre,
textarea {
    scrollbar-width: thin !important;
    scrollbar-color: rgba(34, 197, 139, 0.4) #040806 !important;
}