/* Adjusting the container to fit CodeMirror */
.cm-editor {
    height: 100%;
    width: 100%;
    background: transparent;
}

.cm-scroller {
    overflow: auto;
    font-family: 'Courier New', monospace;
}

/* Scrollbars for CodeMirror to match the retro theme */
.cm-scroller::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.cm-scroller::-webkit-scrollbar-track {
    background: #000;
}

.cm-scroller::-webkit-scrollbar-thumb {
    background: #0f0;
    border: 1px solid #000;
}

.cm-scroller::-webkit-scrollbar-thumb:hover {
    background: #0ff;
}

/* Linting error marker */
.cm-lintRange-error {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="3"><path d="m0 3l3-3l3 3" stroke="red" stroke-width="2" fill="none"/></svg>');
    background-position: bottom;
    background-repeat: repeat-x;
    padding-bottom: 1px;
}

/* Tooltip Pointer Arrow correction for black background */
.cm-tooltip-arrow:before {
    border-top-color: #0f0 !important;
}
.cm-tooltip-arrow:after {
    border-top-color: #000 !important;
}

/* === NEW: CONSOLE INPUT SPECIFIC STYLES === */

/* Wrapper to ensure flex growth */
.console-input-wrapper {
    flex: 1;
    display: flex;
    min-height: 24px; /* Match original input height */
    align-items: center;
}

/* Specific styles for the console input editor */
.console-input-wrapper .cm-editor {
    height: auto;
    min-height: 24px;
    border: none;
    outline: none;
}

/* Hide gutters (line numbers) specifically for the console input */
.console-input-wrapper .cm-gutters {
    display: none !important;
}

/* Remove padding/border for seamless look */
.console-input-wrapper .cm-content {
    padding: 0;
}

/* Make it look like the active line */
.console-input-wrapper .cm-activeLine {
    background: transparent; 
}