/* Tooltip Styles */

.tooltip-trigger {
  @apply inline-flex items-center gap-1 cursor-help;
}

.tooltip-content {
  @apply absolute bottom-full left-1/2 -translate-x-1/2 mb-2 px-3 py-2 text-sm font-medium text-white bg-gray-900 rounded-lg shadow-sm whitespace-nowrap z-50;
}

.tooltip-content.hidden {
  @apply hidden;
}

.tooltip-arrow {
  @apply absolute top-full left-1/2 -translate-x-1/2 w-0 h-0 border-4 border-transparent border-t-gray-900;
}