/* Subscriptions list. */
.next {
  font-size: 12px;
  color: var(--muted);
  display: inline-flex;
  align-items: center;
  gap: 7px;
}

.next.late {
  color: var(--red-ink);
  font-weight: 500;
}


/* The client under a subscription name is the one place the person icon is
   drawn bare, without the glyph circle. */
.sub.proj-client {
  gap: 6px;
}

.sub.proj-client > svg {
  flex: none;
  color: var(--muted);
}