/* styles.css - 代码管理工具全局样式 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 基础样式 */
body {
    background-color: #121212 !important;
    color: #e0e0e0 !important;
    font-family: Consolas, Monaco, 'Courier New', monospace !important;
    height: 100vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

/* 颜色变量 */
:root {
    --color-primary: #4299e1;
    --color-sidebar: #1e1e2e;
    --color-editor: #121212;
    --color-panel: #282838;
    --color-success: #48bb78;
    --color-warning: #f6ad55;
    --color-danger: #f56565;
    --color-text-muted: #a0aec0;
    --color-gray-600: #4a5568;
    --color-gray-700: #374151;
    --color-gray-800: #2d3748;
}

/* 滚动条样式 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: var(--color-panel);
}
::-webkit-scrollbar-thumb {
    background: var(--color-gray-600);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--color-gray-700);
}

/* 自定义工具类 */
.content-auto {
    content-visibility: auto;
}
.scrollbar-hide {
    scrollbar-width: none;
    -ms-overflow-style: none;
}
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}

/* 编辑器行号 */
.editor-line {
    counter-increment: line;
}
.editor-line::before {
    content: counter(line);
    display: inline-block;
    width: 1.5rem;
    margin-right: 1rem;
    text-align: right;
    color: #666;
}

/* 按钮 hover 效果 */
.btn-hover {
    transition: background-color 0.2s ease;
}
.btn-hover:hover {
    background-color: var(--color-gray-600) !important;
}

/* 活跃导航样式 */
.nav-active {
    background-color: rgba(66, 153, 225, 0.2) !important;
    border-left: 2px solid var(--color-primary) !important;
    color: #fff !important;
}