.cm-s-midnight .CodeMirror-gutters,
.cm-s-midnight.CodeMirror {
    background: #000 !important;
    color: #fff !important;
    border: 1px solid #8d8dff;
    border-radius: 0;
}

.cm-s-midnight .CodeMirror-gutters {
    background: rgba(15, 10, 25, 0.9);
    color: #AD8CFF;
    border-right: 1px solid rgba(173, 140, 255, 0.4);
}

.cm-s-midnight .CodeMirror-cursor {
    border-left: solid thin #df23c4;
}

.cm-s-midnight .CodeMirror-linenumber {
    color: #AD8CFF;
}

.cm-s-midnight .CodeMirror-selected {
    background: rgba(173, 140, 255, 0.18);
}

.cm-s-midnight .CodeMirror-line::selection,
.cm-s-midnight .CodeMirror-line>span::selection,
.cm-s-midnight .CodeMirror-line>span>span::selection {
    background: rgba(173, 140, 255, 0.18);
}

.cm-s-midnight .CodeMirror-line::-moz-selection,
.cm-s-midnight .CodeMirror-line>span::-moz-selection,
.cm-s-midnight .CodeMirror-line>span>span::-moz-selection {
    background: rgba(173, 140, 255, 0.18);
}

.cm-s-midnight .CodeMirror-activeline-background {
    background: rgba(173, 140, 255, 0.05);
}

.cm-s-midnight .CodeMirror-matchingbracket {
    text-decoration: underline;
    color: #df23c4 !important;
}

.cm-s-midnight span.cm-comment {
    color: #9ae4f1;
    font-style: italic;
}

.cm-s-midnight span.cm-keyword {
    color: #df23c4;
    font-weight: bold;
}

.cm-s-midnight span.cm-string {
    color: #95f695;
}

.cm-s-midnight span.cm-string-2 {
    color: #95f695;
}

.cm-s-midnight span.cm-number {
    color: #AD8CFF;
}

.cm-s-midnight span.cm-variable {
    color: #fff;
}

.cm-s-midnight span.cm-variable-2 {
    color: #AD8CFF;
}

.cm-s-midnight span.cm-variable-3 {
    color: #8d8dff;
}

.cm-s-midnight span.cm-def {
    color: #8d8dff;
}

.cm-s-midnight span.cm-operator {
    color: #df23c4;
}

.cm-s-midnight span.cm-atom {
    color: #AD8CFF;
}

.cm-s-midnight span.cm-meta {
    color: #9ae4f1;
}

.cm-s-midnight span.cm-tag {
    color: #8d8dff;
}

.cm-s-midnight span.cm-attribute {
    color: #AD8CFF;
}

.cm-s-midnight span.cm-qualifier {
    color: #df23c4;
}

.cm-s-midnight span.cm-property {
    color: #8d8dff;
}

.cm-s-midnight span.cm-builtin {
    color: #8d8dff;
}

.cm-s-midnight span.cm-type {
    color: #8d8dff;
}

.cm-s-midnight span.cm-bracket {
    color: #fff;
}

.cm-s-midnight span.cm-hr {
    color: #9ae4f1;
}

.cm-s-midnight span.cm-link {
    color: #95f695;
}

.cm-s-midnight span.cm-error {
    color: #FF6B6B;
    background: rgba(255, 107, 107, 0.1);
}

/* Hint styling for autocomplete */
.CodeMirror-hints {
    background: #0f0f23 !important;
    border: 1px solid #646cff !important;
    box-shadow: 0 0 8px rgba(100, 108, 255, 0.25) !important;
}

.CodeMirror-hint {
    color: #c9d1d9 !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(100, 108, 255, 0.2) !important;
}

li.CodeMirror-hint-active {
    background: rgba(100, 108, 255, 0.2) !important;
    color: #ffffff !important;
}

.cm-s-midnight .CodeMirror-vscrollbar::-webkit-scrollbar,
.cm-s-midnight .CodeMirror-hscrollbar::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.cm-s-midnight .CodeMirror-vscrollbar::-webkit-scrollbar-track,
.cm-s-midnight .CodeMirror-hscrollbar::-webkit-scrollbar-track {
    background: #0f0f23;
}

.cm-s-midnight .CodeMirror-vscrollbar::-webkit-scrollbar-thumb,
.cm-s-midnight .CodeMirror-hscrollbar::-webkit-scrollbar-thumb {
    background: #646cff;
    border-radius: 3px;
}

.cm-s-midnight .CodeMirror-vscrollbar::-webkit-scrollbar-thumb:hover,
.cm-s-midnight .CodeMirror-hscrollbar::-webkit-scrollbar-thumb:hover {
    background: #5a62e6;
}

.CodeMirror-hints::-webkit-scrollbar {
    width: 6px;
}

.CodeMirror-hints::-webkit-scrollbar-track {
    background: #0f0f23;
}

.CodeMirror-hints::-webkit-scrollbar-thumb {
    background: #646cff;
    border-radius: 3px;
}