#AH_MOBILE_SIDEBAR_TOGGLE{
    display: none;
}
#AH_NAVBAR{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1040 !important;
    background-color: #1a3d5a;
    border-bottom: 3px solid #1a3d5a;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 30px;
    padding-right: 30px;
    & #AH_LOGO{
        transition: all 0.2s ease !important;
        filter: brightness(1.1) contrast(1.1);
        position: relative !important;
        background: rgba(255, 255, 255, 1);
        border-radius: 5px;
        padding: 5px;
        border: 2px solid #0076A8;
        &::after{
            content: '';
            position: absolute !important;
            top: -2px;
            left: -2px;
            right: -2px;
            bottom: -2px;
            background: linear-gradient(45deg, #D4AF37, #0076A8);
            border-radius: 4px;
            z-index: -1 !important;
            opacity: 0;
            transition: opacity 0.2s ease;
        }
        & img{
            transition: opacity 0.2s ease;
        }
        &:hover{
            transform: translateY(-1px);
            filter: brightness(1.2) contrast(1.2);
        }
        &:hover::after{
            opacity: 0.3;
        }
        &:hover img{
            opacity: 0.9;
        }
    }
    & .ahnav-link{
        color: #ffffff !important;
        position: relative;
        transition: all 0.2s ease;
        &:hover{
            color: #D4AF37 !important;
            transform: translateY(-1px);
        }
        &.active{
            color: #D4AF37 !important;
            border-bottom: 2px solid #D4AF37 !important;
        }
        &.disabled{
            color: #BEBEBE;
            opacity: 0.6;
            pointer-events: none;
        }
    }
    & .ahnav-dropdown-div{
        background-color: #f8f9fa;
        border: 1px solid #0076A8;
        border-radius: 6px;
        margin-top: 8px;
        left: 0;
        z-index: 9999 !important;
        & .ahnav-dropdown-link{
            color: #0076A8;
            padding: 10px 4px;
            transition: all 0.2s ease;
            &:hover{
                background-color: rgba(0, 118, 168, 0.1);
                color: #D4AF37;
            }
            &.active{
                background-color: #f8f9fa !important;
                color: #D4AF37 !important;
                border-left: 4px solid #D4AF37 !important;
                &:hover{
                    background-color: rgba(0, 118, 168, 0.1) !important;
                }
            }
        }
        & .ahnav-dropdown-divider{
            border-color: rgba(0, 118, 168, 0.2);
            margin: 8px 0;
        }
        & .ahnav-dropend{
            position: relative;
            & .dropdown-menu{
                position: absolute;
                top: 0;
                left: 100%;
                margin-top: 0;
                margin-left: 0;
                background-color: #f8f9fa;
                border: 1px solid #0076A8;
                border-radius: 6px;
                z-index: 10000 !important;
                & .ahnav-dropdown-link{
                    color: #0076A8;
                    &:hover{
                        background-color: rgba(0, 118, 168, 0.1);
                        color: #D4AF37;
                    }
                    &.active{
                        background-color: #f8f9fa !important;
                        color: #D4AF37 !important;
                        border-left: 4px solid #D4AF37 !important;
                        &:hover{
                            background-color: rgba(0, 118, 168, 0.1) !important;
                        }
                    }
                }
            }
        }
    }
    & .ahnav-searchform{
        position: relative;
        & .ahnav-searchbar{
            width: 280px;
            padding: 8px 12px;
            border-radius: 0.375rem;
            border: 2px solid #0076A8;
            background-color: #ffffff;
            color: #495057;
            font-size: 1rem;
            &::placeholder{
                color: #6c757d;
            }
            &::-webkit-search-cancel-button{
                cursor: pointer;
            }
            &::-moz-search-cancel-button{
                cursor: pointer;
            }
        }
        & .ahnav-search-results{
            position: absolute;
            top: 100%;
            left: 0;
            right: 0;
            background-color: #f8f9fa;
            border: 1px solid #0076A8;
            border-radius: 6px;
            margin-top: 8px;
            z-index: 9999 !important;
            max-height: 300px;
            overflow-y: auto;
            display: none;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            & .ahnav-search-result-item{
                padding: 10px 20px;
                color: #0076A8;
                text-decoration: none;
                display: block;
                transition: all 0.2s ease;
                border-bottom: 1px solid rgba(0, 118, 168, 0.1);
                &:last-child{
                    border-bottom: none;
                }
                &:hover{
                    background-color: rgba(0, 118, 168, 0.1);
                    color: #D4AF37;
                }
                & .ahnav-search-title{
                    font-weight: 500;
                }
                & .ahnav-search-hierarchy{
                    font-size: 0.8rem;
                    color: #A66;
                    margin-top: 2px;
                    font-style: italic;
                }
                & .ahnav-search-description{
                    font-size: 0.85rem;
                    color: #6c757d;
                    margin-top: 2px;
                }
            }
            & .ahnav-search-no-results{
                padding: 15px 20px;
                color: #6c757d;
                text-align: center;
                font-style: italic;
            }
        }
    }
    & #AH_TOGGLEBTN{
        border-color: rgba(255, 255, 255, 0.1);
        &:focus{
            box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
        }
        & #AH_TOGGLESPAN{
            background-image: none !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            &::before{
                content: "\F479" !important;
                font-family: "bootstrap-icons" !important;
                color: rgba(255, 255, 255, 0.75) !important;
                font-size: 1.5rem !important;
                line-height: 1 !important;
            }
        }
    }
}

#AH_SIDEBAR{
    position: fixed !important;
    top: 77px !important;
    left: 0 !important;
    width: 60px !important;
    height: calc(100vh - 77px) !important;
    background-color: #1a3d5a;
    border-right: 2px solid #1a3d5a;
    z-index: 1030 !important;
    transition: width 0.3s ease !important;
    overflow: hidden;
    display: flex !important;
    flex-direction: column !important;
    & .ah-sidebar-link{
        display: flex !important;
        align-items: center !important;
        padding: 12px 20px;
        color: #ffffff;
        text-decoration: none;
        transition: all 0.2s ease !important;
        white-space: nowrap;
        cursor: pointer;
        & i{
            font-size: 1.3rem;
            width: 20px;
            text-align: center;
            margin-right: 15px;
        }
        & .ah-sidebar-text{
            color: #ffffff;
            font-size: 0.9rem;
            opacity: 0;
            transition: all 0.3s ease;
        }
        & .ah-sidebar-alerts-container{
            position: relative;
            display: inline-block;
            & .ah-sidebar-alerts-badge{
                position: absolute;
                top: -6px;
                right: 2px;
                font-size: 10px;
                min-width: 18px;
                height: 18px;
                line-height: 18px;
                text-align: center;
                display: flex;
                align-items: center;
                justify-content: center;
                z-index: 10;
            }
        }
        & .ah-sidebar-messages-container{
            position: relative;
            display: inline-block;
            & .ah-sidebar-messages-badge{
                position: absolute;
                top: -6px;
                right: 2px;
                font-size: 10px;
                min-width: 18px;
                height: 18px;
                line-height: 18px;
                text-align: center;
                display: flex;
                align-items: center;
                justify-content: center;
                z-index: 10;
            }
        }
        &:hover{
            background-color: rgba(255, 255, 255, 0.1);
            color: #D4AF37;
            transform: translateY(-1px);
            & .ah-sidebar-text{
                color: #D4AF37;
            }
        }
        &.active{
            color: #D4AF37;
            & .ah-sidebar-text{
                color: #D4AF37;
            }
        }
    }
    & .ah-sidebar-header{
        position: relative !important;
        z-index: 10 !important;
        background-color: #1a3d5a;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        & .ah-sidebar-user{
            display: flex !important;
            align-items: center !important;
            padding: 12px 20px;
            position: relative !important;
            cursor: default;
            transition: all 0.2s ease !important;
            color: #ffffff;
            text-decoration: none;
            white-space: nowrap;
            margin-left: -20px;
            padding-left: 35px;
            & .ah-sidebar-account-avatar{
                width: 32px;
                height: 32px;
                border-radius: 50%;
                background-color: #0076A8;
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                margin-right: 15px;
                font-size: 1rem;
                color: #ffffff;
                flex-shrink: 0 !important;
                & i{
                    font-size: 1rem;
                }
            }
            & .ah-sidebar-account-info{
                display: flex !important;
                flex-direction: column !important;
                opacity: 0;
                transition: opacity 0.3s ease;
                & .ah-sidebar-account-name{
                    color: #ffffff;
                    font-size: 0.9rem;
                    font-weight: 500;
                    white-space: nowrap;
                    transition: color 0.2s ease;
                }
                & .ah-sidebar-account-role{
                    color: rgba(255, 255, 255, 0.7);
                    font-size: 0.8rem;
                    white-space: nowrap;
                    transition: color 0.2s ease;
                } 
            }
            &:hover{
                background-color: rgba(255, 255, 255, 0.1);
                color: #D4AF37;
                transform: translateY(-1px);
            }
            &:hover .ah-sidebar-account-info{
                & .ah-sidebar-account-name{
                    color: #D4AF37;
                }
                & .ah-sidebar-account-role{
                    color: rgba(212, 175, 55, 0.7);
                }
            }
        }
    }
    & .ah-sidebar-content{
        padding: 15px 0;
        flex: 1 !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        scrollbar-width: thin;
        scrollbar-color: rgba(255, 255, 255, 0.3) transparent;
        position: relative !important;
        z-index: 1 !important;
        &::-webkit-scrollbar{
            width: 6px;
        }
        &::-webkit-scrollbar-track{
            background: transparent;
        }
        &::-webkit-scrollbar-thumb{
            background-color: rgba(255, 255, 255, 0.3);
            border-radius: 3px;
        }
        &::-webkit-scrollbar-thumb:hover{
            background-color: rgba(255, 255, 255, 0.5);
        }
    }
    & .ah-sidebar-footer{
        position: relative !important;
        padding: 15px 0;
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        background-color: #1a3d5a;
        z-index: 10 !important;
        flex-shrink: 0 !important;
        #AH_LOGOUT_LINK:hover{
            & .logout-icon,
            & .ah-sidebar-text{
                color: #ff6b6b;
            }
            
        }
    }
    &.ah-sidebar-hover-open{
        width: 250px !important;
    
        & .ah-sidebar-link .ah-sidebar-text{
            opacity: 1;
        }
    
        & .ah-sidebar-user .ah-sidebar-account-info{
            opacity: 1;
        }
    }
    &.ah-sidebar-locked{
        width: 250px !important;
        & .ah-sidebar-link .ah-sidebar-text{
            opacity: 1;
        }
        & .ah-sidebar-user .ah-sidebar-account-info{
            opacity: 1;
        }
    }
}

#WRSCONTAINER{
    width: calc(100% - 60px) !important;
    margin-left: 60px !important;
    margin-top: 77px !important;
    padding: 20px;
    min-height: calc(100vh - 77px) !important;
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    transition: margin-left 0.3s ease, width 0.3s ease, background-color 0.3s ease, color 0.3s ease !important;
    /* overflow-x: auto; */
    overflow-y: visible;
    &.ah-sidebar-locked{
        width: calc(100% - 250px) !important;
        margin-left: 250px !important;
    }
}

[data-bs-theme="dark"]{
    --bs-body-bg: #0f1a2a;
    --bs-body-color: #e9ecef;
    --bs-heading-color: #ffffff;
    --bs-secondary-color: #adb5bd;
    --bs-border-color: #2d3748;
    --bs-primary: #0076A8;
    & #AH_NAVBAR{
        & #AH_LOGO{
            background-color: #0f1a2a;
            &::after{
                background: none #0f1a2a;
            }
        }
        & .ahnav-dropdown-div{
            background-color: #0f1a2a;
            border: 1px solid #0076A8;
            & .ahnav-dropdown-link{
                color: #ffffff;
                &:hover{
                    background-color: rgba(255, 255, 255, 0.1);
                    color: #D4AF37;
                }
                &.active{
                    background-color: #0f1a2a !important;
                    color: #D4AF37 !important;
                    border-left: 4px solid #D4AF37 !important;
                    &:hover{
                        background-color: rgba(255, 255, 255, 0.1) !important;
                    }
                }
            }
            & .ahnav-dropend{
                position: relative;
                & .dropdown-menu{
                    position: absolute;
                    top: 0;
                    left: 100%;
                    margin-top: 0;
                    margin-left: 0;
                    background-color: #0f1a2a;
                    border: 1px solid #0076A8;
                    z-index: 10000 !important;
                    & .ahnav-dropdown-link{
                        color: #ffffff;
                        &:hover{
                            background-color: rgba(255, 255, 255, 0.1);
                            color: #D4AF37;
                        }
                        &.active{
                            background-color: #0f1a2a !important;
                            color: #D4AF37 !important;
                            border-left: 4px solid #D4AF37 !important;
                            &:hover{
                                background-color: rgba(255, 255, 255, 0.1) !important;
                            }
                        }
                    }
                }
            }
        }
        & .ahnav-searchbar{
            background-color: #0f1a2a; 
            color: #e9ecef;
        }
        & .ahnav-search-results{
            background-color: #0f1a2a;
            border: 1px solid #0076A8;
            & .ahnav-search-result-item{
                color: #ffffff;
                border-bottom: 1px solid rgba(255, 255, 255, 0.1);
                &:hover{
                    background-color: rgba(255, 255, 255, 0.1);
                    color: #D4AF37;
                }
            }
            & .ahnav-search-no-results{
                color: #adb5bd;
            }
        }
    }
    & .pre-block{
        background-color: #343a40;
        border-color: #495057;
        color: #dee2e6;
    }
    & .alert-neutral{
        background-color: rgba(233, 236, 239, 0.1);
        border-color: rgba(221, 226, 230, 0.3);
        color: #86b7fe;
    }
    & .alert-brand{
        background-color: rgba(0, 118, 168, 0.2);
        border-color: rgba(0, 118, 168, 0.4);
        color: #86b7fe;
    }
    .card-neutral > .card-header {
        color: #0076A8 !important;
        opacity: 80%;
    }
}

body.ah-text-size-large #WRSCONTAINER{
    font-size: 2rem;
}

.ah-alerts-modal-badge{
    font-size: 10px;
    width: 18px;
    height: 18px;
    line-height: 12px;
    text-align: center;
    align-items: center;
    justify-content: center;
    text-indent: -1px;
}

/* START: Settings Modal */
    #settings-tab-content
    {
        margin-top: -2px;
        padding: 10px;
    }
    .ah-settings-tabs .ah-settings-tab-link {
        isolation: isolate;
        border-color: var(--bs-nav-tabs-link-hover-border-color);
        background-color: rgba(127, 127, 127, 0.05);
    }
    .settings-modal-card {
        width: 225px;
        min-width: 225px;
        max-width: 225px;
    }
    .ah-preview-window {
        width: 180px;
        height: 100px;
        border: 1px solid #0076A8;
        border-radius: 6px;
        overflow: hidden;
        background-color: #ffffff;
        box-shadow: 0 2px 6px rgba(0, 118, 168, 0.15);
        margin: 0 auto;
    }
    .ah-preview-text-normal {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
    }
    .ah-preview-text-large {
        display: none;
        align-items: center;
        justify-content: center;
        height: 100%;
    }
    .ah-preview-text-sample {
        font-size: 0.5rem;
        line-height: 1.2;
        color: #333;
        text-align: left;
    }
    .ah-preview-text-large .ah-preview-text-sample {
        font-size: 1rem;
        color: #333;
    }
    .ah-preview-window[data-large-text="true"] .ah-preview-text-normal {
        display: none;
    }
    .ah-preview-window[data-large-text="true"] .ah-preview-text-large {
        display: flex;
    }
    .ah-preview-header {
        height: 16px;
        background-color: #1a3d5a;
        border-bottom: 1px solid #0f2a3f;
    }
    .ah-preview-navbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 100%;
        padding: 0 6px;
    }
    .ah-preview-nav-items {
        display: flex;
        gap: 3px;
    }
    .ah-preview-nav-item {
        width: 6px;
        height: 1.5px;
        background-color: #ffffff;
    }
    .ah-preview-nav-item:first-child {
        background-color: #D4AF37;
    }
    .ah-preview-search {
        display: flex;
        align-items: center;
    }
    .ah-preview-search-bar {
        width: 20px;
        height: 6px;
        background-color: #ffffff;
        border-radius: 3px;
        border: 1px solid #0f2a3f;
    }
    .ah-preview-window:not([data-theme="dark"]) .ah-preview-search-bar {
        background-color: #ffffff;
        border-color: #0f2a3f;
    }
    .ah-preview-window[data-theme="dark"] .ah-preview-search-bar {
        background-color: #1a1a2e;
        border-color: #495057;
    }
    .ah-preview-body {
        display: flex;
        height: 84px;
    }
    .ah-preview-sidebar {
        width: 24px;
        background-color: #1a3d5a;
        border-right: 1px solid #0f2a3f;
        padding: 3px;
        display: flex;
        flex-direction: column;
        gap: 2px;
    }
    .ah-preview-sidebar-item {
        height: 3px;
        background-color: #ffffff;
        border-radius: 1px;
    }
    .ah-preview-sidebar-active {
        background-color: #D4AF37;
    }
    .ah-preview-content {
        flex: 1;
        padding: 3px;
        display: flex;
        flex-direction: column;
        gap: 1px;
    }
    .ah-preview-section {
        height: 12px;
        border-radius: 2px;
        padding: 1px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 1px 0;
    }
    .ah-preview-success {
        background-color: #d1e7dd;
    }
    .ah-preview-error {
        background-color: #f8d7da;
    }
    .ah-preview-bar {
        height: 1px;
        border-radius: 1px;
        width: 100%;
    }
    .ah-preview-success .ah-preview-bar {
        background-color: #0f5132;
    }
    .ah-preview-error .ah-preview-bar {
        background-color: #842029;
    }
    .ah-preview-window[data-theme="dark"] {
        background-color: #1a1a2e;
        border-color: #0076A8;
        box-shadow: 0 2px 8px rgba(0, 118, 168, 0.3);
    }
    .ah-preview-window[data-theme="dark"] .ah-preview-header {
        background-color: #1a3d5a;
        border-bottom-color: #0f2a3f;
    }
    .ah-preview-window[data-theme="dark"] .ah-preview-nav-item {
        background-color: #ffffff;
    }
    .ah-preview-window[data-theme="dark"] .ah-preview-nav-item:first-child {
        background-color: #D4AF37;
    }
    .ah-preview-window[data-theme="dark"] .ah-preview-sidebar {
        background-color: #1a3d5a;
        border-right-color: #0f2a3f;
    }
    .ah-preview-window[data-theme="dark"] .ah-preview-sidebar-item {
        background-color: #ffffff;
    }
    .ah-preview-window[data-theme="dark"] .ah-preview-sidebar-active {
        background-color: #D4AF37;
    }
    .ah-preview-window[data-theme="dark"] .ah-preview-success {
        background-color: #0a3622;
    }
    .ah-preview-window[data-theme="dark"] .ah-preview-error {
        background-color: #3d1114;
    }
    .ah-preview-window[data-theme="dark"] .ah-preview-success .ah-preview-bar {
        background-color: #75b798;
    }
    .ah-preview-window[data-theme="dark"] .ah-preview-error .ah-preview-bar {
        background-color: #ea868f;
    }
/* END: Settings Modal */

/* Nested submenu open state (click/tap .show and keyboard); works across input types. */
#AH_NAVBAR .ahnav-dropend > .dropdown-menu.show{
    display: block;
}

/* Precise-pointer / hover devices: open only the immediate child menu. */
@media (hover: hover) and (pointer: fine){
    #AH_NAVBAR .ahnav-dropend:hover > .dropdown-menu,
    #AH_NAVBAR .ahnav-dropend:focus-within > .dropdown-menu{
        display: block;
    }
}

/* Touch / coarse pointer (phones + tablets, including landscape > 768px): static nest + .show only. */
@media (hover: none), (pointer: coarse){
    #AH_NAVBAR .ahnav-dropend > .dropdown-menu{
        position: static !important;
        left: auto !important;
        margin-top: 0.25rem;
        margin-left: 1rem;
    }
    #AH_NAVBAR .ahnav-dropend > .dropdown-menu.show{
        display: block;
    }
}

/*
 * Collapsed navbar (navbar-expand-lg → below 992px): one scroll owner for the menu panel.
 * Logo / hamburger stay in the fixed bar; expanded nest content scrolls inside .navbar-collapse.
 */
@media (max-width: 991.98px){
    #AH_NAVBAR .navbar-collapse{
        max-height: calc(100vh - 80px);
        max-height: calc(100dvh - 80px);
        overflow-y: auto;
        overflow-x: hidden;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        padding-bottom: calc(1rem + env(safe-area-inset-bottom, 0px));
    }
    #AH_NAVBAR .navbar-collapse .ahnav-dropdown-div{
        max-height: none !important;
        overflow: visible !important;
    }
    #AH_NAVBAR .navbar-collapse .ahnav-dropend > .dropdown-menu{
        max-height: none !important;
        overflow: visible !important;
    }
}

/*
 * Horizontal navbar + coarse pointer (wide tablets): top-level dropdown scrolls;
 * nested levels stay in-flow (no per-level scrollbars).
 */
@media (min-width: 992px) and (pointer: coarse){
    #AH_NAVBAR .navbar-nav > .nav-item.dropdown > .dropdown-menu.ahnav-dropdown-div{
        max-height: calc(100vh - 90px);
        max-height: calc(100dvh - 90px);
        overflow-y: auto;
        overflow-x: hidden;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }
    #AH_NAVBAR .navbar-nav > .nav-item.dropdown > .dropdown-menu.ahnav-dropdown-div .ahnav-dropend > .dropdown-menu{
        max-height: none !important;
        overflow: visible !important;
    }
}

@media (max-width: 768px){
    #AH_MOBILE_OVERLAY{
        position: fixed;
        top: 80px;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1020;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        &.ah-overlay-active{
            opacity: 1;
            visibility: visible;
        }
    }
    #AH_MOBILE_SIDEBAR_TOGGLE{
        display: block;
        position: fixed;
        left: -2px;
        top: 80px;
        z-index: 1025;
        background-color: rgba(26, 61, 90, 0.9);
        color: #ffffff;
        border: none;
        border-radius: 0 0.375rem 0.375rem 0;
        padding: 12px 8px;
        font-size: 1.2rem;
        cursor: pointer;
        transition: all 0.2s ease;
        box-shadow: 2px 0 4px rgba(0,0,0,0.2);
        backdrop-filter: blur(5px);
        &:hover{
            background-color: rgba(26, 61, 90, 1);
            transform: translateX(2px);
            box-shadow: 3px 0 6px rgba(0,0,0,0.3);
        }
        &:active{
            transform: translateX(1px);
        }
        &.ah-sidebar-open{
            display: none;
        }
    }
    #AH_NAVBAR{
        position: fixed !important;
        top: 0 !important;
        z-index: 1040 !important;
        & .navbar-collapse{
            width: 100%;
            & .ahnav-searchform{
                width: 100%;
                margin-top: 0.5rem;
                & .ahnav-searchbar{
                    width: 100%;
                    box-sizing: border-box;
                }
                & .ahnav-search-results{
                    width: 100%;
                    left: 0;
                    right: 0;
                }
            }
            & .ahnav-dropdown-div{
                /* Scroll lives on .navbar-collapse (max-width: 991.98px); nests expand in-flow */
                max-height: none !important;
                overflow: visible !important;
                & .ahnav-dropend{
                    & > .dropdown-menu{
                        position: static !important;
                        left: auto !important;
                        margin-top: 0.5rem;
                        margin-left: 1rem;
                        background-color: rgba(0, 118, 168, 0.1);
                        border: 1px solid rgba(0, 118, 168, 0.3);
                        border-radius: 4px;
                        max-height: none !important;
                        overflow: visible !important;
                        & .ahnav-dropdown-link{
                            padding: 8px 4px;
                            font-size: 0.9rem;
                        }
                    }
                    & > .dropdown-menu.show{
                        display: block;
                    }
                }
                & .ahnav-dropdown-link{
                    &:hover{
                        background-color: transparent !important;
                        color: #0076A8 !important;
                    }
                }
            }
        }
    }
    
    [data-bs-theme="dark"] #AH_NAVBAR .navbar-collapse .ahnav-dropdown-div .ahnav-dropdown-link:hover {
        background-color: transparent !important;
        color: #ffffff !important;
    }
    #AH_SIDEBAR{
        transform: translateX(-100%) !important;
        transition: transform 0.3s ease !important;
        width: 250px !important;
        z-index: 1080 !important;
        top: 80px;
        height: calc(100svh - 75px) !important;
        &:hover{
            width: 250px !important;
        }
        &.ah-mobile-open{
            transform: translateX(0) !important;
            & .ah-sidebar-text{
                opacity: 1;
            }
            & .ah-sidebar-link{
                padding: 15px 20px;
                min-height: 50px;
            }
            & .ah-sidebar-header{
                padding-top: 10px;
                .ah-sidebar-account-info{
                    opacity: 1;
                }
            }
        }
        & #AH_LOCK_TOGGLE{
            display: none !important;
        }
    }
    & #WRSCONTAINER {
        width: calc(100% - 15px) !important;
        margin-left: 15px !important;
    }
}

/* Auto-subtle in dark mode */
body[data-bs-theme="dark"] .btn.btn-primary:not(.btn-no-mode) {
    background-color: var(--bs-primary-bg-subtle);
    color: var(--bs-primary-text-emphasis);
    border: 1px solid var(--bs-primary-border-subtle);
    &:hover{
        background-color: var(--bs-primary);
        color: #ffffff;
        border-color: var(--bs-primary);
        opacity: 85% !important;
    }
}

body[data-bs-theme="dark"] .btn.btn-success:not(.btn-no-mode) {
    background-color: var(--bs-success-bg-subtle);
    color: var(--bs-success-text-emphasis);
    border: 1px solid var(--bs-success-border-subtle);
    &:hover{
        background-color: var(--bs-success);
        color: #ffffff;
        border-color: var(--bs-success);
        opacity: 85% !important;
    }
}

body[data-bs-theme="dark"] .btn.btn-danger:not(.btn-no-mode) {
    background-color: var(--bs-danger-bg-subtle);
    color: var(--bs-danger-text-emphasis);
    border: 1px solid var(--bs-danger-border-subtle);
    &:hover{
        background-color: var(--bs-danger);
        color: #ffffff;
        border-color: var(--bs-danger);
        opacity: 85% !important;
    }
}

body[data-bs-theme="dark"] .btn.btn-warning:not(.btn-no-mode) {
    background-color: var(--bs-warning-bg-subtle);
    color: var(--bs-warning-text-emphasis);
    border: 1px solid var(--bs-warning-border-subtle);
    &:hover{
        background-color: var(--bs-warning);
        color: #000000;
        border-color: var(--bs-warning);
        opacity: 85% !important;
    }
}

body[data-bs-theme="dark"] .btn.btn-info:not(.btn-no-mode) {
    background-color: var(--bs-info-bg-subtle);
    color: var(--bs-info-text-emphasis);
    border: 1px solid var(--bs-info-border-subtle);
    &:hover{
        background-color: var(--bs-info);
        color: #000000;
        border-color: var(--bs-info);
        opacity: 85% !important;
    }
}

body[data-bs-theme="dark"] .btn.btn-secondary:not(.btn-no-mode) {
    background-color: var(--bs-secondary-bg-subtle);
    color: var(--bs-secondary-text-emphasis);
    border: 1px solid var(--bs-secondary-border-subtle);
    &:hover{
        background-color: var(--bs-secondary);
        color: #ffffff;
        border-color: var(--bs-secondary);
        opacity: 85% !important;
    }
}