/**
 * 项目面板 - 创建项目文件夹按钮样式（独立）
 * 仅用于项目面板列表下方按钮，不与审核/素材市场等其它面板通用
 * 作用域：限定在 #review-panel 内，保证面板独立性
 */

/* 底部按钮容器：固定在列表下方，不参与列表滚动 */
#review-panel .review-folder-list-footer {
    flex-shrink: 0;
    margin-top: var(--review-spacing-md, 12px);
    padding-top: var(--review-spacing-md, 12px);
    border-top: 1px solid var(--review-border-color, rgba(255, 255, 255, 0.08));
}

/* 底部一行：创建按钮 + 显示方式按钮 */
#review-panel .review-folder-list-footer__row {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* 创建项目文件夹按钮 - 占据剩余宽度，弱化样式，不抢眼 */
#review-panel .review-create-project-folder-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 1;
    min-width: 0;
    padding: 10px 14px;
    font-family: "Microsoft YaHei", "微软雅黑", "SimSun", "宋体", "Arial", sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.82);
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--review-radius-md, 8px);
    cursor: pointer;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

#review-panel .review-create-project-folder-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.16);
    color: rgba(255, 255, 255, 0.92);
}

#review-panel .review-create-project-folder-btn:active {
    background: rgba(255, 255, 255, 0.04);
}

#review-panel .review-create-project-folder-btn:focus {
    outline: none;
    border-color: rgba(255, 255, 255, 0.2);
}

/* 参与项目下：灰显冻结不可用 */
#review-panel .review-create-project-folder-btn:disabled {
    opacity: 0.45;
    cursor: not-allowed;
    color: rgba(255, 255, 255, 0.45);
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.06);
}

#review-panel .review-create-project-folder-btn:disabled:hover {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.45);
}

/* 按钮内图标 */
#review-panel .review-create-project-folder-btn__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

#review-panel .review-create-project-folder-btn__icon svg {
    display: block;
}

/* 按钮文字 */
#review-panel .review-create-project-folder-btn__text {
    white-space: nowrap;
}