/* Единый тултип проекта. Заменяет системные браузерные подсказки (атрибут title)
   на стилизованную тёмную плашку в теме Vetka. Подключается глобально (Startup), работает
   для любого элемента с title — без правок разметки. Логика — vetka-tooltip.js. */
.vetka-tip {
    position: fixed;
    z-index: 4000;
    left: 0;
    top: 0;
    pointer-events: none;
    max-width: 280px;
    padding: 6px 10px;
    border-radius: 8px;
    background: var(--ink, #0f172a);
    color: #fff;
    font-family: -apple-system, "Segoe UI", system-ui, Roboto, sans-serif;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.4;
    box-shadow: 0 8px 22px -8px rgba(15, 23, 42, .45);
    opacity: 0;
    transform: translateY(3px);
    transition: opacity .12s ease, transform .12s ease;
}

.vetka-tip.show {
    opacity: 1;
    transform: translateY(0);
}

/* стрелка: маленький повёрнутый квадрат того же цвета; сторона зависит от размещения */
.vetka-tip::after {
    content: "";
    position: absolute;
    left: var(--vtip-arrow, 50%);
    width: 8px;
    height: 8px;
    background: var(--ink, #0f172a);
    transform: translateX(-50%) rotate(45deg);
}

.vetka-tip:not(.vetka-tip--below)::after {
    bottom: -3px;
}

.vetka-tip--below::after {
    top: -3px;
}