/**
 * Provenance badge. Separate from the Agent lane.
 * Audience answers who a block is for. Provenance answers who vouches for a value.
 * Glyph and border style carry the meaning without color.
 */

.provenance-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: ui-sans-serif, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 600;
  line-height: 16px;
  padding: 1px 6px;
  border-radius: 4px;
  white-space: nowrap;
  vertical-align: middle;
}

.provenance-badge--attested {
  color: #5FD4A8;
  border: 1px solid #2C5A4A;
  background: transparent;
}

.provenance-badge--self-declared {
  color: #A0A4AD;
  border: 1px dashed #4A4E57;
  background: transparent;
}

.agent-lane--light .provenance-badge--attested,
.provenance-badge--light.provenance-badge--attested,
[data-theme="light"] .provenance-badge--attested {
  color: #17734F;
  border: 1px solid #A9D8C3;
  background: transparent;
}

.agent-lane--light .provenance-badge--self-declared,
.provenance-badge--light.provenance-badge--self-declared,
[data-theme="light"] .provenance-badge--self-declared {
  color: #5B6372;
  border: 1px dashed #A9B0BC;
  background: transparent;
}