/*
 * tooltip.css
 * Страница: все
 * Блок: подсказки и поповеры при наведении
 *
 * Что внутри:
 * 1. Поповер поверх окон
 * 2. Заголовок поповера с крестиком
 */

/* --- 1. Поповер поверх окон --- */

/*
 * `tooltip.js` вешает поповер на `container: 'body'` — иначе Bootstrap
 * вставляет его рядом с самим значком «?», а тот часто лежит внутри
 * окна (`.wms-window`). Окно — свой `position: fixed` со своим
 * z-index (`windows.js` считает `topZIndex` от 100010), и поповер
 * внутри него не может оказаться выше **другого** окна, поднятого
 * поверх, — упирается в потолок своего же родителя (задача №3
 * трекера, снимок Александра: подсказка ушла под соседнее окно).
 *
 * `container: 'body'` выносит поповер к самому телу страницы, рядом
 * с окнами, а не внутрь одного из них — но без своего z-index он всё
 * равно встанет по порядку в разметке, то есть чаще всего ниже
 * последнего открытого окна. Число то же, что у уведомлений
 * `wmsFlash` (`common/assets/flash/flash.css`) — оно уже посчитано
 * выше любого окна с запасом, второй раз этот счёт не изобретаем.
 */
.popover {
    z-index: 1000000;
}

/* --- 2. Заголовок поповера с крестиком --- */

/*
 * Заголовок и крестик по краям одного ряда — тот же приём, что
 * в шапке окна и модального окна подтверждения (`ConfirmModal`).
 * Крестик кладёт сюда сам `tooltip.js` после показа: у Bootstrap
 * заголовок — это только текст `title`, своего места под кнопку
 * закрытия в нём нет.
 */
.popover-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
}