TaskTrackingSystem.WebApp/Components/Layout/NavMenu.razor.css

::deep a.nav-link-item,
::deep button.nav-dropdown-toggle {
    display: flex;
    width: 100%;
    align-items: center;
    border: 1px solid transparent;
    border-radius: var(--radius-lg, 0.5rem);
    padding: 0.65rem 0.85rem;
    color: var(--sidebar-muted, #CBD5E1);
    font-size: 0.9rem;
    font-weight: 650;
    line-height: 1.2;
    transition:
        background-color 0.16s ease,
        border-color 0.16s ease,
        color 0.16s ease,
        transform 0.16s ease;
}

::deep button.nav-dropdown-toggle {
    background: transparent;
    cursor: pointer;
}

::deep a.nav-link-item:hover,
::deep button.nav-dropdown-toggle:hover {
    border-color: rgba(94, 234, 212, 0.14);
    background-color: rgba(255, 255, 255, 0.065);
    color: #FFFFFF;
}

::deep a.nav-link-item.active {
    border-color: rgba(94, 234, 212, 0.26) !important;
    background-color: var(--sidebar-active, rgba(37, 99, 235, 0.18)) !important;
    color: #FFFFFF !important;
    box-shadow: inset 3px 0 0 var(--brand-primary);
}

::deep button.nav-dropdown-toggle.expanded {
    color: #FFFFFF;
}

::deep a.nav-link-item i,
::deep button.nav-dropdown-toggle i {
    color: currentColor !important;
    opacity: 0.78;
    transition: opacity 0.16s ease;
}

::deep a.nav-link-item:hover i,
::deep a.nav-link-item.active i,
::deep button.nav-dropdown-toggle:hover i,
::deep button.nav-dropdown-toggle.expanded i {
    opacity: 1;
}

::deep button.nav-dropdown-toggle .nav-chevron {
    margin-left: auto;
    opacity: 0.65;
    transition: transform 0.18s ease, opacity 0.18s ease;
}

::deep button.nav-dropdown-toggle.expanded .nav-chevron {
    transform: rotate(180deg);
    opacity: 1;
}

::deep .nav-dropdown-children {
    margin: 0.2rem 0 0.45rem 1rem;
    padding-left: 0.65rem;
    border-left: 1px solid rgba(148, 163, 184, 0.22);
}

::deep a.nav-child-item {
    padding: 0.54rem 0.7rem;
    font-size: 0.84rem;
    font-weight: 620;
}

::deep a.nav-link-item.border-t {
    border-top-color: rgba(148, 163, 184, 0.18) !important;
}