Fix activity chart bar tooltips clipping and positioning.

Anchor tooltips above each bar with high z-index and allow overflow so hover labels stay visible.

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/business/src/components/DailyActivityChart.module.css

@@ -8,6 +8,7 @@
   padding: 24px;
   height: 100%;
   box-sizing: border-box;
+  overflow: visible;
 }
 
 .header {
@@ -80,6 +81,8 @@
   gap: 8px;
   direction: ltr;
   unicode-bidi: isolate;
+  padding-top: 28px;
+  overflow: visible;
 }
 
 .yAxis {
@@ -106,11 +109,12 @@
   position: relative;
   flex: 1;
   min-width: 0;
-  overflow: hidden;
+  overflow: visible;
 }
 
 .chartWrapScroll {
   overflow-x: auto;
+  overflow-y: visible;
 }
 
 .chartGrid {
@@ -184,6 +188,12 @@
   align-items: flex-end;
   justify-content: center;
   height: 100%;
+  z-index: 1;
+}
+
+.barWrap:hover,
+.barWrap:focus-within {
+  z-index: 1000;
 }
 
 .barWrap:hover .barTooltip,
@@ -208,16 +218,17 @@
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.12s ease, visibility 0.12s;
-  background: rgba(255, 255, 255, 0.96);
+  background: rgba(255, 255, 255, 0.98);
   backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);
   border: 1px solid var(--glass-border);
   border-radius: 6px;
-  box-shadow: 0 4px 12px rgba(31, 38, 135, 0.12);
-  z-index: 4;
+  box-shadow: 0 6px 18px rgba(31, 38, 135, 0.18);
+  z-index: 10000;
 }
 
 .bar {
+  position: relative;
   flex: 1 1 0;
   width: 100%;
   max-width: 8px;