/* SOLUÇÃO RESPONSIVA PARA OS FILTROS */
.filter-flex-container { display: flex; flex-wrap: wrap; gap: 15px; width: 100%; margin: 0; padding: 0; }
.filter-flex-item { flex: 1 1 180px; min-width: 0; }
.filter-flex-item label { display: block; margin-bottom: 5px; font-weight: 600; }
.filter-flex-item .form-control { width: 100%; }
.filter-flex-actions { flex: 1 1 200px; display: flex; flex-direction: column; }
.filter-flex-buttons { display: flex; gap: 10px; margin-top: auto; }
.filter-flex-buttons button { flex: 1; display: flex; align-items: center; justify-content: center; }
.filter-flex-buttons button i { margin-right: 5px; }
@media (max-width: 576px) { .filter-flex-container { flex-direction: column; gap: 10px; } .filter-flex-item { flex: 0 0 100%; max-width: 100%; } }