/* B"H - MENUS STYLES (Restored Boundaries) */

#context-menu, #main-menu { 
    position: fixed; 
    z-index: 300000;
    background-color: rgba(13, 17, 23, 0.98); 
    border: 1px solid var(--neon-cyan); 
    backdrop-filter: blur(20px) saturate(180%); 
    border-radius: 8px; 
    padding: 6px; 
    min-width: 240px; 
    display: none; 
    box-shadow: 0 15px 50px rgba(0,0,0,0.9), 0 0 20px var(--glow-cyan);
    transform-origin: top left;
    
    /* B"H - Strict height containment */
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    overflow-x: hidden;
}

#context-menu::-webkit-scrollbar { width: 4px; }
#context-menu::-webkit-scrollbar-thumb { background: var(--color-border); border-radius: 10px; }

.menu-button { 
    display: flex; 
    align-items: center; 
    gap: 12px; 
    width: 100%; 
    background: none; 
    color: var(--color-text-primary); 
    padding: 10px 14px; 
    text-align: left; 
    font-size: 0.95em; 
    border-radius: 4px; 
    min-height: 40px;
    border: 1px solid transparent;
    transition: all 0.1s;
}

.menu-button:hover:not(:disabled) { 
    background-color: var(--neon-cyan) !important; 
    color: #000 !important; 
    font-weight: 700;
}

.menu-button:hover .svg-icon {
    fill: #000 !important;
}

.menu-separator { 
    border: none; 
    border-top: 1px solid rgba(255, 255, 255, 0.1); 
    margin: 6px 0; 
}

.context-active {
    background-color: rgba(0, 246, 255, 0.2) !important;
    box-shadow: inset 0 0 15px var(--glow-cyan);
}