/* Monaco Editor Özel Stilleri */

/* Monaco Editör Konteyner */
#monaco-container {
    width: 100%;
    height: 400px;
    border: 1px solid #ddd;
    position: relative;
    margin-bottom: 10px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

/* Kaydırma Çubukları İçin Özel Stiller */
.monaco-scrollable-element > .scrollbar > .slider {
    background: rgba(100, 100, 100, 0.8) !important;
    border-radius: 10px !important;
    width: 16px !important;
}

.monaco-scrollable-element > .scrollbar.vertical > .slider {
    width: 16px !important;
}

.monaco-scrollable-element > .scrollbar.horizontal > .slider {
    height: 16px !important;
}

.monaco-scrollable-element > .scrollbar > .slider:hover,
.monaco-scrollable-element > .scrollbar > .slider.active {
    background: rgba(120, 120, 120, 0.9) !important;
}

/* Editör İçerik Alanı */
.monaco-editor .monaco-editor-background {
    transition: background-color 0.3s ease;
}

/* Aktif Satır Vurgusu */
.monaco-editor .current-line {
    border: none !important;
    background-color: rgba(100, 100, 100, 0.1) !important;
}

/* Koyu Tema İçin Özel Renkler */
.monaco-editor.vs-dark .current-line {
    background-color: rgba(255, 255, 255, 0.07) !important;
}

.monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar > .slider {
    background: rgba(200, 200, 200, 0.4) !important;
}

.monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar > .slider:hover,
.monaco-editor.vs-dark .monaco-scrollable-element > .scrollbar > .slider.active {
    background: rgba(220, 220, 220, 0.6) !important;
}

/* Editor Genel Performans İyileştirmeleri */
.monaco-editor {
    text-rendering: optimizeSpeed !important;
    will-change: transform;
    backface-visibility: hidden;
}