Fusionner la gestion des prets

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

MaBibli.Client/wwwroot/css/app.css

@@ -297,14 +297,17 @@ body {
     right: 0;
     bottom: 0;
     display: flex;
+    flex-wrap: wrap;
     gap: 0.5rem;
     padding: 0.6rem 1rem calc(0.6rem + env(safe-area-inset-bottom));
     background: rgba(255, 255, 255, 0.96);
     border-top: 1px solid var(--mb-bord);
 }
 
+/* Base de 8rem : au-delà de trois entrées la barre passe sur deux lignes plutôt que de
+   comprimer chaque libellé sur trois lignes de texte. Mesuré sur 375 px de large. */
 .actions-flottantes .bouton {
-    flex: 1;
+    flex: 1 1 8rem;
 }
 
 /* --- Couvertures --- */
@@ -450,6 +453,81 @@ body {
     }
 }
 
+/* --- Prêts --- */
+
+/* Le prêt est une information du foyer, pas de l'utilisateur : sa couleur est
+   volontairement différente de celles des statuts de lecture, qui sont personnels. */
+.etiquette-prete {
+    background: #fdecd8;
+    color: #7a4a00;
+    font-weight: 600;
+}
+
+.bloc-prets {
+    margin-top: 1.5rem;
+    padding-top: 1rem;
+    border-top: 1px solid var(--mb-bord);
+}
+
+.titre-section {
+    font-size: 1.1rem;
+    margin: 0 0 0.5rem;
+}
+
+.titre-sous-section {
+    font-size: 0.95rem;
+    margin: 1.25rem 0 0.35rem;
+    color: var(--mb-texte-doux);
+}
+
+.bandeau-pret {
+    background: #fff8ef;
+    border-left: 3px solid #c98a2e;
+    border-radius: 4px;
+    padding: 0.6rem 0.75rem;
+    margin: 0.5rem 0;
+    font-size: 0.95rem;
+}
+
+.pret-duree {
+    color: var(--mb-texte-doux);
+    font-size: 0.85rem;
+    white-space: nowrap;
+}
+
+.avertissement-fort {
+    display: block;
+    margin-top: 0.35rem;
+    font-weight: 600;
+}
+
+/* L'historique se lit, il ne se manipule pas : rien n'y est cliquable. */
+.liste-historique {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    font-size: 0.9rem;
+}
+
+.liste-historique li {
+    padding: 0.4rem 0;
+    border-bottom: 1px solid var(--mb-bord);
+}
+
+.historique-dates {
+    display: block;
+    color: var(--mb-texte-doux);
+    font-size: 0.85rem;
+}
+
+/* Bouton d'action au sein d'une carte : il ne doit pas peser autant qu'un bouton de page,
+   tout en gardant une cible tactile utilisable. */
+.bouton-compact {
+    min-height: 2.25rem;
+    padding: 0.35rem 0.8rem;
+    font-size: 0.85rem;
+}
+
 /* --- Scan du code-barres --- */
 
 .scanner-cadre {