/**
 * 项目面板 - 文件夹选项卡样式
 * 使用 review- 前缀确保样式独立
 */

/* 文件夹选项卡容器 */
#review-panel .review-folder-tabs-container {
    display: flex;
    gap: var(--review-spacing-xs, var(--spacing-xs));
    padding: var(--review-spacing-sm, var(--spacing-sm)) var(--review-spacing-md, var(--spacing-md));
    background: #0f0f0f;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    margin-bottom: var(--review-spacing-xs, var(--spacing-xs));
    flex-shrink: 0;
}

/* 文件夹选项卡按钮 */
#review-panel .review-folder-tab {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--review-spacing-xs, var(--spacing-xs));
    padding: var(--review-spacing-sm, var(--spacing-sm)) var(--review-spacing-md, var(--spacing-md));
    background: transparent;
    border: none;
    border-radius: var(--review-radius-sm, var(--radius-sm));
    color: var(--review-text-secondary, var(--text-secondary));
    font-size: 13px;
    font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体", "Arial", sans-serif;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

#review-panel .review-folder-tab:hover {
    background: rgba(255, 255, 255, 0.05);
    color: var(--review-text-primary, var(--text-primary));
}

#review-panel .review-folder-tab.active {
    background: rgba(255, 255, 255, 0.04);
    color: var(--review-text-primary, var(--text-primary));
    font-weight: 500;
}

#review-panel .review-folder-tab.active::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 2px;
    background: rgba(37, 99, 235, 0.65);
    border-radius: 2px 2px 0 0;
}

/* 选项卡图标 */
#review-panel .review-tab-icon {
    font-size: 14px;
    line-height: 1;
}

/* 选项卡文字 */
#review-panel .review-tab-text {
    font-size: 13px;
    line-height: 1.4;
}