Ajout tableau

styles/primary_css.css

@@ -2735,3 +2735,52 @@ main {
     color: var(--accent-light);
     border-color: var(--accent-border);
 }
+
+/* ---- PAGE TABLEAU DE SYNTHÈSE ----
+   Le PDF est le contenu principal de la page : on lui donne plus de largeur et plus de
+   hauteur que l'aperçu inséré dans une fiche projet, parce que le tableau est dense et
+   qu'il devient vite illisible sur une petite surface */
+
+.synthese-page {
+    max-width: 1200px;
+    margin: 20px auto clamp(48px, 7vw, 72px);
+    padding: 0 clamp(14px, 4vw, 40px);
+}
+
+/* On réutilise .pdf-viewer-toolbar (voir plus haut) mais sans le trait de séparation
+   hérité de .pdf-viewer-wrap, qui n'a pas lieu d'être en haut de page */
+.synthese-page .pdf-viewer-toolbar {
+    margin-bottom: 14px;
+}
+
+.synthese-actions {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    flex-wrap: wrap;
+}
+
+.synthese-viewer {
+    height: 82vh;
+    min-height: 520px;
+}
+
+.synthese-repli {
+    color: var(--text-soft);
+    padding: 20px;
+}
+
+/* Sur mobile l'aperçu intégré d'un PDF est souvent inutilisable (plusieurs navigateurs
+   affichent juste une zone vide) : on le garde plus court, les deux boutons au-dessus
+   restant le vrai chemin d'accès au document */
+@media (max-width: 700px) {
+    .synthese-viewer {
+        height: 60vh;
+        min-height: 360px;
+    }
+
+    .synthese-page .pdf-viewer-toolbar {
+        flex-direction: column;
+        align-items: flex-start;
+    }
+}