/* 文件夹SVG图标样式 */

/* 基础文件夹SVG图标样式 */
.folder-header .icon svg,
.no-results-icon svg {
    width: 20px !important;
    height: 20px !important;
    display: inline-block;
    vertical-align: middle;
}

/* 搜索结果中的文件夹图标 */
.zib-search-results .folder-header .icon svg {
    width: 18px !important;
    height: 18px !important;
}

/* 移动端响应式调整 */
@media (max-width: 768px) {
    .folder-header .icon svg,
    .no-results-icon svg {
        width: 22px !important;
        height: 22px !important;
    }
    
    /* 紧凑布局下的文件夹图标 */
    .mobile-compact .folder-header .icon svg {
        width: 16px !important;
        height: 16px !important;
    }
}

/* 选中状态下的文件夹图标 */
.folder-header.selected .icon svg {
    filter: brightness(1.1) saturate(1.2);
}

/* 悬停效果 */
.folder-header:hover .icon svg {
    transform: scale(1.05);
    transition: transform 0.2s ease;
}

/* 无结果页面的文件夹图标 */
.no-results-icon svg {
    width: 48px !important;
    height: 48px !important;
    opacity: 0.6;
}

/* 文件夹图标在不同状态下的颜色调整 */
.folder-header.active .icon svg path {
    fill: #FFB02C !important;
}

.folder-header.loading .icon svg {
    animation: pulse 1.5s ease-in-out infinite;
}

@keyframes pulse {
    0% { opacity: 1; }
    50% { opacity: 0.5; }
    100% { opacity: 1; }
}