/* Force grey scrollbars everywhere - override any blue scrollbar styles */

/* Firefox */
* {
    scrollbar-width: thin !important;
    scrollbar-color: #9ca3af #f3f4f6 !important;
}

/* Webkit browsers (Chrome, Safari, Edge) */
*::-webkit-scrollbar {
    width: 8px !important;
    height: 8px !important;
}

*::-webkit-scrollbar-track {
    background: #f3f4f6 !important;
}

*::-webkit-scrollbar-thumb {
    background: #9ca3af !important;
    border-radius: 4px !important;
}

*::-webkit-scrollbar-thumb:hover {
    background: #6b7280 !important;
}

/* Make sure root element uses grey scrollbars */
:root {
    scrollbar-color: #9ca3af #f3f4f6 !important;
}

html,
body {
    scrollbar-width: thin !important;
    scrollbar-color: #9ca3af #f3f4f6 !important;
}