/* live-chip.css - chrome for 15-minute live values (js/shared/live-feed.js).
   A .live-chip marks any figure sourced from the live feed; .live-banner /
   .live-note are the per-view provenance lines that keep live TY from being
   read against unlabeled daily comparisons. All colors via tokens. */

.live-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  margin-left: 6px;
  padding: 1px 6px;
  border-radius: var(--radius-pill);
  background: rgba(22, 163, 74, 0.12);
  color: var(--success-green);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  vertical-align: middle;
  white-space: nowrap;
}
.live-chip::before {
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--success-green);
  animation: live-chip-pulse 1.6s ease-in-out infinite;
}
@keyframes live-chip-pulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.35; }
}

.live-cell { white-space: nowrap; }

/* Settling variant: live eff margin is real-but-early until the morning
   cancellation batch posts (~11 AM-2 PM ET). Amber = caution, not error. */
.live-chip--settling {
  background: rgba(246, 140, 44, 0.15);
  color: var(--ashley-orange);
}
.live-chip--settling::before { background: var(--ashley-orange); }

.live-banner,
.live-note {
  font-size: 11.5px;
  line-height: 1.45;
  color: var(--primary-blue);
  background: var(--icy-blue);
  border-radius: var(--radius);
  padding: 8px 12px;
  margin: 0 0 10px;
}
.live-note:empty { display: none; }
.live-banner .live-chip,
.live-note .live-chip { margin-left: 0; margin-right: 6px; }