From e2f5f34d519da5aabc1e129e96e8eac9f64e3b86 Mon Sep 17 00:00:00 2001
From: alma <alma@governance-labs.org>
Date: Wed, 14 Jan 2026 12:04:25 +0100
Subject: [PATCH] Vision Refactor

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

diff --git a/app/vision/page.tsx b/app/vision/page.tsx
index 7086170..2d389db 100644
--- a/app/vision/page.tsx
+++ b/app/vision/page.tsx
@@ -379,45 +379,6 @@ export default function VisionPage() {
               
               <div className="flex flex-col lg:flex-row gap-6">
                 <div className="w-full lg:w-80 lg:flex-shrink-0">
-                  <style dangerouslySetInnerHTML={{__html: `
-                    .rdp-day:not(.rdp-day_selected):not(.rdp-day_outside):not(.hasMeeting) {
-                      color: #1f2937 !important;
-                      background-color: white !important;
-                    }
-                    .rdp-day_selected {
-                      background-color: #2563eb !important;
-                      color: white !important;
-                    }
-                    .rdp-day_today:not(.rdp-day_selected):not(.hasMeeting) {
-                      color: #1d4ed8 !important;
-                      background-color: #DBEAFE !important; /* bleu très clair */
-                      border-color: #3b82f6 !important;
-                    }
-                    .rdp-day_outside {
-                      color: #9ca3af !important;
-                      background-color: white !important;
-                    }
-                    .rdp-day.hasMeeting {
-                      background-color: #2563eb !important;
-                      color: white !important;
-                      font-weight: 600 !important;
-                    }
-                    .rdp-day.hasMeeting:hover {
-                      background-color: #1d4ed8 !important;
-                      color: white !important;
-                    }
-                    .rdp-caption_label {
-                      color: #111827 !important;
-                      font-weight: 600 !important;
-                    }
-                    .rdp-nav_button {
-                      color: #374151 !important;
-                      background-color: white !important;
-                    }
-                    .rdp-nav_button:hover {
-                      color: #111827 !important;
-                    }
-                  `}} />
                   <CalendarComponent
                     mode="single"
                     selected={selectedDate}
@@ -427,10 +388,12 @@ export default function VisionPage() {
                       caption_label: "text-gray-900 font-semibold",
                       nav_button: "text-gray-700 hover:text-gray-900 bg-white",
                       day: "h-9 w-9 p-0 font-normal border border-gray-200 bg-white text-gray-900 hover:bg-blue-50",
-                      day_selected: "bg-blue-600 text-white hover:bg-blue-700",
-                      day_today: "border-blue-500 text-blue-700 bg-white",
-                      day_outside: "text-gray-400 bg-white",
-                      day_disabled: "text-gray-300 bg-white opacity-50",
+                      // Jour sélectionné (ex: clic ou jour avec réunion si sélectionné)
+                      day_selected: "h-9 w-9 p-0 font-normal border border-blue-600 bg-blue-600 text-white hover:bg-blue-700",
+                      // Jour d'aujourd'hui sans réunion: fond bleu clair + texte bleu lisible
+                      day_today: "h-9 w-9 p-0 font-normal border border-blue-500 bg-blue-100 text-blue-700",
+                      day_outside: "h-9 w-9 p-0 font-normal border border-gray-200 bg-white text-gray-400",
+                      day_disabled: "h-9 w-9 p-0 font-normal border border-gray-200 bg-white text-gray-300 opacity-50",
                     }}
                     modifiers={{
                       hasMeeting: (date) => {
@@ -439,7 +402,8 @@ export default function VisionPage() {
                       },
                     }}
                     modifiersClassNames={{
-                      hasMeeting: "hasMeeting bg-blue-600 text-white font-semibold hover:bg-blue-700",
+                      // Jour avec réunion: on force fond bleu et texte blanc
+                      hasMeeting: "bg-blue-600 text-white font-semibold hover:bg-blue-700",
                     }}
                   />
                 </div>