/* Tooltip — 1:1 aus ERP utilities.css (.mage-tooltip, body-angehängt, JS in tooltip.js). */
/* Etwaige Pseudo-Element-Tooltips abschalten */
/* NICHT für Icon-Glyphen (bootstrap-icons zeichnet das Icon selbst per ::before) — sonst ist jedes
   nackte Design::icon() mit Tooltip unsichtbar (Anhang-X, Ordner-X …). */
[data-tooltip]:not(.bi)::before, [data-tooltip]:not(.bi)::after { display: none !important; }

.mage-tooltip {
    position: fixed;
    background: var(--ink);
    color: var(--surface);
    font-size:var(--fs-2xs);
    padding:var(--sp-1) var(--sp-3);
    border-radius:var(--radius);
    pointer-events: none;
    white-space: nowrap;
    z-index:var(--z-tooltip);
    opacity: 0;
    transition: opacity var(--dur-fast);
}
.mage-tooltip.visible { opacity: 1; }
.mage-tooltip-arrow {
    position: absolute;
    width:var(--sz-8); height:var(--sz-8);
    background: var(--ink);
    transform: rotate(45deg);
}
.mage-tooltip.pos-above .mage-tooltip-arrow { bottom: -4px; left: 50%; margin-left: calc(-1 * var(--sp-1)); }
.mage-tooltip.pos-below .mage-tooltip-arrow { top: -4px; left: 50%; margin-left: calc(-1 * var(--sp-1)); }