Add customer and business user-product flows across dashboards.

Ship my-products / customer-products UI with gallery uploads, status controls, module gating, and related shared UI polish.

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

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

@@ -4,10 +4,9 @@
 }
 
 .tip {
-  position: absolute;
-  bottom: calc(100% + 8px);
-  left: 50%;
-  transform: translateX(-50%) translateY(4px);
+  position: fixed;
+  z-index: 10000;
+  transform: translate(-50%, calc(-100% + 4px));
   padding: 6px 10px;
   font-family: var(--font-ui);
   font-size: 12px;
@@ -19,8 +18,7 @@
   opacity: 0;
   visibility: hidden;
   transition: opacity 0.15s ease, transform 0.15s ease, visibility 0.15s;
-  z-index: 50;
-  background: rgba(255, 255, 255, 0.75);
+  background: rgba(255, 255, 255, 0.95);
   backdrop-filter: blur(12px);
   -webkit-backdrop-filter: blur(12px);
   border: 1px solid var(--glass-border);
@@ -28,6 +26,12 @@
   box-shadow: 0 4px 16px rgba(31, 38, 135, 0.12);
 }
 
+.tipVisible {
+  opacity: 1;
+  visibility: visible;
+  transform: translate(-50%, -100%);
+}
+
 .tip::after {
   content: '';
   position: absolute;
@@ -35,12 +39,5 @@
   left: 50%;
   transform: translateX(-50%);
   border: 5px solid transparent;
-  border-top-color: rgba(255, 255, 255, 0.75);
-}
-
-.wrap:hover .tip,
-.wrap:focus-within .tip {
-  opacity: 1;
-  visibility: visible;
-  transform: translateX(-50%) translateY(0);
+  border-top-color: rgba(255, 255, 255, 0.95);
 }