.site-nav .site-dropdown {
    position: relative;
}

.site-nav .dropdown-toggle::after {
    border: 0;
    content: "\F282";
    font-family: "bootstrap-icons";
    font-size: .72rem;
    line-height: 1;
    margin-left: .35rem;
    vertical-align: -.05rem;
}

.site-nav .dropdown-toggle[aria-expanded="true"]::after {
    transform: rotate(180deg);
}

.site-nav .site-menu-panel {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(247, 250, 243, .96));
    border: 1px solid rgba(56, 87, 29, .14);
    border-radius: 8px;
    box-shadow: 0 18px 46px rgba(16, 29, 9, .16);
    min-width: 17rem;
    padding: .55rem;
}

.site-nav .resources-menu {
    min-width: 19rem;
}

.site-nav .account-menu {
    min-width: 18rem;
}

.site-nav .notification-menu {
    border-radius: 8px;
    min-width: min(24rem, calc(100vw - 2rem));
    overflow: hidden;
}

.site-nav .site-menu-label {
    color: #5d6b56;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .08em;
    padding: .55rem .65rem .35rem;
    text-transform: uppercase;
}

.site-nav .site-menu-item {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 8px;
    color: #1f2d19;
    display: flex;
    gap: .65rem;
    min-height: 42px;
    padding: .52rem .62rem;
    white-space: nowrap;
}

.site-nav .site-menu-item:hover,
.site-nav .site-menu-item:focus,
.site-nav .site-menu-item.active {
    background: rgba(117, 182, 27, .12);
    border-color: rgba(117, 182, 27, .22);
    color: #23470b;
}

.site-nav .site-menu-icon {
    align-items: center;
    background: rgba(117, 182, 27, .12);
    border: 1px solid rgba(117, 182, 27, .18);
    border-radius: 8px;
    color: #4f8b12;
    display: inline-flex;
    flex: 0 0 32px;
    height: 32px;
    justify-content: center;
    width: 32px;
}

.site-nav .site-menu-item:hover .site-menu-icon,
.site-nav .site-menu-item:focus .site-menu-icon,
.site-nav .site-menu-item.active .site-menu-icon {
    background: var(--mjk-green);
    border-color: var(--mjk-green);
    color: #fff;
}

.site-nav .site-menu-divider {
    border-color: rgba(56, 87, 29, .12);
    margin: .45rem .25rem;
}

.site-nav .account-menu-head {
    align-items: center;
    display: flex;
    gap: .7rem;
    padding: .55rem .55rem .5rem;
}

.site-nav .account-menu-avatar {
    align-items: center;
    background: #12351f;
    border-radius: 8px;
    color: #fff;
    display: inline-flex;
    flex: 0 0 40px;
    font-size: .95rem;
    font-weight: 900;
    height: 40px;
    justify-content: center;
    width: 40px;
}

.site-nav .account-menu-meta {
    display: grid;
    min-width: 0;
}

.site-nav .account-menu-name {
    color: #172033;
    font-size: .9rem;
    font-weight: 900;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.site-nav .account-menu-role {
    color: #687361;
    font-size: .72rem;
    font-weight: 800;
    margin-top: .1rem;
}

.site-nav .site-menu-danger {
    color: #b42318 !important;
    width: 100%;
}

.site-nav .site-menu-danger .site-menu-icon {
    background: rgba(220, 38, 38, .10);
    border-color: rgba(220, 38, 38, .16);
    color: #dc2626;
}

.site-nav .site-menu-danger:hover,
.site-nav .site-menu-danger:focus {
    background: rgba(220, 38, 38, .10);
    border-color: rgba(220, 38, 38, .18);
    color: #991b1b !important;
}

html[data-theme="dark"] .site-nav .site-menu-panel {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, .045), rgba(255, 255, 255, .018)),
        #151b13;
    border-color: rgba(139, 214, 63, .16);
    box-shadow: 0 24px 52px rgba(0, 0, 0, .38);
}

html[data-theme="dark"] .site-nav .site-menu-label,
html[data-theme="dark"] .site-nav .account-menu-role {
    color: #a4ad9f;
}

html[data-theme="dark"] .site-nav .site-menu-item,
html[data-theme="dark"] .site-nav .account-menu-name {
    color: #e3e3e3;
}

html[data-theme="dark"] .site-nav .site-menu-item:hover,
html[data-theme="dark"] .site-nav .site-menu-item:focus,
html[data-theme="dark"] .site-nav .site-menu-item.active {
    background: rgba(139, 214, 63, .12);
    border-color: rgba(139, 214, 63, .24);
    color: #fff;
}

html[data-theme="dark"] .site-nav .site-menu-icon {
    background: rgba(139, 214, 63, .10);
    border-color: rgba(139, 214, 63, .18);
    color: #d9ff9f;
}

html[data-theme="dark"] .site-nav .site-menu-divider {
    border-color: rgba(255, 255, 255, .08);
}

html[data-theme="dark"] .site-nav .site-menu-danger {
    color: #fda4af !important;
}

html[data-theme="dark"] .site-nav .site-menu-danger .site-menu-icon {
    background: rgba(244, 63, 94, .13);
    border-color: rgba(244, 63, 94, .22);
    color: #fb7185;
}

@media (min-width: 992px) {
    .site-nav .dropdown-menu.show {
        animation: siteDropdownIn .16s ease-out both;
    }
}

@media (max-width: 991.98px) {
    .site-nav .site-menu-panel {
        background: #f8faf4;
        box-shadow: none;
        min-width: 0;
        width: 100%;
    }

    .site-nav .site-menu-item {
        white-space: normal;
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-nav .dropdown-menu.show {
        animation: none !important;
    }
}

@keyframes siteDropdownIn {
    from {
        opacity: 0;
        transform: translate3d(0, 8px, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}