/* Подключается в _Layout и в редакторе агента (у него свой макет без dash-components.css). */
/* ── Подсказка при наведении: data-tip="текст" (кнопки-иконки). Появляется с задержкой над элементом. ── */
[data-tip] { position: relative; }
[data-tip]::after {
    content: attr(data-tip); position: absolute; left: 50%; bottom: calc(100% + 8px); z-index: 1250;
    transform: translate(-50%, 4px); padding: 5px 9px; border-radius: var(--r-md);
    background: var(--surface-4); color: var(--text-1); border: 1px solid var(--border-strong); box-shadow: var(--shadow-md);
    font-size: 12px; font-weight: var(--fw-medium); line-height: 1.3; white-space: nowrap; pointer-events: none;
    opacity: 0; visibility: hidden; transition: opacity var(--t-fast), transform var(--t-fast), visibility var(--t-fast);
}
[data-tip]:hover::after, [data-tip]:focus-visible::after {
    opacity: 1; visibility: visible; transform: translate(-50%, 0); transition-delay: .35s;
}
[data-tip-pos="left"]::after { left: auto; right: 0; transform: translate(0, 4px); }
[data-tip-pos="left"]:hover::after, [data-tip-pos="left"]:focus-visible::after { transform: translate(0, 0); }
@media (hover: none) { [data-tip]::after { display: none; } }