/* Filtre de rarete a selection multiple, partage par le catalogue, la collection, le marche
   et le selecteur de l'ecran d'echange. Sorti de pages.css le 2026-09-07 : ce fichier
   repassait 300 lignes, la limite du projet. */
.rf { position: relative; }
.rf-toggle { display: inline-flex; align-items: center; gap: var(--s2); padding: 9px 14px;
             border: 1px solid var(--border); border-radius: var(--r-md); background: transparent;
             color: var(--ink); font: inherit; font-size: 0.85rem; cursor: pointer; transition: 0.16s; }
.rf-toggle:hover { border-color: var(--border-strong); }
.rf.is-filtered .rf-toggle { border-color: var(--border-strong); color: var(--accent); }
.rf-label { letter-spacing: 0.08em; text-transform: uppercase; font-size: 0.72rem; color: var(--ink-dim); }
.rf-summary { font-variant-numeric: tabular-nums; }
.rf-caret { color: var(--ink-faint); }
.rf-toggle[aria-expanded="true"] .rf-caret { transform: rotate(180deg); }

/* Hors flux : dans le flux, ouvrir le menu pousserait la grille de cartes vers le bas. */
.rf-panel { position: absolute; top: calc(100% + 6px); left: 0; z-index: 20; min-width: 220px;
            padding: var(--s2); border: 1px solid var(--border-strong); border-radius: var(--r-md);
            background: var(--bg-raised); box-shadow: 0 14px 34px rgba(0, 0, 0, 0.5); }
.rf-opt { display: flex; align-items: center; gap: var(--s2); padding: 8px 10px; border-radius: 8px;
          cursor: pointer; transition: background 0.12s; }
.rf-opt:hover { background: var(--accent-soft); }
.rf-opt input { accent-color: var(--accent); cursor: pointer; }
.rf-all { border-bottom: 1px solid var(--border); border-radius: 8px 8px 0 0; margin-bottom: 4px; }
.rf-name { font-size: 0.85rem; }
/* Le compteur file à droite et ne se comprime jamais : c'est la valeur, elle doit rester lisible. */
.rf-count { margin-left: auto; flex: 0 0 auto; font-size: 0.75rem; color: var(--ink-faint);
            font-variant-numeric: tabular-nums; white-space: nowrap; }