/* Suite-wide list row primitive. Replaces per-app ad-hoc patterns.
 * Pairs with .suite-card for vertical stacks of items.
 *
 * Anatomy:
 *   .suite-list — outer container (gap between rows)
 *   .suite-list-row — single row (flex; icon + main + trailing)
 *   .suite-list-row-ic — leading icon / avatar slot (fixed-ish width)
 *   .suite-list-row-main — middle content (flex: 1, title + meta)
 *   .suite-list-row-trail — trailing actions / chevron / count
 *
 * Variants:
 *   .suite-list-row--selectable — hover bg + cursor:pointer
 *   .suite-list-row--compact — half padding
 *   .suite-list-row--with-divider — bottom border between rows
 */
.suite-list {
  display: flex;
  flex-direction: column;
  gap: var(--sp-1);
}
.suite-list-row {
  display: flex;
  align-items: center;
  gap: var(--sp-3);
  padding: var(--sp-2) var(--sp-3);
  border-radius: var(--radius-sm);
  background: var(--wh);
  transition: background var(--dur-chip);
}
.suite-list-row-ic {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.suite-list-row-main {
  flex: 1 1 auto;
  min-width: 0;
}
.suite-list-row-trail {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: var(--sp-1);
}
.suite-list-row--selectable {
  cursor: pointer;
}
.suite-list-row--selectable:hover {
  background: var(--g1);
}
.suite-list-row--compact {
  padding: var(--sp-1) var(--sp-2);
}
.suite-list-row--with-divider:not(:last-child) {
  border-bottom: 1px solid var(--g1);
}

@media (prefers-reduced-motion: reduce) {
  .suite-list-row { transition: none; }
}

/* PROPOSED CONSUMERS (Tier H sweep, separate per-app commits):
 *
 * secretariat/.tile-grid > member-card → .suite-list with .suite-list-row--selectable
 * secretariat/.household-card → .suite-list-row--selectable (in .suite-list container)
 * matos create-sheet + filter-sheet body rows → .suite-list-row + .suite-list-row--selectable (DONE 2026-06-12)
 * campscout activity rows (Picasso cells + relecture rows already custom) — KEEP
 * campscout/.tpl-card list rendering → .suite-list with .suite-list-row variants
 */