Merge branch 'main' of https://git.coastit.co.za/caitlin/CRM_ENVR

src/components/layout/sidebar.tsx

@@ -95,7 +95,7 @@ export function Sidebar({ collapsed, onToggle, mobileOpen, onMobileClose }: Side
                       "relative flex h-10 w-10 items-center justify-center rounded-lg transition-colors",
                       isActive
                         ? "bg-sidebar-primary text-sidebar-primary-foreground"
-                        : "text-sidebar-foreground/60 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground"
+                        : "text-sidebar-foreground/60 hover:bg-sidebar-accent hover:text-white"
                     )}
                   >
                     <item.icon className="h-5 w-5" />
@@ -104,7 +104,7 @@ export function Sidebar({ collapsed, onToggle, mobileOpen, onMobileClose }: Side
                     )}
                   </Link>
                 </TooltipTrigger>
-                <TooltipContent side="right" className="ml-2">
+                <TooltipContent side="right" className="ml-2 text-white">
                   {item.label}
                 </TooltipContent>
               </Tooltip>
@@ -143,12 +143,12 @@ export function Sidebar({ collapsed, onToggle, mobileOpen, onMobileClose }: Side
               <TooltipTrigger asChild>
                 <button
                   onClick={() => setFbDialogOpen(true)}
-                  className="relative flex h-10 w-10 items-center justify-center rounded-lg transition-colors text-sidebar-foreground/60 hover:bg-sidebar-accent hover:text-sidebar-accent-foreground"
+                  className="relative flex h-10 w-10 items-center justify-center rounded-lg transition-colors text-sidebar-foreground/60 hover:bg-sidebar-accent hover:text-white"
                 >
                   <Facebook className="h-5 w-5" />
                 </button>
               </TooltipTrigger>
-              <TooltipContent side="right" className="ml-2">
+              <TooltipContent side="right" className="ml-2 text-white">
                 Facebook Accounts
               </TooltipContent>
             </Tooltip>

src/components/layout/system-monitor.tsx

@@ -36,7 +36,7 @@ export function SystemMonitor({ collapsed }: SystemMonitorProps) {
 
   if (collapsed) {
     return (
-      <div className="border-t border-sidebar-border px-3 py-2 flex justify-center gap-1.5">
+      <div className="border-t border-sidebar-border px-1 py-1.5 flex flex-col items-center text-[10px] leading-tight">
         <span className={ramOver ? "text-red-400" : "text-[var(--theme-primary,#3b91f7)]"}>
           {rssMB}
         </span>