/* Global styles for BlazorMonaco Editor */
/* These styles are not scoped to allow proper styling of Monaco's internal elements */

.monaco-editor-container {
    width: 100% !important;
    height: 100% !important;
    min-height: 600px !important;
    display: block !important;
}

/* Ensure Monaco Editor fills its container - target all nested divs */
.monaco-editor-container > div,
.monaco-editor-container > div > div {
    height: 100% !important;
    width: 100% !important;
    min-height: 600px !important;
}

/* Target the monaco-editor class specifically - this is the one that's 5px */
.monaco-editor.no-user-select.showUnused.showDeprecated.vs-dark,
.monaco-editor {
    height: 100% !important;
    width: 100% !important;
    min-height: 600px !important;
}

.monaco-editor .overflow-guard,
.monaco-editor .monaco-scrollable-element {
    height: 100% !important;
    min-height: 600px !important;
}