/* Delta chip: a score move against its predecessor. Improvement is light
   (accent-soft, up triangle), regression is solid warm (down triangle):
   lightness and glyph differ, not hue alone. */

.delta-chip {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2xs);
}

.delta-chip__label {
  padding-inline: var(--space-2xs);
  border: 1px solid transparent;
  border-radius: var(--radius-pill);
  background-color: var(--bg-chip);
  color: var(--text-secondary);
  font-size: var(--step--1);
  white-space: nowrap;
}

.delta-chip[data-kind="up"] .delta-chip__label {
  background-color: var(--ok-soft);
  color: var(--ok);
}

.delta-chip[data-kind="down"] .delta-chip__label {
  background-color: var(--warn);
  color: var(--on-warn);
}

.delta-chip[data-kind="changed"] .delta-chip__label {
  border-style: dashed;
  border-color: var(--border-strong);
  background-color: transparent;
}

.delta-chip__note {
  color: var(--text-muted);
  font-size: var(--step--2);
}