/* ─────────────────────────────────────────────────────────────────────────────
   bf-tooltip.css - the platform tooltip bubble (behaviour in bf-tooltip.js).

   ONE renderer for every title="..." on the platform: the JS lifts the native
   title into data-bf-tooltip at interaction time (that's what suppresses the
   unstylable OS tooltip) and this single body-mounted bubble renders it. The
   recipe is the quick bar's label bubble (quickbar.css) - inverted surface,
   --text on --bg, so dark mode is automatic - grown a multiline mode: platform
   titles are often full sentences, and truncating help text to one ellipsised
   line would lose the help. pre-line keeps intentional newlines in composed
   titles.

   Body-mounted, position: fixed, final-size before it fades in - it never
   reflows the page (zero CLS) and never reflows itself once shown. JS owns
   the hover-intent delay (700ms, the industry standard) and all placement;
   this file is purely the look plus the opacity fade.

   z-index: above everything, including modals and the shared context menus
   (6000) - a hover label is the most transient layer there is and must never
   hide under the surface that spawned it. Top of the stack today is 10000. */
.bf-tooltip {
    position: fixed;
    z-index: 10050;
    background: var(--text);
    color: var(--bg);
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0.01em;
    line-height: 1.35;
    padding: 0.36rem 0.55rem;
    border-radius: 8px;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.18);
    max-width: 320px;
    width: max-content;
    white-space: pre-line;
    overflow-wrap: break-word;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.12s ease;
}
.bf-tooltip.is-visible {
    opacity: 1;
}