/* HUD Menu Overrides — loaded AFTER layout-dark.css to win the cascade.
   Targets the static menu mode selectors. */

@media (min-width: 992px) {
    /* Sidebar width and scrolling */
    .layout-wrapper.layout-static .layout-menu-wrapper {
        width: 260px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        border-radius: 0 !important;
        transform: none !important;
    }

    .layout-wrapper.layout-static .layout-menu-wrapper .layout-menu-container {
        overflow: auto !important;
        height: calc(100vh - 80px) !important;
    }

    .layout-wrapper.layout-static .layout-menu-wrapper .layout-menu-container .layout-menu {
        /* Bottom padding reserves clearance for the absolutely-positioned operator
           card (border-t + profile row + secure-link row ≈ 100px) so the last nav
           item never scrolls underneath it. */
        padding: 0.5rem 1rem 7.5rem 1rem !important;
        margin: 0 !important;
        overflow: visible !important;
    }

    /* Root group items: margin bottom for spacing between groups */
    .layout-wrapper.layout-static .layout-menu-wrapper .layout-menu-container .layout-menu > li {
        margin-bottom: 0.5rem !important;
    }

    /* All list items: height auto for proper expansion */
    .layout-wrapper.layout-static .layout-menu-wrapper .layout-menu-container .layout-menu li {
        height: auto !important;
    }

    /* Menu link styling */
    .layout-wrapper.layout-static .layout-menu-wrapper .layout-menu-container .layout-menu li > a {
        position: relative !important;
        overflow: hidden !important;
        display: flex !important;
        align-items: center !important;
        padding: 10px 16px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        border-left: 2px solid transparent !important;
        border-radius: 0 !important;
        color: var(--text-hud-main, #E2E8F0) !important;
    }

    /* Hover state */
    .layout-wrapper.layout-static .layout-menu-wrapper .layout-menu-container .layout-menu li > a:hover {
        background: rgba(0, 229, 255, 0.05) !important;
        color: #00E5FF !important;
    }

    .layout-wrapper.layout-static .layout-menu-wrapper .layout-menu-container .layout-menu li > a:hover .layout-menuitem-icon {
        color: #00E5FF !important;
    }

    /* Sub-menus: keep overflow hidden for Angular height animation */
    .layout-wrapper.layout-static .layout-menu-wrapper .layout-menu-container .layout-menu li > ul {
        padding: 0 0 0 1rem !important;
    }

    /* Main content left margin */
    .layout-wrapper.layout-static .layout-main {
        margin-left: 260px !important;
    }

    /* Hide the static mode's inline menu toggle when static is inactive (collapsed) */
    .layout-wrapper.layout-static.layout-static-inactive .layout-menu-wrapper {
        transform: none !important;
        width: 260px !important;
    }

    .layout-wrapper.layout-static.layout-static-inactive .layout-main {
        margin-left: 260px !important;
    }

    /* Fix PrimeNG Ripple (.p-ink) breaking flexbox layouts when active */
    .p-ink {
        position: absolute !important;
        display: block !important;
        pointer-events: none !important;
        border-radius: 100% !important;
    }
}