/* ============================================================================
   EasyCertif — Factures certifiées : le filtre de l'historique (.cfh-*)
   ----------------------------------------------------------------------------
   Le formulaire de l'onglet « Historique » d'EasyTaxe : préréglages de période
   (.mx-seg du gabarit), bornes et date de référence, recherche, puis le bloc
   « Plus de critères ». Au-dessus de la liste, la bande des totaux du filtre,
   comptés en base. Géométrie seulement : les couleurs sont celles du gabarit.
   ============================================================================ */

.cfh-filtre { display: flex; flex-direction: column; gap: var(--et-criteres-gap); padding: var(--et-criteres-py) var(--et-criteres-px); margin-bottom: var(--et-criteres-mb); }
.cfh-rang { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.cfh-avances { padding-top: 10px; border-top: 1px solid var(--et-hairline); }
.cfh-champ { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--et-muted); }
.cfh-champ .mx-input { min-width: 0; }
.cfh-court { width: 110px; }
.cfh-large .mx-input { width: 260px; }
.cfh-recherche { flex: 1 1 220px; min-width: 180px; }

.cfh-totaux {
    display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px;
    padding: 12px 16px; border-bottom: 1px solid var(--et-hairline); font-size: 13px; color: var(--et-muted);
}
.cfh-totaux strong { color: var(--et-ink); }
.cfh-discret { color: var(--et-faint); }

/* Le segment des sept préréglages défile plutôt que de pousser la page au-delà de l'écran. */
@media (max-width: 1024px) {
    .cfh-filtre .mx-seg { max-width: 100%; overflow-x: auto; }
    .cfh-large .mx-input { width: 100%; }
    .cfh-large { flex: 1 1 100%; }
}