/* Launch Intelligence — Dynamic Trust Radar (CSS/SVG only, #page-ai-insights) */

/* ── Tokens & motion (6–14s, ease-in-out) ── */

@keyframes li-tradar-rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes li-tradar-rotate-reverse {
  from {
    transform: rotate(360deg);
  }
  to {
    transform: rotate(0deg);
  }
}

@keyframes li-tradar-signal-sweep {
  0%,
  100% {
    transform: translate3d(-120%, -120%, 0) rotate(35deg);
    opacity: 0;
  }
  8% {
    opacity: 0.35;
  }
  50% {
    transform: translate3d(120%, 120%, 0) rotate(35deg);
    opacity: 0.55;
  }
  92% {
    opacity: 0.2;
  }
}

@keyframes li-tradar-verdict-crossfade {
  0%,
  100% {
    filter: none;
    opacity: 1;
  }
  18% {
    filter: brightness(1.06);
    opacity: 0.94;
  }
  42% {
    filter: brightness(1.02);
    opacity: 1;
  }
}

@keyframes li-tradar-pulse-dot {
  0%,
  100% {
    opacity: 0.55;
    transform: scale(0.92);
    box-shadow: 0 0 0 0 rgba(15, 168, 157, 0);
  }
  50% {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 0 8px rgba(15, 168, 157, 0.35);
  }
}

@keyframes li-tradar-pulse-dot-amber {
  0%,
  100% {
    opacity: 0.5;
    transform: scale(0.92);
    box-shadow: 0 0 0 0 rgba(245, 158, 11, 0);
  }
  50% {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 0 8px rgba(245, 158, 11, 0.28);
  }
}

@keyframes li-tradar-scan-trace {
  0%,
  100% {
    background-position: 200% 0;
    opacity: 0;
  }
  15% {
    opacity: 0.5;
  }
  50% {
    background-position: -100% 0;
    opacity: 0.75;
  }
  85% {
    opacity: 0.25;
  }
}

@keyframes li-tradar-analysis-dots {
  0%,
  100% {
    opacity: 0.35;
    background-position: 0 0;
  }
  50% {
    opacity: 0.7;
    background-position: 12px 0;
  }
}

@keyframes li-tradar-micro-ring {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(-360deg);
  }
}

/* ── 1. Trust radar rings (concentric, slow rotate, low opacity) ── */

#page-ai-insights .li-hero-trust-wrap {
  position: relative;
  isolation: isolate;
}

#page-ai-insights .li-hero-trust-wrap::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 88px;
  height: 88px;
  margin-top: -44px;
  z-index: 0;
  pointer-events: none;
  border-radius: 50%;
  opacity: 0.22;
  background:
    repeating-radial-gradient(
      circle at 50% 50%,
      transparent 0,
      transparent 14px,
      rgba(15, 168, 157, 0.14) 14px,
      rgba(15, 168, 157, 0.14) 15px,
      transparent 15px,
      transparent 28px
    ),
    conic-gradient(
      from 0deg at 50% 50%,
      transparent 0deg,
      rgba(15, 168, 157, 0.08) 40deg,
      transparent 80deg,
      rgba(47, 159, 154, 0.06) 140deg,
      transparent 200deg,
      rgba(15, 168, 157, 0.07) 280deg,
      transparent 360deg
    );
  animation: li-tradar-rotate 13s ease-in-out infinite;
  transform-origin: 26px 50%;
}

#page-ai-insights .li-hero-trust-ring::before {
  content: "";
  position: absolute;
  inset: -4px;
  z-index: 0;
  pointer-events: none;
  border-radius: 50%;
  border: 1px dashed rgba(15, 168, 157, 0.18);
  opacity: 0.45;
  animation: li-tradar-micro-ring 10s ease-in-out infinite;
}

#page-ai-insights .li-hero-core-ring-stage .li-hero-core-ring,
#page-ai-insights .li-hero-core-ring-stage .li-hero-core-ring-glow {
  z-index: 1;
}

#page-ai-insights .li-hero-core-ring-stage::after {
  content: "";
  position: absolute;
  inset: -6px;
  z-index: 0;
  pointer-events: none;
  border-radius: 50%;
  opacity: 0.2;
  background: repeating-radial-gradient(
    circle at 50% 50%,
    transparent 0,
    transparent 18px,
    rgba(15, 168, 157, 0.1) 18px,
    rgba(15, 168, 157, 0.1) 19px,
    transparent 19px,
    transparent 36px
  );
  animation: li-tradar-rotate-reverse 14s ease-in-out infinite;
}

#page-ai-insights .li-risk-snapshot {
  isolation: isolate;
}

#page-ai-insights .li-risk-snapshot::after {
  content: "";
  position: absolute;
  inset: -8%;
  z-index: 0;
  pointer-events: none;
  opacity: 0.16;
  background:
    radial-gradient(circle at 50% 50%, transparent 38%, rgba(15, 168, 157, 0.12) 39%, transparent 41%),
    radial-gradient(circle at 50% 50%, transparent 58%, rgba(15, 168, 157, 0.08) 59%, transparent 61%),
    radial-gradient(circle at 50% 50%, transparent 76%, rgba(47, 159, 154, 0.06) 77%, transparent 79%),
    conic-gradient(
      from 90deg at 72% 28%,
      transparent,
      rgba(15, 168, 157, 0.05) 25%,
      transparent 50%
    );
  animation: li-tradar-rotate 12s ease-in-out infinite;
  transform-origin: 72% 28%;
}

#page-ai-insights #li-risk-verdict-band {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  transition:
    border-color 0.9s ease-in-out,
    background 0.9s ease-in-out,
    box-shadow 0.9s ease-in-out;
}

#page-ai-insights #li-risk-verdict-band::before {
  content: "";
  position: absolute;
  inset: -40%;
  z-index: 0;
  pointer-events: none;
  opacity: 0.14;
  border-radius: 50%;
  background: repeating-radial-gradient(
    circle at 50% 50%,
    transparent 0,
    transparent 22px,
    rgba(15, 168, 157, 0.11) 22px,
    rgba(15, 168, 157, 0.11) 23px,
    transparent 23px,
    transparent 44px
  );
  animation: li-tradar-rotate 14s ease-in-out infinite;
}

#page-ai-insights #li-risk-verdict-band > * {
  position: relative;
  z-index: 1;
}

/* ── 2. Signal sweep on risk signal cards ── */

#page-ai-insights .li-risk-card {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

#page-ai-insights .li-risk-card::before {
  content: "";
  position: absolute;
  inset: -50%;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(
    125deg,
    transparent 42%,
    rgba(15, 168, 157, 0.04) 48%,
    rgba(47, 159, 154, 0.06) 50%,
    rgba(15, 168, 157, 0.04) 52%,
    transparent 58%
  );
  animation: li-tradar-signal-sweep 9s ease-in-out infinite;
}

#page-ai-insights .li-risk-card[data-li-risk-card="creator-reputation"]::before {
  animation-duration: 10s;
  animation-delay: 0.5s;
}

#page-ai-insights .li-risk-card[data-li-risk-card="treasury-structure"]::before {
  animation-duration: 8.5s;
  animation-delay: 2s;
}

#page-ai-insights .li-risk-card[data-li-risk-card="behavioral-signals"]::before {
  animation-duration: 9.5s;
  animation-delay: 3.5s;
}

#page-ai-insights .li-risk-card[data-li-risk-card="metadata-integrity"]::before {
  animation-duration: 8s;
  animation-delay: 1.2s;
}

#page-ai-insights .li-risk-card > * {
  position: relative;
  z-index: 1;
}

/* ── 3. Verdict / signal-state color crossfade (existing classes only) ── */

#page-ai-insights .li-risk-card-verdict {
  transition: color 0.85s ease-in-out;
}

#page-ai-insights .li-risk-verdict-band-label,
#page-ai-insights .li-risk-verdict-band-desc {
  transition: color 0.85s ease-in-out;
}

#page-ai-insights .li-risk-verdict-band.is-li-sim-updated {
  animation: li-tradar-verdict-crossfade 1.1s ease-in-out;
}

#page-ai-insights .li-risk-verdict-band.is-medium-risk {
  box-shadow:
    inset 0 0 0 1px rgba(245, 158, 11, 0.06),
    0 0 18px rgba(245, 158, 11, 0.06);
}

#page-ai-insights .li-risk-verdict-band.is-low-risk,
#page-ai-insights .li-risk-verdict-band.is-improving {
  box-shadow:
    inset 0 0 0 1px rgba(15, 168, 157, 0.08),
    0 0 18px rgba(15, 168, 157, 0.07);
}

#page-ai-insights .li-risk-verdict-band.is-review {
  box-shadow:
    inset 0 0 0 1px rgba(245, 158, 11, 0.08),
    0 0 16px rgba(245, 158, 11, 0.07);
}

/* Card verdict tone crossfade (Clean / Stable / Medium / neutral) */
#page-ai-insights .li-risk-card[data-li-risk-card="metadata-integrity"] .li-risk-card-verdict.is-tone-teal,
#page-ai-insights .li-risk-card[data-li-risk-card="treasury-structure"] .li-risk-card-verdict.is-tone-teal {
  text-shadow: 0 0 20px rgba(15, 168, 157, 0.12);
}

#page-ai-insights .li-risk-card[data-li-risk-card="creator-reputation"] .li-risk-card-verdict.is-tone-amber {
  text-shadow: 0 0 18px rgba(245, 158, 11, 0.1);
}

/* ── 4. Pulse indicators (active trust findings) ── */

#page-ai-insights .li-risk-card[data-li-risk-card="metadata-integrity"] .li-risk-card-verdict.is-tone-teal::after,
#page-ai-insights .li-risk-card[data-li-risk-card="treasury-structure"] .li-risk-card-verdict.is-tone-teal::after,
#page-ai-insights .li-lis-timeline-stage.is-complete .li-lis-timeline-node::after,
#page-ai-insights .li-lis-badge.is-active::after,
#page-ai-insights .li-risk-verification-badge.is-li-sim-badge-active::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -10px;
  width: 5px;
  height: 5px;
  margin-top: -2px;
  border-radius: 50%;
  pointer-events: none;
}

#page-ai-insights .li-risk-card .li-risk-card-verdict.is-tone-teal {
  position: relative;
  padding-right: 4px;
}

#page-ai-insights .li-risk-card .li-risk-card-verdict.is-tone-teal::after {
  right: -8px;
  background: rgba(15, 168, 157, 0.85);
  animation: li-tradar-pulse-dot 7s ease-in-out infinite;
}

#page-ai-insights .li-lis-timeline-stage.is-active .li-lis-timeline-node {
  position: relative;
}

#page-ai-insights .li-lis-timeline-stage.is-active .li-lis-timeline-node::after {
  top: -2px;
  right: -2px;
  margin-top: 0;
  background: rgba(245, 158, 11, 0.9);
  animation: li-tradar-pulse-dot-amber 6s ease-in-out infinite;
}

#page-ai-insights .li-lis-timeline-stage.is-complete .li-lis-timeline-node::after {
  top: -2px;
  right: -2px;
  margin-top: 0;
  background: rgba(15, 168, 157, 0.9);
  animation: li-tradar-pulse-dot 8s ease-in-out infinite;
}

#page-ai-insights .li-lis-badge {
  position: relative;
}

#page-ai-insights .li-lis-badge.is-active::after {
  top: 8px;
  right: 8px;
  background: rgba(15, 168, 157, 0.9);
  animation: li-tradar-pulse-dot 7s ease-in-out infinite;
}

#page-ai-insights .li-risk-verification-badge {
  position: relative;
}

#page-ai-insights .li-risk-verification-badge.is-li-sim-badge-active::after {
  top: 50%;
  right: 8px;
  margin-top: -2px;
  background: rgba(15, 168, 157, 0.88);
  animation: li-tradar-pulse-dot 8s ease-in-out infinite;
}

#page-ai-insights .li-risk-card[data-li-risk-card="creator-reputation"] .li-risk-card-verdict.is-tone-amber::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -8px;
  width: 5px;
  height: 5px;
  margin-top: -2px;
  border-radius: 50%;
  background: rgba(245, 158, 11, 0.9);
  pointer-events: none;
  animation: li-tradar-pulse-dot-amber 7s ease-in-out infinite;
}

/* ── 5. Glow-tier hierarchy (teal / amber / muted inactive) ── */

#page-ai-insights .li-risk-card:has(.is-tone-teal),
#page-ai-insights .li-lis-badge.is-active,
#page-ai-insights .li-risk-verification-badge.is-verified.is-li-sim-badge-active,
#page-ai-insights .li-risk-verification-badge.is-teal {
  box-shadow:
    inset 0 1px 0 rgba(15, 168, 157, 0.06),
    0 0 0 1px rgba(15, 168, 157, 0.1),
    0 0 14px rgba(15, 168, 157, 0.05);
}

#page-ai-insights .li-risk-card:has(.is-tone-amber),
#page-ai-insights .li-risk-verification-badge.is-review,
#page-ai-insights .li-risk-verification-badge.is-amber {
  box-shadow:
    inset 0 1px 0 rgba(245, 158, 11, 0.05),
    0 0 0 1px rgba(245, 158, 11, 0.1),
    0 0 12px rgba(245, 158, 11, 0.05);
}

#page-ai-insights .li-risk-card:has(.is-tone-neutral),
#page-ai-insights .li-lis-badge:not(.is-active),
#page-ai-insights .li-risk-verification-badge.is-pending:not(.is-li-sim-badge-active) {
  box-shadow: inset 0 1px 0 rgba(148, 163, 184, 0.04);
  opacity: 0.96;
}

#page-ai-insights #li-ops-panel-intelligence .li-intel-card-chip.is-teal,
#page-ai-insights #li-ops-panel-intelligence .li-pv-badge.is-verified,
#page-ai-insights #li-ops-panel-intelligence .li-tp-badge.is-ready {
  box-shadow: 0 0 12px rgba(15, 168, 157, 0.08);
}

#page-ai-insights #li-ops-panel-intelligence .li-intel-card-chip.is-amber,
#page-ai-insights #li-ops-panel-intelligence .li-pv-badge.is-review {
  box-shadow: 0 0 10px rgba(245, 158, 11, 0.07);
}

/* ── 6. Hover intelligence (transform only, no layout shift) ── */

#page-ai-insights .li-risk-card,
#page-ai-insights .li-lis-badge,
#page-ai-insights #li-ops-panel-intelligence .li-intel-card-chip {
  transition:
    transform 0.32s ease-in-out,
    box-shadow 0.32s ease-in-out,
    border-color 0.32s ease-in-out;
}

#page-ai-insights .li-risk-card:hover {
  transform: translateY(-1px) scale(1.01);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 8px 22px rgba(0, 0, 0, 0.16),
    0 0 20px rgba(15, 168, 157, 0.09);
}

#page-ai-insights .li-risk-card:hover .li-risk-card-title {
  text-decoration: underline;
  text-decoration-color: rgba(15, 168, 157, 0.35);
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}

#page-ai-insights .li-hero-panel--trust:hover .li-hero-trust-wrap {
  filter: drop-shadow(0 0 14px rgba(15, 168, 157, 0.12));
}

#page-ai-insights .li-lis-badge:hover {
  transform: translateY(-1px) scale(1.01);
}

/* ── 7. Preview / analysis-running micro-motion ── */

#page-ai-insights .li-risk-snapshot-head {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

#page-ai-insights .li-risk-snapshot-head::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 72px;
  height: 3px;
  z-index: 0;
  pointer-events: none;
  opacity: 0.55;
  background-image: radial-gradient(circle, rgba(15, 168, 157, 0.55) 1px, transparent 1.5px);
  background-size: 8px 3px;
  animation: li-tradar-analysis-dots 6s ease-in-out infinite;
}

#page-ai-insights .li-risk-snapshot-badge {
  position: relative;
  overflow: hidden;
}

#page-ai-insights .li-risk-snapshot-badge::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(
    105deg,
    transparent 35%,
    rgba(245, 158, 11, 0.12) 50%,
    transparent 65%
  );
  background-size: 220% 100%;
  opacity: 0.65;
  animation: li-tradar-scan-trace 10s ease-in-out infinite;
}

#page-ai-insights .li-lis-block-head:has(.li-lis-preview-pill) {
  position: relative;
  overflow: hidden;
}

#page-ai-insights .li-lis-block-head:has(.li-lis-preview-pill)::after {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(15, 168, 157, 0.35) 45%,
    rgba(47, 159, 154, 0.25) 55%,
    transparent
  );
  background-size: 200% 100%;
  opacity: 0.5;
  animation: li-tradar-scan-trace 11s ease-in-out infinite;
}

#page-ai-insights .li-lis-preview-pill::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-right: 5px;
  vertical-align: middle;
  border-radius: 50%;
  background: rgba(148, 163, 184, 0.5);
  box-shadow:
    8px 0 0 rgba(15, 168, 157, 0.45),
    16px 0 0 rgba(148, 163, 184, 0.35);
  animation: li-tradar-pulse-dot 6s ease-in-out infinite;
}

/* ── Intelligence trust chips (same visual system) ── */

#page-ai-insights #li-ops-panel-intelligence .li-intel-card-chip,
#page-ai-insights #li-ops-panel-intelligence .li-pv-badge,
#page-ai-insights #li-ops-panel-intelligence .li-tp-badge {
  position: relative;
  overflow: hidden;
}

#page-ai-insights #li-ops-panel-intelligence .li-intel-card-chip::before,
#page-ai-insights #li-ops-panel-intelligence .li-pv-badge::before {
  content: "";
  position: absolute;
  inset: -120% -40%;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(
    120deg,
    transparent 44%,
    rgba(15, 168, 157, 0.05) 50%,
    transparent 56%
  );
  animation: li-tradar-signal-sweep 12s ease-in-out infinite;
  opacity: 0.7;
}

#page-ai-insights #li-ops-panel-intelligence .li-intel-card-chip > *,
#page-ai-insights #li-ops-panel-intelligence .li-pv-badge > * {
  position: relative;
  z-index: 1;
}

/* ── Reduced motion ── */

@media (prefers-reduced-motion: reduce) {
  #page-ai-insights .li-hero-trust-wrap::before,
  #page-ai-insights .li-hero-trust-ring::before,
  #page-ai-insights .li-hero-core-ring-stage::after,
  #page-ai-insights .li-risk-snapshot::after,
  #page-ai-insights #li-risk-verdict-band::before,
  #page-ai-insights .li-risk-card::before,
  #page-ai-insights .li-risk-verdict-band.is-li-sim-updated,
  #page-ai-insights .li-risk-card .li-risk-card-verdict.is-tone-teal::after,
  #page-ai-insights .li-risk-card[data-li-risk-card="creator-reputation"] .li-risk-card-verdict.is-tone-amber::after,
  #page-ai-insights .li-lis-timeline-stage.is-active .li-lis-timeline-node::after,
  #page-ai-insights .li-lis-timeline-stage.is-complete .li-lis-timeline-node::after,
  #page-ai-insights .li-lis-badge.is-active::after,
  #page-ai-insights .li-risk-verification-badge.is-li-sim-badge-active::after,
  #page-ai-insights .li-risk-snapshot-head::after,
  #page-ai-insights .li-risk-snapshot-badge::after,
  #page-ai-insights .li-lis-block-head:has(.li-lis-preview-pill)::after,
  #page-ai-insights .li-lis-preview-pill::before,
  #page-ai-insights #li-ops-panel-intelligence .li-intel-card-chip::before,
  #page-ai-insights #li-ops-panel-intelligence .li-pv-badge::before {
    animation: none !important;
  }

  #page-ai-insights .li-risk-card:hover,
  #page-ai-insights .li-lis-badge:hover {
    transform: none;
  }
}