/* Custom Scrollbar Styles */
::-webkit-scrollbar {
    width: 14px;
    height: 14px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #e94f43, #27509f);
    border-radius: 10px;
    border: 3px solid transparent;
    /* Increased border to keep thumb usable but allowing padding effect if needed, or I can remove border if they want a solid block. But consistent style usually keeps border transparent for 'padding' look */
    background-clip: content-box;
    transition: all 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #d64236, #1f4287);
    /* Slightly darker on hover for effect */
    border: 3px solid transparent;
    background-clip: content-box;
}

/* Firefox Fallback */
* {
    scrollbar-width: auto;
    scrollbar-color: #27509f #f1f1f1;
}