/* styles-info-tip.css — окно подсказки значка «!» (`.access-tip[data-tip]`, app-info-tip.js).
   Владелец 23.10.2026: окно светлое, как поля ввода на листе, тёмный текст — отделяется
   от тёмной плашки и таблицы под ним. Одно окно на странице, координаты считает JS. */

.access-tip { cursor: help; }

.info-tip-float {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  box-sizing: border-box;
  width: max-content;
  max-width: min(400px, calc(100vw - 24px));
  overflow-y: auto;
  white-space: pre-line;
  text-align: left;
  text-transform: none;
  letter-spacing: normal;
  font-size: 13px;
  line-height: 1.55;
  font-weight: 400;
  color: #142640;
  background: #f7faff;
  border: 1px solid #c3d3ea;
  border-radius: 10px;
  padding: 12px 14px;
  box-shadow: 0 0 0 1px rgba(3, 10, 24, 0.35), 0 18px 48px rgba(0, 0, 0, 0.6);
}
.info-tip-float.is-shown { display: block; }

/* Уголок к «!» — отдельный элемент: прокрутка длинного окна его не уносит. */
.info-tip-arrow {
  display: none;
  position: fixed;
  z-index: 10001;
  width: 10px;
  height: 10px;
  background: #f7faff;
  border-left: 1px solid #c3d3ea;
  border-top: 1px solid #c3d3ea;
  transform: rotate(45deg);
  pointer-events: none;
}
.info-tip-arrow.is-up { transform: rotate(225deg); }
.info-tip-arrow.is-shown { display: block; }

/* Открытый «!» подсвечен цветом окна — видно, чья подсказка. */
.access-tip.is-open .access-info-badge {
  background: #f7faff;
  color: #142640;
  border-color: #f7faff;
  opacity: 1;
}