.seg {
  padding: 0.1rem 0.15rem;
  border-radius: 0.25rem;
}

.seg-prefix { background: #e2d9f3; color: #3a2b63; }
.seg-dept   { background: #cfe2ff; color: #052c65; }
.seg-date   { background: #d1e7dd; color: #0a3622; }
.seg-number { background: #fff3cd; color: #664d03; }
.seg-extra  { background: #f8d7da; color: #58151c; }

.seg-empty {
  color: #adb5bd;
  background: none;
}

.legend-dot {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  border-radius: 50%;
  margin-right: 0.35rem;
  vertical-align: baseline;
}

.card-uid {
  font-size: 0.8rem;
  word-break: break-all;
}

.history-trigger {
  cursor: help;
  text-decoration: underline dotted;
}

.dept-trigger {
  cursor: pointer;
}

.dept-trigger:hover {
  text-decoration: underline;
}