/**
 * 滚动条样式
 * 统一的美化滚动条样式
 */

/* 滚动条美化 */
.folder-list::-webkit-scrollbar,
.folder-content::-webkit-scrollbar,
.feedback-history-list::-webkit-scrollbar,
.autocomplete-dropdown::-webkit-scrollbar,
.upload-modal::-webkit-scrollbar {
    width: 8px;
}

.folder-list::-webkit-scrollbar-track,
.folder-content::-webkit-scrollbar-track,
.feedback-history-list::-webkit-scrollbar-track,
.autocomplete-dropdown::-webkit-scrollbar-track,
.upload-modal::-webkit-scrollbar-track {
    background: var(--bg-tertiary);
    border-radius: 4px;
    margin: 2px;
}

.folder-list::-webkit-scrollbar-thumb,
.folder-content::-webkit-scrollbar-thumb,
.feedback-history-list::-webkit-scrollbar-thumb,
.autocomplete-dropdown::-webkit-scrollbar-thumb,
.upload-modal::-webkit-scrollbar-thumb {
    background: var(--gradient-primary);
    border-radius: 4px;
    border: 1px solid var(--border-primary);
}

.folder-list::-webkit-scrollbar-thumb:hover,
.folder-content::-webkit-scrollbar-thumb:hover,
.feedback-history-list::-webkit-scrollbar-thumb:hover,
.autocomplete-dropdown::-webkit-scrollbar-thumb:hover,
.upload-modal::-webkit-scrollbar-thumb:hover {
    background: var(--gradient-accent);
    box-shadow: var(--shadow-sm);
}

.folder-list::-webkit-scrollbar-thumb:active,
.folder-content::-webkit-scrollbar-thumb:active,
.feedback-history-list::-webkit-scrollbar-thumb:active,
.autocomplete-dropdown::-webkit-scrollbar-thumb:active,
.upload-modal::-webkit-scrollbar-thumb:active {
    background: linear-gradient(135deg, #4a5bc8 0%, #5a3190 100%);
}

.folder-list,
.folder-content,
.upload-modal {
    scrollbar-width: thin;
    scrollbar-color: var(--text-accent) var(--bg-tertiary);
    scroll-behavior: smooth;
}

.folder-list:focus {
    outline: none;
    box-shadow: 0 0 0 2px rgba(102, 126, 234, 0.3);
    border-radius: var(--radius-md);
}

.folder-list:hover {
    box-shadow: var(--shadow-sm);
}