/* -------------------------------------------------
   History table / board flag icons
-------------------------------------------------- */

.tbl-flag {
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  border-radius: 50%;
  font-size: 11px;
  line-height: 1;

  color: #fff;
  margin-right: 6px;

  /* keeps icons aligned nicely in table rows */
  vertical-align: middle;
}

/* optional: last icon shouldn't add extra spacing */
.tbl-flag:last-child {
  margin-right: 0;
}

/* slightly dim disabled / inactive icons if needed */
.tbl-flag.is-muted {
  opacity: 0.55;
}