cookies, drawio, roadmap

public/css/style.css

@@ -977,4 +977,86 @@ GANTT
     background-color: var(--primary);
     color: white;
     border-color: var(--primary);
-}
+}
+/* --- ALIGNEMENT ROADMAP --- */
+
+/* Alignement horizontal : Vues à gauche, Export à droite */
+.toolbar-roadmap {
+    display: flex !important;
+    justify-content: space-between !important;
+    align-items: center !important;
+    background: var(--bg-card);
+    border: 1px solid var(--border);
+    border-radius: var(--radius-lg);
+    padding: 12px 20px;
+    margin-bottom: 16px;
+}
+
+/* On s'assure que les deux blocs enfants se placent bien */
+.toolbar-roadmap > div {
+    display: flex;
+    align-items: center;
+}
+
+/* Style de la boîte Draw.io (le deuxième enfant) */
+.toolbar-roadmap > div:last-child {
+    margin-left: auto; /* Sécurité supplémentaire pour pousser à droite */
+    border: 1px solid var(--accent); /* Optionnel: pour bien la voir */
+    border-radius: var(--radius-lg);
+    background: rgba(0, 230, 138, 0.05);
+    padding: 5px 15px;
+}
+
+/* Style de la boîte verte d'export */
+.export-drawio-box {
+    display: flex;
+    align-items: center;
+    gap: 15px;
+    background: rgba(0, 230, 138, 0.1); /* Fond vert transparent */
+    border: 1px solid var(--accent);   /* Bordure verte */
+    padding: 6px 15px;
+    border-radius: var(--radius);
+}
+
+.export-label {
+    color: var(--accent);
+    font-weight: bold;
+    font-size: 12px;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+/* On s'assure que les contrôles de vue restent simples */
+.view-controls {
+    display: flex;
+    align-items: center;
+}
+
+.zoom-controls-card, .drawio-export-card {
+    background: var(--bg-card);
+    border: 1px solid var(--border);
+    border-radius: var(--radius-lg);
+    padding: 12px 20px;
+    display: flex;
+    align-items: center;
+    gap: 15px;
+}
+
+.drawio-export-card {
+    border-color: var(--accent-dim);
+    background: rgba(0, 230, 138, 0.03);
+}
+
+.zoom-label, .export-label {
+    font-size: 12px;
+    font-weight: 700;
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+.zoom-label { color: var(--fg-muted); }
+.export-label { color: var(--accent); }
+
+.mr-4 { margin-right: 4px; }
+
+