/* ============================================
   GLOBAL MINIMALIST SCROLLBAR - Med-net
   Consistent across all pages
   ============================================ */

/* Webkit (Chrome, Edge, Safari) */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: rgba(100, 116, 139, 0.3);
    border-radius: 100px;
    transition: background 0.2s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(100, 116, 139, 0.5);
}

::-webkit-scrollbar-thumb:active {
    background: rgba(100, 116, 139, 0.7);
}

::-webkit-scrollbar-button {
    display: none;
}

::-webkit-scrollbar-corner {
    background: transparent;
}

/* Dark mode scrollbar */
.dark ::-webkit-scrollbar-thumb,
[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.2);
}

.dark ::-webkit-scrollbar-thumb:hover,
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: rgba(148, 163, 184, 0.35);
}

.dark ::-webkit-scrollbar-thumb:active,
[data-theme="dark"] ::-webkit-scrollbar-thumb:active {
    background: rgba(148, 163, 184, 0.5);
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(100, 116, 139, 0.3) transparent;
}

.dark *,
[data-theme="dark"] * {
    scrollbar-color: rgba(148, 163, 184, 0.2) transparent;
}