@import '_content/DDConnect.Web.Shared/DDConnect.Web.Shared.zw1ss60g74.bundle.scp.css';

/* /Layout/MainLayout.razor.rz.scp.css */
.nav-menu-container[b-98kecsbk51]  .nav-group-heading > .mud-nav-link > .mud-nav-link-text {
    font-weight: bold;
}

/* Only the nav entries scroll; the logo/profile (top) and version/update
   (bottom) stay anchored. Drawer overflow is capped via inline style on MudDrawer. */
.nav-menu-container[b-98kecsbk51] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
}

/* The nav list scrolls between two fixed blocks, so its own scrollbar is the only
   sign there is more to see. These gradients add a shadow at whichever edge has
   content beyond it: the cover pair scrolls with the content and hides the shadow
   pair when that edge is reached. The drawer keeps one fixed colour in both
   themes, so the covers can match it. The shadow is the dark theme's background
   colour — a step below the sidebar in the same family — rather than black,
   which would read as a hole. */
.nav-menu-container[b-98kecsbk51] {
    background:
        linear-gradient(var(--mud-palette-drawer-background), rgba(0, 0, 0, 0)) top / 100% 24px no-repeat local,
        linear-gradient(rgba(0, 0, 0, 0), var(--mud-palette-drawer-background)) bottom / 100% 24px no-repeat local,
        radial-gradient(farthest-side at 50% 0, rgba(17, 24, 29, 1), rgba(17, 24, 29, 0)) top / 100% 12px no-repeat scroll,
        radial-gradient(farthest-side at 50% 100%, rgba(17, 24, 29, 1), rgba(17, 24, 29, 0)) bottom / 100% 12px no-repeat scroll;
}
