/*
 * One finding about a listing, coloured by its provenance.
 *
 * The variants are not decoration: a fact the agency typed, a distance we
 * computed and a reading a model took off a photograph are three different
 * kinds of claim, and a buyer deciding on the most expensive purchase of their
 * life is entitled to tell them apart at a glance.
 *
 * `--inferred` additionally carries the sparkle mark. `--unknown` is dashed and
 * faint: a criterion we could not answer must read as a question, never as a
 * "no" and never as an omission.
 */

.verdict-chip {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: var(--text-xs);
  padding: 0.15rem var(--space-2);
  border-radius: var(--radius-sm);
  border: 1px solid transparent;
}

.verdict-chip__mark {
  width: 0.75rem;
  height: 0.75rem;
  flex: none;
  display: block;
}

/* Declared — the agency typed it. Neutral, because it is the ordinary case. */
.verdict-chip--declared {
  background: var(--declared-soft);
  color: var(--declared);
}

/* Measured — we computed it from real coordinates. */
.verdict-chip--measured {
  background: var(--measured-soft);
  color: var(--measured);
}

/* Inferred — a model read it off a photograph. */
.verdict-chip--inferred {
  background: var(--inferred-soft);
  color: var(--inferred);
}

/* Unknown — nothing answered it. Dashed so absence looks like absence. */
.verdict-chip--unknown {
  background: transparent;
  color: var(--ink-faint);
  border-color: var(--line-strong);
  border-style: dashed;
}

/* A warning, whatever its provenance: flood risk, party wall where four free
   facades were promised. Overrides the provenance colour on purpose — a buyer
   must see the problem before they see who reported it. */
.verdict-chip--adverse {
  background: var(--inferred-soft);
  color: var(--inferred);
  border-color: var(--inferred);
}

.verdict-chip--water {
  background: var(--water-soft);
  color: var(--water);
}