.console-body::-webkit-scrollbar {
    width: 8px;
}
.console-body::-webkit-scrollbar-track {
    background: rgba(30, 30, 46, 0.8);
    border-radius: 4px;
}
.console-body::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #646cff, #8b5cf6);
    border-radius: 4px;
    border: 1px solid rgba(100, 108, 255, 0.3);
    box-shadow: 0 2px 8px rgba(100, 108, 255, 0.3);
}
.console-body::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #747bff, #9d69f7);
    box-shadow: 0 2px 12px rgba(100, 108, 255, 0.5);
}
.console-body::-webkit-scrollbar-thumb:active {
    background: linear-gradient(135deg, #565bf0, #7a4de6);
}
.console-body::-webkit-scrollbar-corner {
    background: transparent;
}
.console-body::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30px;
    background: linear-gradient(transparent, rgba(30, 30, 46, 0.8));
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.console-body.scrolled::after {
    opacity: 1;
}
.CodeMirror-vscrollbar::-webkit-scrollbar {
    width: 8px;
}
.CodeMirror-vscrollbar::-webkit-scrollbar-track {
    background: rgba(30, 30, 46, 0.8);
    border-radius: 4px;
}
.CodeMirror-vscrollbar::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #646cff, #8b5cf6);
    border-radius: 4px;
    border: 1px solid rgba(100, 108, 255, 0.3);
    box-shadow: 0 2px 8px rgba(100, 108, 255, 0.3);
}
.CodeMirror-vscrollbar::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #747bff, #9d69f7);
    box-shadow: 0 2px 12px rgba(100, 108, 255, 0.5);
}
.CodeMirror-vscrollbar::-webkit-scrollbar-thumb:active {
    background: linear-gradient(135deg, #565bf0, #7a4de6);
}
.CodeMirror-vscrollbar::-webkit-scrollbar-corner {
    background: transparent;
}
.CodeMirror-hscrollbar::-webkit-scrollbar {
    height: 8px;
}
.CodeMirror-hscrollbar::-webkit-scrollbar-track {
    background: rgba(30, 30, 46, 0.8);
    border-radius: 4px;
}
.CodeMirror-hscrollbar::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #646cff, #8b5cf6);
    border-radius: 4px;
    border: 1px solid rgba(100, 108, 255, 0.3);
    box-shadow: 0 2px 8px rgba(100, 108, 255, 0.3);
}
.CodeMirror-hscrollbar::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #747bff, #9d69f7);
    box-shadow: 0 2px 12px rgba(100, 108, 255, 0.5);
}
.CodeMirror-hscrollbar::-webkit-scrollbar-thumb:active {
    background: linear-gradient(135deg, #565bf0, #7a4de6);
}
.CodeMirror-scroll::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.CodeMirror-scroll::-webkit-scrollbar-track {
    background: rgba(30, 30, 46, 0.8);
    border-radius: 4px;
}
.CodeMirror-scroll::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #646cff, #8b5cf6);
    border-radius: 4px;
    border: 1px solid rgba(100, 108, 255, 0.3);
    box-shadow: 0 2px 8px rgba(100, 108, 255, 0.3);
}
.CodeMirror-scroll::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #747bff, #9d69f7);
    box-shadow: 0 2px 12px rgba(100, 108, 255, 0.5);
}
.CodeMirror-scroll::-webkit-scrollbar-thumb:active {
    background: linear-gradient(135deg, #565bf0, #7a4de6);
}
.autocomplete-box::-webkit-scrollbar {
    width: 8px !important;
}
.autocomplete-box::-webkit-scrollbar-track {
    background: #1e1e2e !important;
    border-radius: 4px !important;
}
.autocomplete-box::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #646cff, #8b5cf6) !important;
    border-radius: 4px !important;
}
.autocomplete-box::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #747bff, #9d69f7) !important;
}