Fix tooltip CSS

The AI reverted the CSS changes in `src/components/CustomInfoTooltip.tsx` to resolve the issue of tooltips appearing transparent.

Author: lovable-dev[bot]

src/components/CustomInfoTooltip.tsx

@@ -16,9 +16,9 @@ export const CustomInfoTooltip = ({ text }: CustomInfoTooltipProps) => {
         onMouseLeave={() => setIsVisible(false)}
       />
       {isVisible && (
-        <div className="absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 px-3 py-1.5 bg-popover border text-popover-foreground text-xs rounded-md shadow-md z-50 w-48 text-center whitespace-normal">
+        <div className="absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 px-3 py-1.5 bg-slate-900 text-white text-xs rounded-md shadow-lg z-50 w-48 text-center whitespace-normal">
           {text}
-          <div className="absolute top-full left-1/2 transform -translate-x-1/2 w-0 h-0 border-l-4 border-r-4 border-t-4 border-transparent border-t-border"></div>
+          <div className="absolute top-full left-1/2 transform -translate-x-1/2 w-0 h-0 border-l-4 border-r-4 border-t-4 border-transparent border-t-slate-900"></div>
         </div>
       )}
     </div>