/* Bunny Hills — popover for [data-tooltip] (paired with tooltip.js).
   Uses the shadcn theme tokens from app.css so it tracks light/dark automatically.
   Owned by the data layer (functional); Gemini may restyle via these same tokens. */
/* Matches the shadcn popover look Gemini defined for .cc-tooltip-el (same tokens, size, padding)
   so swapping to the single tooltip.js source is visually identical. */
.cc-tip {
  position: absolute;
  z-index: 60;
  width: max-content;
  max-width: 320px;
  padding: 0.75rem 1rem;
  font-family: var(--sans);
  font-size: 0.875rem;
  line-height: 1.45;
  color: hsl(var(--popover-foreground));
  background: hsl(var(--popover));
  border: 1px solid var(--line);
  border-radius: var(--r);
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  pointer-events: none; /* never steals hover from the chip beneath */
}
.cc-tip[hidden] { display: none; }

/* affordance: chips that carry a definition */
[data-tooltip] { cursor: help; }