.filter-controls {
margin-bottom: 2rem;
}
.filter-category {
margin-bottom: 1.5rem;
}
.filter-category h4 {
margin-bottom: 0.75rem;
font-size: 1.1rem;
font-weight: 600;
}
.filter-buttons {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.filter-button {
padding: 0.5rem 1rem;
border: 1px solid #ddd;
border-radius: 4px;
background: #fff;
cursor: pointer;
transition: all 0.2s ease;
}
.filter-button:hover {
background: #f5f5f5;
}
.filter-button.active {
background: #007bff;
color: #fff;
border-color: #007bff;
} .document-card {
transition: opacity 0.3s ease;
}
.document-card[style*="display: none"] {
opacity: 0;
}