/* ========================================
   Element Tooltip
   ======================================== */

 .element-tooltip {
  @apply z-[--z-tooltip];
  @apply bg-text text-white;
  @apply rounded-lg shadow-lg;
  @apply px-3 py-2;
  animation: tooltipFadeIn 150ms ease-out;
}

@keyframes tooltipFadeIn {
  from {
    opacity: 0;
    transform: scale(0.95);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

 .element-tooltip__content {
  @apply flex flex-col gap-0.5;
}

 .element-tooltip__title {
  @apply text-sm font-semibold;
}

 .element-tooltip__description {
  @apply text-xs opacity-90;
}

 .element-tooltip__category {
  @apply text-xs opacity-70 mt-1;
  @apply capitalize;
}

 .element-tooltip__arrow {
  @apply fill-text;
}

/* ========================================
   Generic PBO Tooltip (Radix UI)
   ======================================== */

.oppb-tooltip {
  @apply z-[--z-tooltip];
  @apply bg-text text-white;
  @apply rounded-md shadow-lg;
  @apply px-3 py-1.5;
  @apply text-xs;
  animation: tooltipFadeIn 150ms ease-out;
}

.oppb-tooltip-arrow {
  @apply fill-text;
}
