Ajouter les sagas et cycles, avec leurs tomes manquants

Première relation entre livres du projet. Une série contient des séries
(un cycle EST une série de séries) et des PLACES dans l'ordre de lecture —
pas des livres : une place sans livre est le trou qu'on vient voir.

L'ordre est stocké, jamais déduit d'une année : une préquelle se lit avant
le livre paru dix ans plus tôt. Les tomes non possédés se saisissent à la
main, aucune source ne donnant l'ordre de lecture d'une saga.

Le titre de la place survit à la suppression du livre (SetNull, pas de
cascade), sans quoi perdre un exemplaire effacerait le tome 3 de la série.

Les séries sont communes au foyer. Seule exception : la mise en envies d'un
tome manquant, qui écrit dans une liste personnelle — c'est le seul point
où les deux portées se rencontrent.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

MaBibli.Client/wwwroot/css/app.css

@@ -937,3 +937,81 @@ body {
 .onglets-secondaires .segment {
     flex: 1 1 0;
 }
+
+/* --- Sagas, cycles et séries --- */
+
+.liste-series,
+.liste-tomes,
+.liste-sous-series {
+    list-style: none;
+    margin: 0.5rem 0;
+    padding: 0;
+}
+
+.carte-serie {
+    padding: 0.7rem 0;
+    border-bottom: 1px solid var(--mb-bord);
+}
+
+.liste-sous-series {
+    margin: 0.35rem 0 0 1rem;
+    font-size: 0.9rem;
+}
+
+.liste-sous-series li {
+    padding: 0.2rem 0;
+    display: flex;
+    gap: 0.5rem;
+    align-items: baseline;
+    flex-wrap: wrap;
+}
+
+.carte-tome {
+    display: flex;
+    gap: 0.6rem;
+    align-items: flex-start;
+    padding: 0.6rem 0;
+    border-bottom: 1px solid var(--mb-bord);
+}
+
+/* Le tome absent est estompé, comme une œuvre déjà possédée l'est dans la bibliographie —
+   mais l'opacité ne dit rien à un lecteur d'écran, d'où l'étiquette qui l'accompagne. */
+.tome-manquant .carte-titre {
+    font-weight: 400;
+    color: var(--mb-texte-doux);
+}
+
+.etiquette-manquant {
+    background: #f3e2e2;
+    color: #7a2f2f;
+    font-weight: 600;
+}
+
+.actions-tome {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.4rem;
+    margin-top: 0.35rem;
+}
+
+/* Rattacher un livre à une place : la recherche s'ouvre SOUS le tome concerné, pour qu'on voie
+   ce qu'on est en train de compléter. */
+.recherche-livre {
+    display: flex;
+    flex-direction: column;
+    gap: 0.3rem;
+    margin-top: 0.5rem;
+    padding: 0.5rem;
+    background: var(--mb-fond-doux);
+    border-radius: 6px;
+}
+
+.recherche-livre .bouton {
+    text-align: left;
+}
+
+.fiche-serie {
+    margin: 0.2rem 0;
+    font-size: 0.9rem;
+    color: var(--mb-texte-doux);
+}