/* ===== 筛选组件通用样式 — solutions / proposals / cases 三页共用 ===== */

.filter-section{background:#fff;padding:var(--spacing-lg) 0;border-bottom:1px solid var(--border-light);position:sticky;top:var(--header-height);z-index:100;box-shadow:var(--shadow-sm)}

.filter-group{margin-bottom:var(--spacing-md);display:flex;align-items:flex-start;gap:var(--spacing-sm)}
.filter-group:last-of-type{margin-bottom:var(--spacing-md)}

.filter-label{font-size:14px;font-weight:600;color:var(--body-text);min-width:80px;padding-top:8px;flex-shrink:0}

.filter-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;flex:1}

.filter-tag{padding:8px 16px;border-radius:20px;background:var(--page-bg);border:1px solid var(--border);color:var(--body-text);cursor:pointer;white-space:nowrap;transition:all var(--transition-base);font-size:14px;font-weight:500}
.filter-tag:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}
.filter-tag.active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px rgba(211,2,11,.2)}

/* 多选过滤标签（cases 页业务类型） */
.filter-tags-multi{display:flex;gap:var(--spacing-xs);flex-wrap:wrap;flex:1}
.filter-tag-multi{padding:6px 14px;border-radius:16px;background:#fff;border:1px solid var(--border);color:var(--secondary-text);cursor:pointer;white-space:nowrap;transition:all var(--transition-base);font-size:13px;font-weight:500}
.filter-tag-multi:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}
.filter-tag-multi.active{background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;border-color:var(--primary);box-shadow:0 2px 8px rgba(211,2,11,.25)}

.filter-tags-multi.collapsed{max-height:38px;overflow:hidden}
.filter-tags-expand{display:none;align-items:center;gap:4px;padding:5px 14px;border-radius:14px;background:var(--primary-light);border:1px solid var(--primary);color:var(--primary);cursor:pointer;font-size:13px;white-space:nowrap;transition:all .2s;margin-top:4px;align-self:center;flex-shrink:0}
.filter-tags-expand:hover{background:var(--primary);color:#fff}
.filter-tags-expand.visible{display:inline-flex}

.filter-result{display:flex;justify-content:space-between;align-items:center;padding-top:var(--spacing-sm);border-top:1px solid var(--border-light)}

.result-count{font-size:14px;color:var(--secondary-text)}
.result-count strong{color:var(--primary);font-size:18px}

.btn-reset{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--page-bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--secondary-text);font-size:13px;cursor:pointer;transition:all var(--transition-base)}
.btn-reset:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}

.search-box{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid var(--border);border-radius:20px;transition:all var(--transition-base);max-width:320px}
.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(211,2,11,.1)}
.search-box .iconify{font-size:18px;color:var(--secondary-text);flex-shrink:0}
.search-box input{flex:1;border:none;outline:none;font-size:14px;background:transparent;color:var(--body-text);min-width:0}
.search-box input::placeholder{color:#c0c4cc}