/* insider-signals-badge.css — Phase 13/14c insider-coordination pill.
 *
 * Sized to sit inline next to .lc-verified / .lc-fu / .lc-devw (the
 * existing badge family in launchpad-live-coins.css). Unlike those
 * single-glyph badges, this pill carries a short label + stats
 * (e.g. "🔴 RUG 5w · 35%") because the severity-class and the
 * wallets/supply numbers are operator-decision-relevant at a glance.
 *
 * Severity colour palette mirrors the cross-page signal palette
 * already in use (red = .lc-sig-concentrated, green = .lc-sig-squeeze,
 * yellow = .lc-deployer__repeat). No new colour identities.
 *
 * Mobile reflow (≤640px): the .lc-insider__label spans hide. Only the
 * icon glyph + .lc-insider__stats remain — keeps the row from
 * overflowing on narrow viewports. Tooltip / aria-label preserve the
 * full sentence for screen-reader users + hover-tooltip on desktop.
 */

.lc-insider {
  display: inline-flex;
  align-items: center;
  gap: 0.25em;
  padding: 0.05em 0.45em;
  border-radius: 0.5em;
  font-size: 0.72rem;
  font-weight: 700;
  line-height: 1.35;
  letter-spacing: 0.01em;
  vertical-align: middle;
  cursor: default;
  white-space: nowrap;
  transition: background-color 0.15s ease, border-color 0.15s ease;
}

.lc-insider__icon {
  font-size: 0.85em;
  line-height: 1;
}

.lc-insider__label {
  font-weight: 800;
  letter-spacing: 0.03em;
}

.lc-insider__stats {
  opacity: 0.82;
  font-weight: 600;
}

/* Severity variants. Foreground/background pairs derived from the
 * cross-page palette — same hues as devw / sig-* family. */

.lc-insider--rug {
  color: #ef4444;
  background: rgba(239, 68, 68, 0.14);
  border: 1px solid rgba(239, 68, 68, 0.36);
}
.lc-table tr:hover .lc-insider--rug {
  background: rgba(239, 68, 68, 0.22);
  border-color: rgba(239, 68, 68, 0.52);
}

.lc-insider--warn {
  color: #f59e0b;
  background: rgba(245, 158, 11, 0.14);
  border: 1px solid rgba(245, 158, 11, 0.36);
}
.lc-table tr:hover .lc-insider--warn {
  background: rgba(245, 158, 11, 0.22);
  border-color: rgba(245, 158, 11, 0.52);
}

.lc-insider--cluster {
  color: #22c55e;
  background: rgba(34, 197, 94, 0.12);
  border: 1px solid rgba(34, 197, 94, 0.30);
}
.lc-table tr:hover .lc-insider--cluster {
  background: rgba(34, 197, 94, 0.20);
  border-color: rgba(34, 197, 94, 0.48);
}

/* Sniper — same red as rug because a single-wallet 80%-supply grab is
 * structurally the same operator-actionable signal as a coordinated
 * cluster (both = "one entity controls the float"). */
.lc-insider--sniper {
  color: #ef4444;
  background: rgba(239, 68, 68, 0.14);
  border: 1px solid rgba(239, 68, 68, 0.36);
}
.lc-table tr:hover .lc-insider--sniper {
  background: rgba(239, 68, 68, 0.22);
  border-color: rgba(239, 68, 68, 0.52);
}

/* Mobile reflow — hide the label text on narrow viewports so the
 * row's .lc-meta-row doesn't overflow. Icon + stats still convey the
 * signal; full sentence is in the tooltip + aria-label. */
@media (max-width: 640px) {
  .lc-insider__label {
    display: none;
  }
  .lc-insider {
    padding: 0.05em 0.35em;
  }
}