/* Tooltip styles - single-line help tooltips
 *
 * Visual idea: a single-line box with a 1px black border on the top and
 * left edges, and a 3px black border on the bottom and right edges (giving
 * a subtle "raised" drop effect). The background is customisable via the
 * 'tooltipbkgnd' global property (default #fffdb3).
 *
 * This system is independent from the MacOS 9 style balloon help
 * (balloon.css / balloon-tooltip) so both can be shown at once.
 */
.wt-tooltip {
    position: fixed;
    /* Default background; overridden inline by the tooltip system from
       window.tooltipBkgnd. Kept here so the element is never transparent
       before the inline style is applied. */
    background-color: #fffdb3;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 3px solid #000;
    border-bottom: 3px solid #000;
    padding: 2px 6px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    font-size: 12px;
    color: #000;
    line-height: 16px;
    z-index: 100001;
    pointer-events: none;
    /* Single-line: prevent wrapping so the box stays one line. Long text
       will overflow rather than wrap, matching typical tooltip behaviour. */
    white-space: nowrap;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: none;
}

.wt-tooltip.show {
    display: block;
}

/* Multi-line IDE help tooltip (tooltip-IDEhelp.js).
 * Same visual style as .wt-tooltip but allows line wrapping so multi-line
 * help text displays correctly. */
.wt-tooltip.wt-idehelp-tooltip {
    white-space: pre-wrap;
    max-width: 360px;
}