/* V1.124 — focused targets report position and semantic intent without extra viewport effects. */
.targeting-decision-position[hidden] {
  display: none !important;
}

body.targeting-focus-session-active .targeting-decision-title {
  padding-right: 72px;
}

.targeting-decision-position {
  grid-column: 2;
  grid-row: 1;
  z-index: 3;
  justify-self: end;
  min-width: 52px;
  margin-right: 2px;
  padding: 4px 8px;
  border: 1px solid color-mix(in srgb, var(--targeting-primary) 62%, transparent);
  border-radius: 999px;
  color: var(--targeting-secondary);
  background: color-mix(in srgb, rgba(4, 10, 17, 0.94) 82%, var(--targeting-primary) 18%);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 0 12px var(--targeting-soft);
  font: 900 10px/1 system-ui, "Microsoft YaHei", sans-serif;
  letter-spacing: 0.08em;
  text-align: center;
  pointer-events: none;
  animation: target-position-chip-enter 150ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}

.targeting-decision-rail[data-focused-target] .targeting-decision-kicker {
  color: var(--targeting-primary);
}

.targeting-decision-rail[data-focused-target] .targeting-decision-detail {
  color: #eefbff;
  text-shadow: 0 0 8px var(--targeting-soft);
}

body.targeting-focus-session-active .target-candidate[data-targeting-navigation-index]:focus-visible .target-reticle::after {
  border-color: var(--target-lock-core, #eaffff) !important;
  filter: drop-shadow(0 0 7px var(--target-lock-line, #8cecff));
}

@keyframes target-position-chip-enter {
  from { opacity: 0; transform: translateX(5px) scale(0.94); }
  to { opacity: 1; transform: translateX(0) scale(1); }
}

@media (max-width: 720px) {
  body.targeting-focus-session-active .targeting-decision-title {
    padding-right: 54px;
  }

  .targeting-decision-position {
    min-width: 42px;
    padding: 3px 5px;
    font-size: 9px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .targeting-decision-position {
    animation: none !important;
  }
}

@media (forced-colors: active) {
  .targeting-decision-position {
    border: 2px solid Highlight;
    color: CanvasText;
    background: Canvas;
    box-shadow: none;
  }
}