/* Barre de filtres partagée (ActionBar.html.twig + les Filters* Live Components) — RS-70.
   Remplace les largeurs fixes en pixels par des largeurs relatives/plafonnées, et permet aux
   champs de filtre de passer à la ligne au lieu de déborder horizontalement en dessous de 768px. */

.action-bar-row {
    flex-wrap: wrap;
}

.action-bar-filters {
    flex-wrap: wrap;
}

/* Le groupe "du [date] au [date]" reste toujours d'un seul tenant (jamais de retour à la ligne
   entre un label et son champ) — c'est le groupe entier qui passe à la ligne suivante via
   .action-bar-filters, pas ses éléments un par un. */
.action-bar-date-range {
    flex-wrap: nowrap;
}

.filter-select {
    flex: 0 1 200px;
    max-width: 100%;
}

.filter-date {
    flex: 0 1 120px;
    max-width: 100%;
    min-width: 0;
}

@media (max-width: 480px) {
    .filter-date {
        flex-basis: 100px;
    }
}

.action-bar-count {
    flex: 1 1 200px;
    min-width: 0;
}

.action-bar-search {
    flex: 2 1 240px;
    max-width: 400px;
}

.action-bar-pagination {
    flex: 0 1 auto;
    max-width: 100%;
    overflow-x: auto;
}

@media (max-width: 767.98px) {
    .action-bar-pagination {
        justify-content: center !important;
    }
}