From e4d8d355337a310df87538f4595f2b883e3542f2 Mon Sep 17 00:00:00 2001
From: alma <alma@governance-labs.org>
Date: Thu, 15 Jan 2026 19:10:14 +0100
Subject: [PATCH] vision refactor

---
 app/vision/page.tsx | 56 +++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 52 insertions(+), 4 deletions(-)

diff --git a/app/vision/page.tsx b/app/vision/page.tsx
index 5d82f3c..730f2e2 100644
--- a/app/vision/page.tsx
+++ b/app/vision/page.tsx
@@ -381,17 +381,40 @@ export default function VisionPage() {
                 {/* Colonne calendrier (étroite) */}
                 <div id="vision-calendar" className="w-full lg:w-80 lg:flex-shrink-0">
                   <style dangerouslySetInnerHTML={{__html: `
+                    #vision-calendar {
+                      color: #111827 !important;
+                    }
+                    #vision-calendar .rdp {
+                      --rdp-cell-size: 2.5rem;
+                      --rdp-accent-color: #2563eb;
+                      --rdp-background-color: white;
+                      --rdp-accent-color-dark: #1d4ed8;
+                      --rdp-background-color-dark: #f3f4f6;
+                      --rdp-outline: 2px solid var(--rdp-accent-color);
+                      --rdp-outline-selected: 2px solid var(--rdp-accent-color);
+                      margin: 0;
+                    }
+                    #vision-calendar .rdp-caption {
+                      color: #111827 !important;
+                      background-color: white !important;
+                    }
                     #vision-calendar .rdp-caption_label {
                       color: #111827 !important;
                       font-weight: 600 !important;
                       font-size: 0.875rem !important;
+                      background-color: white !important;
+                    }
+                    #vision-calendar .rdp-nav {
+                      background-color: white !important;
                     }
                     #vision-calendar .rdp-nav_button {
                       color: #374151 !important;
                       background-color: white !important;
+                      border: 1px solid #e5e7eb !important;
                     }
                     #vision-calendar .rdp-nav_button:hover {
                       color: #111827 !important;
+                      background-color: #f9fafb !important;
                     }
                     #vision-calendar .rdp-nav_button svg,
                     #vision-calendar .rdp-nav_button path {
@@ -405,12 +428,22 @@ export default function VisionPage() {
                       stroke: #111827 !important;
                       fill: #111827 !important;
                     }
+                    #vision-calendar .rdp-head_cell {
+                      color: #6b7280 !important;
+                      font-weight: 500 !important;
+                      background-color: white !important;
+                    }
                     #vision-calendar .rdp-day {
                       color: #1f2937 !important;
                       background-color: white !important;
                       width: 2.5rem !important;
                       height: 2.5rem !important;
                       font-size: 0.875rem !important;
+                      border: 1px solid transparent !important;
+                    }
+                    #vision-calendar .rdp-day:hover:not(.rdp-day_disabled):not(.rdp-day_selected):not(.hasMeeting) {
+                      background-color: #f3f4f6 !important;
+                      color: #111827 !important;
                     }
                     #vision-calendar .rdp-day_today {
                       background-color: #DBEAFE !important;
@@ -418,14 +451,27 @@ export default function VisionPage() {
                       border: 2px solid #3b82f6 !important;
                       font-weight: 600 !important;
                     }
+                    #vision-calendar .rdp-day_today:hover {
+                      background-color: #bfdbfe !important;
+                      color: #1e40af !important;
+                    }
                     #vision-calendar .rdp-day_selected {
                       background-color: #2563eb !important;
                       color: white !important;
+                      font-weight: 600 !important;
+                    }
+                    #vision-calendar .rdp-day_selected:hover {
+                      background-color: #1d4ed8 !important;
+                      color: white !important;
                     }
                     #vision-calendar .rdp-day_outside {
                       color: #9ca3af !important;
                       background-color: white !important;
                     }
+                    #vision-calendar .rdp-day_outside:hover {
+                      background-color: #f9fafb !important;
+                      color: #6b7280 !important;
+                    }
                     #vision-calendar .rdp-day.hasMeeting {
                       background-color: #2563eb !important;
                       color: white !important;
@@ -435,12 +481,14 @@ export default function VisionPage() {
                       background-color: #1d4ed8 !important;
                       color: white !important;
                     }
-                    #vision-calendar .rdp-day:not(.rdp-day_disabled):hover {
-                      background-color: #f3f4f6 !important;
-                    }
-                    #vision-calendar .rdp-day.hasMeeting:not(.rdp-day_disabled):hover {
+                    #vision-calendar .rdp-day.hasMeeting.rdp-day_today {
                       background-color: #1d4ed8 !important;
                       color: white !important;
+                      border: 2px solid #1e40af !important;
+                    }
+                    #vision-calendar .rdp-day.hasMeeting.rdp-day_selected {
+                      background-color: #1e40af !important;
+                      color: white !important;
                     }
                   `}} />
                   <CalendarComponent