/* Écran « Demandes du site » (05/09/2026) — le sas d'Adrien.
   ==========================================================================
   Fichier À PART, et c'est délibéré : `style.css` et `ui-v2.css` sont tenus
   par d'autres chantiers ce jour-là, et une feuille de dix règles n'a aucune
   raison d'aller s'insérer au milieu de 4 000 lignes partagées.

   Tout est exprimé en JETONS existants (--fond-surface, --bordure, --texte…)
   plutôt qu'en couleurs écrites : le CRM a deux thèmes, et une valeur en dur
   ici serait illisible dans l'autre. */

/* La pastille du menu : le nombre de demandes en attente. Sans elle, le sas
   est un endroit où il FAUT PENSER à aller — et un sas qu'on oublie est pire
   qu'une prospection polluée, parce qu'il est invisible. */
.sr-pastille {
  display: inline-block;
  min-width: 18px;
  margin-left: 6px;
  padding: 0 5px;
  border-radius: 9px;
  background: var(--sobria-cuivre, #c3793a);
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 18px;
  text-align: center;
  vertical-align: middle;
}

/* Un indice calculé (texte_absent, telephone_illisible…). Gris et discret :
   c'est une observation, pas un verdict — le verdict, lui, est le statut. */
.sr-indice {
  display: inline-block;
  margin-right: 6px;
  padding: 1px 7px;
  border: 1px solid var(--bordure, #ded7c8);
  border-radius: 10px;
  color: var(--texte-attenue, #555c6e);
  font-size: 11.5px;
}

/* Le message du visiteur : la seule chose qui dise si c'est un vrai client.
   Il s'affiche EN ENTIER (`pre-wrap`), jamais coupé à trois lignes — une
   demande tronquée se juge mal, et c'est le jugement qu'on demande ici. */
.sr-message {
  margin: 6px 0 0;
  padding: 8px 10px;
  border-left: 3px solid var(--sobria-cuivre, #c3793a);
  background: var(--fond-surface-2, #f6f3ea);
  color: var(--texte, #1d2843);
  white-space: pre-wrap;
}

.sr-motif {
  color: var(--texte-attenue, #555c6e);
  font-style: italic;
}

/* La pagination. Elle existe parce que la file peut dépasser 500 lignes, et
   qu'au-delà les plus ANCIENNES — les plus urgentes — n'étaient atteignables
   par aucun paramètre. */
.sr-pagination {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: center;
  margin: 16px 0 0;
}

.sr-barre {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-bottom: 12px;
}

/* Les `select` du CRM sont en largeur 100 % par défaut : sans ces deux
   lignes, chacun prend une ligne à lui et la barre de filtres fait trois
   étages avant la première demande. Constaté au navigateur le 05/09/2026 —
   pytest ne voit rien de cela. */
.sr-barre select {
  flex: 0 0 auto;
  width: auto;
  min-width: 170px;
}

.sr-barre input[type="search"] {
  flex: 1 1 220px;
  min-width: 160px;
  width: auto;
}

/* L'AVERTISSEMENT DE LA MODALE « Créer la fiche » (05/09/2026).
   Il ne paraît que quand la demande ne porte AUCUN nom exploitable — c'est
   le serveur qui le dit (`nom_manquant`), pas l'écran. Un fond, une bordure
   et la couleur d'alerte de la charte : en gris, entre deux paragraphes
   d'aide, on ne le lit pas, et c'est précisément la phrase qu'il faut lire
   avant de taper. */
.sr-alerte-nom {
  margin: 12px 0;
  padding: 10px 12px;
  border-left: 3px solid var(--danger);
  background: rgba(217, 95, 74, 0.1);
  color: var(--danger);
  font-size: 13.5px;
  font-weight: 600;
}