/* Tooltip — 1:1 aus ERP utilities.css (.mage-tooltip, body-angehängt, JS in tooltip.js). */
/* Etwaige Pseudo-Element-Tooltips abschalten */
[data-tooltip]::before, [data-tooltip]::after { display: none !important; }

.mage-tooltip {
    position: fixed;
    background: #1a1a1a;
    color: #fff;
    font-size: 10px;
    padding: 4px 8px;
    border-radius: 3px;
    pointer-events: none;
    white-space: nowrap;
    z-index: 99999;
    opacity: 0;
    transition: opacity 0.12s;
}
.mage-tooltip.visible { opacity: 1; }
.mage-tooltip-arrow {
    position: absolute;
    width: 8px; height: 8px;
    background: #1a1a1a;
    transform: rotate(45deg);
}
.mage-tooltip.pos-above .mage-tooltip-arrow { bottom: -4px; left: 50%; margin-left: -4px; }
.mage-tooltip.pos-below .mage-tooltip-arrow { top: -4px; left: 50%; margin-left: -4px; }