/**
 * Layout Fixes - Additional positioning and visibility fixes
 */

/* Ensure proper stacking context */
html, body {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

/* Canvas should be behind controls */
#canvas-container {
    pointer-events: none;
}

#oscilloscope {
    pointer-events: none;
}

/* Controls should be interactive */
#controls {
    pointer-events: all;
}

/* MIDI panel should be above canvas but allow controls interaction */
.midi-mapping-overlay {
    pointer-events: all;
}

/* Ensure close button is always clickable */
.midi-close-btn {
    pointer-events: all;
    position: relative;
    z-index: 1;
}

/* Make sure the panel is interactive when visible */
.midi-mapping-overlay.visible {
    pointer-events: all;
}

/* Keep body scrollable - side panel doesn't need to block scroll */
body {
    overflow: hidden;
}

/* Ruler positioning fix */
.scale-ruler {
    pointer-events: none;
}

/* Control hint positioning */
#control-hint {
    pointer-events: none;
}