.cm-s-lain .CodeMirror-gutters,
.cm-s-lain.CodeMirror {
    background: #000000 !important;
    color: #AD717B !important;
    border: 1px solid #C4748D;
    border-radius: 0;
}

.cm-s-lain .CodeMirror-gutters {
    background: #000000;
    color: #85474B;
    border-right: 1px solid #C4748D;
}

.cm-s-lain .CodeMirror-cursor {
    border-left: solid thin #D4758C;
}

.cm-s-lain .CodeMirror-linenumber {
    color: #85474B;
}

.cm-s-lain .CodeMirror-selected {
    background: rgba(196, 116, 141, 0.2);
}

.cm-s-lain .CodeMirror-line::selection,
.cm-s-lain .CodeMirror-line>span::selection,
.cm-s-lain .CodeMirror-line>span>span::selection {
    background: rgba(196, 116, 141, 0.2);
}

.cm-s-lain .CodeMirror-line::-moz-selection,
.cm-s-lain .CodeMirror-line>span::-moz-selection,
.cm-s-lain .CodeMirror-line>span>span::-moz-selection {
    background: rgba(196, 116, 141, 0.2);
}

.cm-s-lain .CodeMirror-activeline-background {
    background: rgba(196, 116, 141, 0.05);
}

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

.cm-s-lain span.cm-comment {
    color: #85474B;
    font-style: italic;
}

.cm-s-lain span.cm-keyword {
    color: #D4758C;
    font-weight: bold;
}

.cm-s-lain span.cm-string {
    color: #C4748D;
}

.cm-s-lain span.cm-string-2 {
    color: #C4748D;
}

.cm-s-lain span.cm-number {
    color: #C3B193;
}

.cm-s-lain span.cm-variable {
    color: #AD717B;
}

.cm-s-lain span.cm-variable-2 {
    color: #C3B193;
}

.cm-s-lain span.cm-variable-3 {
    color: #85474B;
}

.cm-s-lain span.cm-def {
    color: #AD717B;
}

.cm-s-lain span.cm-operator {
    color: #C4748D;
}

.cm-s-lain span.cm-atom {
    color: #C3B193;
}

.cm-s-lain span.cm-meta {
    color: #85474B;
}

.cm-s-lain span.cm-tag {
    color: #D4758C;
}

.cm-s-lain span.cm-attribute {
    color: #C3B193;
}

.cm-s-lain span.cm-qualifier {
    color: #D4758C;
}

.cm-s-lain span.cm-property {
    color: #C3B193;
}

.cm-s-lain span.cm-builtin {
    color: #D4758C;
}

.cm-s-lain span.cm-type {
    color: #D4758C;
}

.cm-s-lain span.cm-bracket {
    color: #C4748D;
}

.cm-s-lain span.cm-hr {
    color: #85474B;
}

.cm-s-lain span.cm-link {
    color: #C4748D;
}

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

/* Hint styling for autocomplete */
.CodeMirror-hints {
    background: #0d0d0d !important;
    border: 1px solid #4ECDC4 !important;
    box-shadow: 0 0 5px rgba(78, 205, 196, 0.2) !important;
}

.CodeMirror-hint {
    color: #FFE66D !important;
    background: transparent !important;
    border-bottom: 1px solid rgba(78, 205, 196, 0.15) !important;
}

li.CodeMirror-hint-active {
    background: rgba(78, 205, 196, 0.15) !important;
    color: #ffffff !important;
}

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

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

.cm-s-lain .CodeMirror-vscrollbar::-webkit-scrollbar-thumb,
.cm-s-lain .CodeMirror-hscrollbar::-webkit-scrollbar-thumb {
    background: #4ECDC4;
    border-radius: 3px;
}

.cm-s-lain .CodeMirror-vscrollbar::-webkit-scrollbar-thumb:hover,
.cm-s-lain .CodeMirror-hscrollbar::-webkit-scrollbar-thumb:hover {
    background: #45b3a7;
}

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

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

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