/* ================================================================
   Windows 10 Professional Scrollbar
   ================================================================ */

/* Firefox */
html, body, * {
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 #f1f1f1;
}

[data-theme="dark"] html, 
[data-theme="dark"] body, 
[data-theme="dark"] * {
    scrollbar-color: #4f4f4f #2b2b2b;
}

/* Chrome / Safari / Edge */
*::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

*::-webkit-scrollbar-track {
    background: #f1f1f1;
}

*::-webkit-scrollbar-thumb {
    background: #c1c1c1;
    border: 2px solid #f1f1f1; /* Padding effect */
}

*::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8;
}

/* Dark Mode Support */
[data-theme="dark"] *::-webkit-scrollbar-track {
    background: #2b2b2b;
}

[data-theme="dark"] *::-webkit-scrollbar-thumb {
    background: #4f4f4f;
    border: 2px solid #2b2b2b;
}

[data-theme="dark"] *::-webkit-scrollbar-thumb:hover {
    background: #666666;
}

/* Page Level Scrollbar (Body) */
body::-webkit-scrollbar {
    width: 12px;
}