/* Lagos Life: list row (owner 5d). Spec: site/cards-sheets.html#list */
.ll-list-row {
  display: flex; align-items: center; gap: var(--space-3);
  width: 100%; min-height: var(--control-lg); padding: var(--space-3) var(--space-4);
  border: 0; background: transparent; color: var(--ink); text-align: left; font: var(--type-body);
  text-decoration: none;
}
a.ll-list-row, button.ll-list-row { border-radius: 0; }
.ll-list-row__lead {
  flex: none; display: inline-grid; place-items: center; width: var(--avatar-sm); height: var(--avatar-sm); border-radius: 50%;
  background: var(--paper); font-family: var(--font-emoji); font-size: var(--icon-sm); line-height: 1;
}
.ll-list-row__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: var(--space-0-5); }
.ll-list-row__label { font: var(--type-label-sm); color: var(--ink-soft); }
.ll-list-row__title { font: var(--type-label-lg); color: var(--ink); overflow-wrap: anywhere; }
.ll-list-row__sub { font: var(--type-body-sm); color: var(--ink-soft); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ll-list-row__trail { flex: none; display: flex; flex-direction: column; align-items: flex-end; gap: var(--space-1); font: var(--type-label-sm); color: var(--ink-soft); font-variant-numeric: tabular-nums; }
.ll-list-row__link { font: var(--type-label); color: var(--lagoon-deep); }
.ll-list-row__time[data-unread] { color: var(--rose-deep); }
.ll-list-row[aria-disabled="true"] .ll-list-row__title { color: var(--ink-inactive); }