.simplebar-content-wrapper{
    height: 100vh !important;
    overflow-y: scroll !important;
}

/* Стили для Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: rgba(159, 159, 160, 0.3) transparent;
}

/* Стили для IE/Edge */
* {
    -ms-overflow-style: auto;
}

/* Дополнительные стили для лучшей видимости */
.simplebar-track {
    background: transparent !important;
}

.simplebar-scrollbar {
    background: transparent !important;
}

/* Анимация появления скроллбара */
.simplebar-scrollbar:before {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 0.3;
    }
} 

/* Sign In page palette overrides */
.vh-lg-100.bg-soft{
    background: linear-gradient(360deg, #00705D 0, #00895B 99%) !important;
}

/* Sign-in form card */
.vh-lg-100 .bg-gray-700{
    background-color: #186436 !important;
    border-color: #186436 !important;
}

/* Submit button */
.vh-lg-100 .btn-gray-800{
    background-color: #FFDC66 !important;
    border-color: #FFDC66 !important;
    color: #252525 !important;
}

.vh-lg-100 .btn-gray-800:hover,
.vh-lg-100 .btn-gray-800:focus{
    background-color: #C1CB58 !important;
    border-color: #C1CB58 !important;
    color: #252525 !important;
}

.vh-lg-100 .btn-gray-800:active,
.vh-lg-100 .btn-gray-800.active{
    background-color: #86B755 !important;
    border-color: #86B755 !important;
    color: #252525 !important;
}

/* Links */
.vh-lg-100 .link-accent-color{
    color: #FFDC66 !important;
}

.vh-lg-100 .link-accent-color:hover{
    color: #C1CB58 !important;
}

/* Ensure body dark background is overridden on auth page */
.signin-page{
    background: linear-gradient(360deg, #00705D 0, #00895B 99%) !important;
    min-height: 100vh;
}

.signin-page .vh-lg-100{
    margin-top: 0 !important;
}

/* Override body background only on Sign In page */
body:has(main.signin-page){
    background: linear-gradient(360deg, #00705D 0, #00895B 99%) !important;
}

/* ============================= */
/* User area (dashboard) palette */
/* ============================= */

/* Mobile top navbar */
.navbar.navbar-theme-primary{
    background-color: #186436 !important;
    border-color: #186436 !important;
}

/* Sidebar */
#sidebarMenu.sidebar.bg-gray-800{
    background-color: #186436 !important;
}

#sidebarMenu .nav-link{
    color: #ffffff !important;
}

#sidebarMenu .nav-link:hover{
    color: #595959 !important;
    background-color: #fff !important;
}

/* Primary/secondary buttons in user content */
.content .btn-primary{
    background-color: #FFDC66 !important;
    border-color: #FFDC66 !important;
    color: #252525 !important;
}

.content .btn-primary:hover,
.content .btn-primary:focus{
    background-color: #C1CB58 !important;
    border-color: #C1CB58 !important;
    color: #252525 !important;
}

.content .btn-primary:active,
.content .btn-primary.active{
    background-color: #86B755 !important;
    border-color: #86B755 !important;
    color: #252525 !important;
}

.content .btn-secondary{
    background-color: #49A158 !important;
    border-color: #49A158 !important;
    color: #ffffff !important;
}

.content .btn-secondary:hover,
.content .btn-secondary:focus{
    background-color: #86B755 !important;
    border-color: #86B755 !important;
}

/* Footer inside user area */
footer.bg-white{
    background: #186436 !important;
    color: #ffffff !important;
}

footer.bg-white a{
    color: #FFDC66 !important;
}

footer.bg-white a:hover{
    color: #C1CB58 !important;
}

/* Breadcrumbs on dark backgrounds */
.breadcrumb-dark .breadcrumb-item,
.breadcrumb-dark .breadcrumb-item a{
    color: #FFDC66 !important;
}

.breadcrumb-dark .breadcrumb-item.active{
    color: #FFDC66 !important;
}

.breadcrumb-dark .breadcrumb-item+.breadcrumb-item::before{
    color: #FFDC66 !important;
}

/* Navbar toggler icon contrast on green header */
.navbar-dark .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.95%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.navbar-dark .navbar-toggler{
    border-color: rgba(255,255,255,.4) !important;
}

/* Ensure brand-colored toggler on themed navbar */
.navbar-theme-primary .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23FFDC66' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}