/*
 * De relatielijst (blok B punt 4).
 *
 * Bijna alles komt uit `components.css`: `.chip`, `.item`, `.who`, `.pill`,
 * `.hr`, `.leeg-zin`. Hier staat alleen wat deze lijst eigen is.
 */

.rel-filters { display: grid; gap: 8px; }

/*
 * Twee rijen chips die zijwaarts schuiven. Vijf standen passen niet op 390
 * punten, en afkappen zou de vijfde onvindbaar maken.
 */
.rel-chips { overflow-x: auto; }

.rel-telling {
  margin-top: 16px;
}

/* De regel zelf gebruikt `.item`; alleen het blokkadelabel is hier eigen. */
.rel-blok {
  flex: 0 0 auto;
  height: 20px;
  padding: 0 8px;
  font-size: var(--fs-micro);
}

/* Zonder volgende stap staat er de stand: rustiger dan een echte stap. */
.is-stand { color: var(--muted-2); }

.rel-kies {
  padding: 24px 20px;
}

/* ---- In bulk bewerken (AANVULLING-14 §9.1) ------------------------------ */

.rel-rij {
  display: flex;
  align-items: center;
  gap: 10px;
  /* Het anker van het veegmenu (par. 1) - zelfde patroon als de bordkaart. */
  position: relative;
}
.rel-rij-archief .it { color: var(--muted-2); }
.rel-kiesbox { flex: 0 0 auto; }

.rel-selectiebalk {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  padding: 10px 12px;
  margin-top: 10px;
  border-radius: var(--r-banner);
  background: var(--surface);
  border: 1px solid var(--gold-a30);
  font-size: var(--fs-support);
}
.rel-selectiebalk[hidden] { display: none; }

.rel-dubbel { margin-top: 6px; font-size: var(--fs-support); }