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

---
 app/vision/page.tsx | 25 +++++++++++++++++++++++--
 1 file changed, 23 insertions(+), 2 deletions(-)

diff --git a/app/vision/page.tsx b/app/vision/page.tsx
index 730f2e2..cc63476 100644
--- a/app/vision/page.tsx
+++ b/app/vision/page.tsx
@@ -455,13 +455,34 @@ export default function VisionPage() {
                       background-color: #bfdbfe !important;
                       color: #1e40af !important;
                     }
-                    #vision-calendar .rdp-day_selected {
+                    /* Override primary color for selected day - must be very specific */
+                    #vision-calendar .rdp-day_selected,
+                    #vision-calendar .rdp-day[aria-selected="true"],
+                    #vision-calendar .rdp-day.bg-primary,
+                    #vision-calendar .rdp-day[aria-selected="true"].bg-primary,
+                    #vision-calendar button.rdp-day.bg-primary,
+                    #vision-calendar button.rdp-day[aria-selected="true"] {
                       background-color: #2563eb !important;
+                      background: #2563eb !important;
                       color: white !important;
                       font-weight: 600 !important;
                     }
-                    #vision-calendar .rdp-day_selected:hover {
+                    #vision-calendar .rdp-day_selected:hover,
+                    #vision-calendar .rdp-day[aria-selected="true"]:hover,
+                    #vision-calendar button.rdp-day.bg-primary:hover,
+                    #vision-calendar button.rdp-day[aria-selected="true"]:hover {
                       background-color: #1d4ed8 !important;
+                      background: #1d4ed8 !important;
+                      color: white !important;
+                    }
+                    /* Force override Tailwind primary classes */
+                    #vision-calendar button.rdp-day.bg-primary,
+                    #vision-calendar .rdp-day.bg-primary {
+                      background-color: #2563eb !important;
+                      background: #2563eb !important;
+                    }
+                    #vision-calendar button.rdp-day.text-primary-foreground,
+                    #vision-calendar .rdp-day.text-primary-foreground {
                       color: white !important;
                     }
                     #vision-calendar .rdp-day_outside {