/* HR Select • единая визуальная тема подсказок. ВНИМАНИЕ: не меняем позиционирование старых компонентов. */
:root {
  --hr-tip-bg: #ffffff;
  --hr-tip-fg: #273449;
  --hr-tip-border: #d7dfea;
  --hr-tip-shadow: 0 4px 13px rgba(34, 49, 71, 0.15);
  --hr-tip-radius: 5px;
  --hr-tip-padding: 9px 13px;
  --hr-tip-font-size: 15px;
  --hr-tip-line-height: 1.42;
}

/* Обычные HTML title и data-hr-tooltip: единственный компонент с авто-позиционированием. */
#hr-site-tooltip {
  position: fixed;
  inset: auto;
  display: block;
  z-index: 2147483000;
  width: max-content;
  max-width: min(410px, calc(100vw - 24px));
  min-width: 0;
  overflow-wrap: anywhere;
  box-sizing: border-box;
  pointer-events: none;
  padding: var(--hr-tip-padding);
  background: var(--hr-tip-bg);
  color: var(--hr-tip-fg);
  border: 1px solid var(--hr-tip-border);
  border-radius: var(--hr-tip-radius);
  box-shadow: var(--hr-tip-shadow);
  font-family: inherit;
  font-size: var(--hr-tip-font-size);
  font-weight: 400;
  line-height: var(--hr-tip-line-height);
  letter-spacing: normal;
  text-align: left;
  white-space: normal;
  opacity: 0;
  visibility: hidden;
  transition: opacity 120ms ease, visibility 120ms ease;
}
#hr-site-tooltip[data-visible="true"] { opacity: 1; visibility: visible; }

/* Уже существующие компоненты: меняем только внешний вид, не top/left/transform/placement. */
.custom-tooltip-box,
.action-tooltip-btn::after,
.scale-label[data-tooltip]::after,
.pp-tooltip,
.tippy-box,
.tooltip-inner,
[role="tooltip"]:not(#hr-site-tooltip) {
  background: var(--hr-tip-bg) !important;
  background-color: var(--hr-tip-bg) !important;
  color: var(--hr-tip-fg) !important;
  border: 1px solid var(--hr-tip-border) !important;
  border-radius: var(--hr-tip-radius) !important;
  box-shadow: var(--hr-tip-shadow) !important;
  padding: var(--hr-tip-padding) !important;
  font-family: inherit !important;
  font-size: var(--hr-tip-font-size) !important;
  font-weight: 400 !important;
  line-height: var(--hr-tip-line-height) !important;
  letter-spacing: normal !important;
  text-align: left !important;
  box-sizing: border-box !important;
}
/* Псевдо-стрелка старой тёмной подсказки не подходит к белому стилю. */
.action-tooltip-btn::before { display: none !important; }

/* Подсказки ранжирования остаются сверху/снизу по исходному CSS ticket.css. */
.scale-label[data-tooltip]::after {
  max-width: min(360px, calc(100vw - 24px)) !important;
  overflow-wrap: anywhere;
}

/* Если сторонняя библиотека tippy/Bootstrap создает отдельную стрелку, она наследует белый фон. */
.tippy-arrow { color: var(--hr-tip-bg) !important; }
.tooltip-arrow::before { border-top-color: var(--hr-tip-bg) !important; }

@media (prefers-reduced-motion: reduce) {
  #hr-site-tooltip { transition: none; }
}

/* HR Select 16: consistent compact controls + cursor-following descriptions. */
#hr-site-tooltip { white-space: pre-line; pointer-events: none; }
/* Old static companion of a shortened company name must not render alongside
   the single global cursor-following tooltip. */
.company-label-full { display: none !important; }
/* 17px checkbox standard. Preserve the existing colors and checked state. */
input[type="checkbox"]:not([data-hr-checkbox-preserve-size]) {
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  min-height: 17px !important;
  flex: 0 0 17px;
}
/* Native intermediate selection must be recognizable even under appearance:none. */
input[type="checkbox"]:indeterminate {
  background: #38b39e !important;
  border-color: #38b39e !important;
}
input[type="checkbox"]:indeterminate::after {
  content: "" !important;
  position: absolute !important;
  display: block !important;
  width: 9px !important;
  height: 2px !important;
  background: white !important;
  border: 0 !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

/* Do not let component display:flex override the native hidden attribute. */
.hr16-mail-action[hidden], .status-menu form[hidden] {display:none !important;}