/* Pages d'avis (A4.7) : lue par ces pages seulement. Tableaux de la feuille commune, barres de l'écart en SVG (axe au milieu, le
   chiffre toujours écrit à côté), sans défilement de côté (320 px). */
.avis .bloc-avis { margin-top: 32px; }
.avis .bloc-avis > .small { max-width: 72ch; }
.avis .bloc-avis .actions { margin-top: 12px; }
.avis .tableau { position: relative; }
.avis .tableau a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; }
.avis .tableau td small { max-width: 48ch; }
.ecarts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.ecarts h3 { margin: 0 0 8px; }
.ecart-liste { margin: 0; padding-left: 24px; display: grid; gap: 8px; }
.ecart-liste li { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 10px; align-items: center; }
.ecart-nom { grid-column: 1 / -1; overflow-wrap: anywhere; }
.ecart-nom a { display: inline-flex; align-items: center; min-height: 44px; }
.ecart-liste small { grid-column: 1 / -1; }
.ecart-barre { width: 100%; height: 12px; }
.ecart-barre line { stroke: var(--brume); stroke-width: 1; vector-effect: non-scaling-stroke; }
.ecart-barre .plus { fill: var(--bande-3); }
.ecart-barre .moins { fill: var(--bande-2); }
.ecart-liste b { font: 600 15px/1 var(--f-data); font-variant-numeric: tabular-nums; }
@media (max-width: 760px) {
  .ecarts { grid-template-columns: 1fr; }
}