/* Custom Dashboard & Portal Styles */
/* Any updates to this file will automatically bust the browser cache with automatic versioning */

/* 🌟 GLOBAL CUSTOM SCROLLBAR 🌟 */
* {
    scrollbar-width: thin;
    scrollbar-color: #8B1A1A #0B0707;
}

::-webkit-scrollbar {
    width: 9px;
    height: 9px;
    background-color: #0B0707;
}

::-webkit-scrollbar-track {
    background: #0B0707;
    border-left: 1px solid rgba(200, 168, 75, 0.1);
    border-right: 1px solid rgba(200, 168, 75, 0.1);
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #8B1A1A 0%, #C8A84B 100%);
    border-radius: 9999px;
    border: 2px solid #0B0707;
    transition: all 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(180deg, #a02020 0%, #e5c363 100%);
    border-color: #1A1616;
}

::-webkit-scrollbar-thumb:active {
    background: #C8A84B;
}

::-webkit-scrollbar-corner {
    background: #0B0707;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: rgba(26, 22, 22, 0.5);
    border-radius: 9999px;
    border: none;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #C8A84B;
    border-radius: 9999px;
    border: 1px solid rgba(11, 7, 7, 0.5);
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #e5c363;
}

/* Dark Theme Select and Option styling across all browsers */
select, select option {
    background-color: #1A1616 !important;
    color: #ffffff !important;
}

select option:checked, select option:hover {
    background-color: #8B1A1A !important;
    color: #ffffff !important;
}