/* Drop 742: link descriptions on hover — one tooltip for the staff panel, the client portal and the website.
   Colours invert the current theme, so it reads in light and dark without fixed colours. */
.tip-bubble { position: fixed; z-index: 3000; max-width: min(22rem, calc(100vw - 16px)); padding: .5rem .7rem; border-radius: 9px; pointer-events: none;
  background: var(--tip-bg, var(--a-fg, var(--fg, CanvasText))); color: var(--tip-fg, var(--a-bg, var(--bg, Canvas)));
  font-size: .8rem; font-weight: 500; line-height: 1.45; text-align: start; box-shadow: 0 10px 30px rgba(0,0,0,.25);
  opacity: 0; transform: translateY(3px); transition: opacity .12s, transform .12s; }
.tip-bubble.is-on { opacity: 1; transform: none; }
.tip-bubble[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) { .tip-bubble { transition: none; } }