/* Shared tooltip recipe from the cabinet; tokens/fonts/theme are its only dependencies. */
/* ДС-тултип v1 (канон Макса 17.07, донор shadcn Tooltip; [[design_system_tooltip]]):
   <элемент class="tl-tip" tabindex="0" data-tip="…" aria-label="…">. Инверсная
   плашка --text-strong/--bg (автоинверсия тем), r8, 12.5/1.4, показ МГНОВЕННЫЙ
   на :hover и :focus (тач = первый тап; native title НЕ вешать — двойная плашка),
   вход fade+2px 120ms, уход мгновенный (канон модалок), стрелки нет (без Radix
   врёт у краёв), z 210 — выше модалок 200, переедет с ревизией z-канона. */
.tl-tip{position:relative}
.tl-tip::after{content:attr(data-tip);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%,0);z-index:210;width:max-content;max-width:min(320px,calc(100vw - 32px));background:var(--text-strong);color:var(--bg);border-radius:8px;padding:8px 12px;font-size:12.5px;line-height:var(--lh-18);font-weight:400;text-align:left;white-space:normal;text-wrap:balance;pointer-events:none;opacity:0;visibility:hidden}
.tl-tip:hover::after,.tl-tip:focus::after{opacity:1;visibility:visible;animation:tlTipIn .12s ease-out}
/* Сдвиг входа — margin-top, НЕ transform: у модификаторов --left/--right свой
   transform:none, и transform-кейфрейм у них ехал бы вбок (улов Кости 17.07). */
@keyframes tlTipIn{from{opacity:0;margin-top:-2px}}
@media (prefers-reduced-motion:reduce){.tl-tip:hover::after,.tl-tip:focus::after{animation:none}}
.tl-tip--left::after{left:0;transform:none}
.tl-tip--right::after{left:auto;right:0;transform:none}

.tl-tip--side::after{top:50%;left:calc(100% + 6px);transform:translateY(-50%)}