Traiter le lot A d'IDEES.md : CSS onglets, pastilles, identité visuelle, couverture cassée, cache couvertures

- A1 : forcer la revalidation HTTP (Cache-Control: no-cache) sur les fichiers statiques,
  pour empêcher un navigateur de garder indéfiniment un CSS/JS périmé quand le service
  worker ne s'active pas.
- A2 : le filtre du catalogue (statut, type de document) reprend les mêmes pastilles
  colorées que les cartes (Libelles.ClasseStatut / nouvelle Libelles.ClasseTypeDocument).
- A3 : remplacement du logo par défaut de Blazor par un pictogramme de livre ouvert
  (favicon, icônes PWA, logo du bandeau, logo mabibli_ynh).
- A4 : une couverture cassée désactive aussi son bouton d'agrandissement.
- A5 : cache IndexedDB des couvertures pour la consultation hors-ligne, sans ralentir
  l'affichage en ligne (mise en cache en tâche de fond). L'allègement (redimensionnement,
  WebP) reste hors scope, à mesurer avant de s'y engager.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

MaBibli.Client/wwwroot/css/app.css

@@ -250,6 +250,11 @@ body {
 .segment.statut-en-cours.segment-actif { background: #b06b00; border-color: #b06b00; }
 .segment.statut-lu.segment-actif { background: #1f7a44; border-color: #1f7a44; }
 
+/* Type de document : même vocabulaire que les pastilles de statut, deux couleurs distinctes
+   des trois du statut et de celle du prêt, pour qu'on reconnaisse ce qu'on filtre (A2, IDEES.md). */
+.segment.type-roman.segment-actif { background: #2a6f97; border-color: #2a6f97; }
+.segment.type-bd.segment-actif { background: #a13d63; border-color: #a13d63; }
+
 /* --- Boutons --- */
 
 .bouton {
@@ -580,6 +585,12 @@ body {
     cursor: zoom-in;
 }
 
+/* Image cassée (404/502 intermittent) : le onerror du <img> désactive ce bouton.
+   Curseur neutre, pour ne plus promettre un agrandissement qui n'ouvrirait rien. */
+.couverture-declencheur:disabled {
+    cursor: default;
+}
+
 .calque-couverture {
     position: fixed;
     inset: 0;
@@ -638,6 +649,16 @@ body {
 .etiquette-statut.statut-en-cours { background: #b06b00; }
 .etiquette-statut.statut-lu { background: #1f7a44; }
 
+/* Pastille du type de document sur la carte du catalogue : mêmes couleurs que le
+   filtre (A2, IDEES.md), pour reconnaître d'un coup d'œil ce qui a été filtré. */
+.etiquette-type {
+    color: #fff;
+    font-weight: 600;
+}
+
+.etiquette-type.type-roman { background: #2a6f97; }
+.etiquette-type.type-bd { background: #a13d63; }
+
 /* --- Fiche du livre en lecture seule --- */
 
 .couverture-grande { width: 8rem; height: 12rem; }