/* Keep collapsed navigation highlights inset inside the 70px icon rail. */
@media (min-width: 992px) {
    body.sidebar-fixed.sidebar-icon-only .sidebar > .nav > .nav-item > .nav-link {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 46px;
        max-width: 46px;
        height: 44px;
        min-height: 44px;
        margin: 3px auto;
        padding: 0 !important;
        border-radius: 12px;
        transition: background-color 150ms ease, box-shadow 150ms ease;
    }

    body.sidebar-fixed.sidebar-icon-only .sidebar > .nav > .nav-item > .nav-link i.menu-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 22px;
        height: 22px;
        margin: 0 !important;
        font-size: 19px;
        line-height: 1;
    }

    body.sidebar-fixed.sidebar-icon-only .sidebar > .nav > .nav-item.active > .nav-link,
    body.sidebar-fixed.sidebar-icon-only .sidebar > .nav > .nav-item > .nav-link.active {
        background: var(--theme-color, #7367f0) !important;
        color: #ffffff !important;
        box-shadow: 0 4px 10px rgba(115, 103, 240, 0.22);
    }

    body.sidebar-fixed.sidebar-icon-only .sidebar > .nav > .nav-item.active > .nav-link i.menu-icon,
    body.sidebar-fixed.sidebar-icon-only .sidebar > .nav > .nav-item > .nav-link.active i.menu-icon {
        color: #ffffff !important;
    }

    body.sidebar-fixed.sidebar-icon-only .sidebar > .nav > .nav-item > .nav-link:focus-visible {
        outline: 2px solid var(--theme-color, #7367f0);
        outline-offset: 2px;
    }
}