/* ==========================================================================
   BAZA-S215 — SUPPRESSION DES BANDES ROUGES CLIGNOTANTES au défilement de la
   liste des messages (recette Philippe 2026-07-23). Bug : liste accessible par
   la 2e icône du bas — au défilement vertical (haut↔bas), une bande rouge
   clignote en haut de l'écran et une autre en bas, dans l'app ET dans l'APK/TWA.

   STRICTEMENT ADDITIF : ce fichier est servi depuis `public/` puis référencé
   par un <link> dans `index.html`. Vite NE LE FUSIONNE PAS dans le bundle
   `assets/index-*.css` : la coque CSS GELÉE S141 (hash de `assets/index-*.css`)
   reste donc INTACTE, byte-identique (aucun re-pin de gate, PWA sans
   réinstallation — sw.js/manifest inchangés).

   CAUSE PROUVÉE (lecture du code avant modification) :
   `.group-row` (partagé par la liste des MESSAGES `ConversationList` ET la
   liste des GROUPES `GroupsScreen`) portait `background-color: #c0392b`
   (index.css:3118 — « teinte révélée derrière » l'action de retrait) peint EN
   PERMANENCE sur toute la largeur et toute la hauteur de chaque ligne, sous
   l'avant-plan opaque `.group-row-content`. Or `.group-row-content` a
   `will-change: transform` (index.css:3152 → couche de composition dédiée) :
   pendant le défilement inertiel iOS/Android/TWA, des coutures SOUS-PIXEL
   apparaissent aux bords HAUT/BAS des lignes composées ⇒ le rouge du parent
   « clignote » en bandes en haut et en bas de l'écran. Même FAMILLE de défaut
   que S199D (rouge d'un tiroir de swipe filtrant au bord d'écran).

   RÈGLE S215 (catégorie « couleur/visibilité », JAMAIS géométrie — miroir exact
   du correctif S199D) : le rouge n'est peint QUE lorsqu'une ligne est réellement
   OUVERTE (`.is-swiped`, posé par la TSX au franchissement du seuil). Au repos
   ET pendant le défilement, la ligne montre la SURFACE (jamais de rouge) ; le
   tiroir d'action rouge `.group-row-action` (96 px, à droite) n'est visible
   qu'à l'ouverture. Le geste (moteur S67A/S151, verrou d'axe, seuils, transform
   inline, `touch-action: pan-y`) est STRICTEMENT INCHANGÉ ; seule la visibilité
   du fond révélé change. Parité MESSAGES/GROUPES (sélecteur `.group-row`
   partagé). Spécificité rehaussée (`html .group-row…`, 0,1,1 > base 0,1,0) pour
   l'emporter indépendamment de l'ordre d'injection du <link> par Vite — jamais
   d'`!important`.
   ========================================================================== */

/* Au repos ET pendant le défilement : aucune couche rouge derrière la ligne. */
html .group-row {
  background-color: var(--surface);
}

/* Tiroir « Retirer » rouge : masqué tant que la ligne n'est pas ouverte. */
html .group-row-action {
  visibility: hidden;
}

/* Ligne réellement OUVERTE (swipe franchi) : le tiroir rouge réapparaît. */
html .group-row.is-swiped .group-row-action {
  visibility: visible;
}