/* Shared cooperative navigation. Loaded once by the layout for admin and member pages. */
.cooperative-workspace #wrapper .cooperative-sidebar .nav-item > .nav-link {
    border-radius: .55rem;
    margin: .12rem .55rem;
    padding: .72rem .75rem;
    transition: background-color 180ms ease, box-shadow 180ms ease, color 180ms ease;
    width: auto;
}

.cooperative-workspace #wrapper .cooperative-sidebar .nav-item.active > .nav-link,
.cooperative-workspace #wrapper .cooperative-sidebar .nav-item > .nav-link:hover,
.cooperative-workspace #wrapper .cooperative-sidebar .nav-item > .nav-link:focus-visible {
    background: rgba(255, 255, 255, .13);
    box-shadow: inset 3px 0 0 #f1f2b5;
    color: #fff !important;
}

.cooperative-workspace #wrapper .cooperative-sidebar .nav-item.active > .nav-link i,
.cooperative-workspace #wrapper .cooperative-sidebar .nav-item > .nav-link:hover i,
.cooperative-workspace #wrapper .cooperative-sidebar .nav-item > .nav-link:focus-visible i {
    color: #fff;
}

.cooperative-workspace #wrapper .cooperative-sidebar .nav-item > .nav-link:focus-visible,
.cooperative-bottom-link:focus-visible {
    outline: 3px solid rgba(241, 242, 181, .7);
    outline-offset: 2px;
}

.cooperative-workspace #wrapper .cooperative-sidebar .sidebar-divider {
    border-top-color: rgba(255, 255, 255, .2);
    margin-left: .75rem;
    margin-right: .75rem;
}

.cooperative-workspace #wrapper .cooperative-sidebar .collapse-inner {
    box-shadow: 0 8px 22px rgba(31, 41, 51, .12);
    margin-left: .55rem;
    margin-right: .55rem;
}

.cooperative-workspace #wrapper .cooperative-sidebar .collapse-item {
    border-radius: .4rem;
    display: block;
    margin: .12rem .35rem;
}

.cooperative-workspace #wrapper .cooperative-sidebar .collapse-item.active,
.cooperative-workspace #wrapper .cooperative-sidebar .collapse-item:hover,
.cooperative-workspace #wrapper .cooperative-sidebar .collapse-item:focus-visible {
    background: #e7f4f6;
    color: #135058 !important;
}

@media (max-width: 991.98px) {
    .cooperative-workspace #wrapper .cooperative-sidebar .nav-item > .nav-link {
        margin-left: .65rem;
        margin-right: .65rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cooperative-workspace #wrapper .cooperative-sidebar .nav-item > .nav-link,
    .cooperative-bottom-link { transition: none !important; }
}