/* Extension-only: underline overlay + Custom Highlight.
 * Find bar lives in Shadow DOM (see content.js).
 *
 * token / truncated：CSS Custom Highlight API（不改 DOM、不垫字下）
 * underline（导航）/ pending-underline：#il-overlay-host 盖层，可叠画；统一蓝
 * pending：等待染色；若最终无红色 token，则留下作 chunk 级匹配标记
 */

#il-overlay-host {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  overflow: visible;
  pointer-events: none;
  z-index: 2147483644;
}

/* SYNC: client/src/shared/vis/constants.ts → HIGHLIGHT_CONSTANTS
 * UNDERLINE_WIDTH=2, HIGHLIGHT_COLOR fallback #1e6fff
 * pending：等待染色 / 无 token 时的 chunk 匹配标记；与导航线同色，下移叠画、生命周期互不干涉 */
.il-chunk-underline,
.il-chunk-underline-pending {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  height: 2px;
  border-radius: 2px;
  background: #1e6fff;
}
/* 相对导航线下移 2px（=线高），同位叠画时紧贴、不被盖住 */
.il-chunk-underline-pending {
  transform: translateY(2px);
}

/*
 * token：16 档 background-color。
 * SYNC: SurprisalColorConfig → SURPRISAL_RED_RGB / SURPRISAL_MAX_ALPHA(0.7)
 * alpha = ((level+1)/16) * 0.7
 */
::highlight(il-token-0) {
  background-color: rgba(255, 71, 64, 0.04375);
}
::highlight(il-token-1) {
  background-color: rgba(255, 71, 64, 0.0875);
}
::highlight(il-token-2) {
  background-color: rgba(255, 71, 64, 0.13125);
}
::highlight(il-token-3) {
  background-color: rgba(255, 71, 64, 0.175);
}
::highlight(il-token-4) {
  background-color: rgba(255, 71, 64, 0.21875);
}
::highlight(il-token-5) {
  background-color: rgba(255, 71, 64, 0.2625);
}
::highlight(il-token-6) {
  background-color: rgba(255, 71, 64, 0.30625);
}
::highlight(il-token-7) {
  background-color: rgba(255, 71, 64, 0.35);
}
::highlight(il-token-8) {
  background-color: rgba(255, 71, 64, 0.39375);
}
::highlight(il-token-9) {
  background-color: rgba(255, 71, 64, 0.4375);
}
::highlight(il-token-10) {
  background-color: rgba(255, 71, 64, 0.48125);
}
::highlight(il-token-11) {
  background-color: rgba(255, 71, 64, 0.525);
}
::highlight(il-token-12) {
  background-color: rgba(255, 71, 64, 0.56875);
}
::highlight(il-token-13) {
  background-color: rgba(255, 71, 64, 0.6125);
}
::highlight(il-token-14) {
  background-color: rgba(255, 71, 64, 0.65625);
}
::highlight(il-token-15) {
  background-color: rgba(255, 71, 64, 0.7);
}

/*
 * 未分析后缀置灰：统一灰（不跟链接/标题各自字色）。
 * CanvasText / Canvas 随色彩方案变，深浅色均可读。
 */
::highlight(il-truncated) {
  color: color-mix(in srgb, CanvasText 40%, Canvas 60%);
}