/**
 * Prebuilt Tooltips Styles
 */

/* Elements with previews get a subtle indicator */
.has-preview {
  cursor: help;
}

/* Tooltip container styles (JS handles most styling inline for portability) */
.prebuilt-tooltip {
  /* Additional styles beyond JS inline styles */
}

.prebuilt-tooltip strong {
  display: block;
  margin-bottom: 6px;
  color: #333;
  font-size: 15px;
}

.prebuilt-tooltip p {
  margin: 0;
  color: #666;
  font-size: 13px;
}

/* Ensure reference pills still look good */
[data-preview].page-reference,
[data-preview].section-reference,
[data-preview].subsection-reference,
[data-preview].tab-reference,
[data-preview].table-reference,
[data-preview].column-reference,
[data-preview].item-reference,
[data-preview].action-reference,
[data-preview].code-reference {
  cursor: help;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .prebuilt-tooltip {
    background: #2d2d2d !important;
    border-color: #444 !important;
    color: #eee !important;
  }

  .prebuilt-tooltip strong {
    color: #fff;
  }

  .prebuilt-tooltip p {
    color: #ccc;
  }
}