.tooltip-content {
    position: fixed;
    z-index: 9999;
    padding: 8px 10px;
    font-size: 0.75rem;
    line-height: 1.3;
    white-space: nowrap;
    border-radius: 6px;
    color: var(--bg-primary);
    background: color-mix(in srgb, var(--text-primary) 90%, transparent);
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    pointer-events: none;
    animation: tooltip-in 0.15s ease-out;
}

@keyframes tooltip-in {
    from { opacity: 0; transform: translateY(-2px); }
    to   { opacity: 1; transform: translateY(0); }
}