/* Tooltip (DSC-031) — zwevend label, door tooltip_controller.js aan * gehangen (position: fixed, dus nooit geclipt door overflow-containers). * Fade: 150ms; prefers-reduced-motion wordt door de tokens-laag afgevangen. */ .ds-tooltip { position: fixed; z-index: 60; max-width: 260px; padding: 4px 10px; border-radius: var(--radius-md); background: var(--color-black); color: var(--color-offwhite); font-size: 12px; font-weight: 600; line-height: 1.45; box-shadow: var(--shadow-raised); pointer-events: none; opacity: 0; transition: opacity 0.15s ease; } .ds-tooltip--visible { opacity: 1; }