/* ============================================================
   tableau-search.css
   Allure de la barre de recherche des tableaux de projets.

   SEULE SOURCE DE VERITE · ces regles vivaient en 5 copies
   identiques dans projets/css/{index,nouveaux-contrats,production,
   termine,annulees}.css. Elles sont maintenant ici, et un
   changement s'applique aux 5 tableaux d'un coup.

   Le HTML et le cablage vivent dans assets/tableau-search.js.
   ============================================================ */

/* Recherche dans un pill · le bouton Filtre (pastille) est injecte
   a l'interieur par createTableauFilters, d'ou le padding-right. */
.search-group {
  display: flex; align-items: center;
  flex: 1; max-width: 560px;
  height: 38px; padding-right: 5px;
  border: 1px solid var(--hairline); border-radius: var(--r-pill);
  background: var(--canvas);
  transition: border-color 0.15s;
}
.search-group:focus-within { border-color: var(--primary); }
.search-group input[type="search"] {
  flex: 1; min-width: 0; height: 100%;
  border: none; background: transparent; outline: none;
  padding: 0 14px; font-size: 13px; font-family: inherit; color: var(--ink);
  border-radius: var(--r-pill);
}