/**
 * NEURALSTACK LAYOUT
 * 
 * Core layout for header + sidebar + content structure
 * Load this BEFORE sidebar CSS files
 */

/* Reset body/html to full viewport */
html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}

/* Main container - flex layout for sidebar + content */
#neuralstack-body {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: calc(100vh - 40px); /* Account for 40px header */
    overflow: hidden;
    position: relative;
}

/* Content area takes remaining space */
#neuralstack-content {
    flex: 1;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

/* App container inside content */
#neuralstack-content #app {
    width: 100%;
    height: 100%;
    position: relative;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    #neuralstack-body.sidebar-mini .neuralstack-sidebar {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1000;
        box-shadow: 2px 0 8px rgba(0, 0, 0, 0.3);
        
    }

    #neuralstack-body{
padding-left: 55px;
    }
}