/* Money screen. */
/* ---------------------------------------------------------------- money */
.money-row .client {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.money-row .origin {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}

.money-row .late {
  color: var(--red-ink);
  display: inline-flex;
  align-items: center;
  gap: 4px;
}


/* Sizes bound to this component. The base .glyph may change elsewhere;
   the client avatar in a money row stays what it is set to here. */
.money-row .client .glyph {
  width: 32px;
  height: 32px;
  flex: none;
}

.money-row .client .glyph svg {
  width: 18px;
  height: 18px;
}