/*
 * Lijst inlezen (AANVULLING-9). Bureauwerk: het scherm leeft in het gebied van
 * de computerschil. De vormen komen uit Stijl.html; nieuw zijn alleen de
 * genummerde stapkoppen en de toewijzingstabel.
 */

.inlees { max-width: 860px; }

.inlees-stapkop {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 22px;
  font-weight: 600;
  color: var(--muted-2);
}
.inlees-stapkop.on { color: var(--ink); }
.inlees-stapkop.klaar { color: var(--muted); }

.inlees-nummer {
  width: 26px;
  height: 26px;
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--fs-meta);
  background: var(--white-a06);
  flex: 0 0 auto;
}
.inlees-stapkop.on .inlees-nummer { background: var(--grad-gold-btn); color: var(--on-gold); }
.inlees-stapkop.klaar .inlees-nummer { background: var(--gold-a35); }

.inlees-stap { margin-top: 12px; padding-left: 36px; }
.inlees-klaarzin { margin: 6px 0 0 36px; color: var(--muted-2); font-size: var(--fs-support); }

.inlees-uitleg { color: var(--muted); font-size: var(--fs-support); line-height: var(--lh-body); margin: 0 0 12px; }
.inlees-terzijde { color: var(--muted-2); font-size: var(--fs-meta); margin: 6px 0 0; }

.inlees-kiezer {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 22px;
  border: 1px dashed var(--gold-a35);
  border-radius: var(--r-card);
  cursor: pointer;
  color: var(--gold-light);
}
.inlees-bestand { position: absolute; width: 1px; height: 1px; opacity: 0; }

.inlees-tabel {
  width: 100%;
  border-collapse: collapse;
  margin-top: 10px;
  font-size: var(--fs-support);
}
.inlees-tabel th {
  text-align: left;
  font-size: var(--fs-meta);
  color: var(--muted-2);
  font-weight: 600;
  padding: 6px 10px 6px 0;
  border-bottom: 1px solid var(--white-a07);
}
.inlees-tabel td { padding: 7px 10px 7px 0; border-bottom: 1px solid var(--white-a04); vertical-align: middle; }
.inlees-kop { font-weight: 600; }
.inlees-vb { color: var(--muted-2); font-style: italic; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inlees-merk { width: 90px; }

.inlees-select,
.inlees-veld {
  background: var(--white-a04);
  border: 1px solid var(--white-a10);
  border-radius: var(--r-btn);
  color: var(--ink);
  font: inherit;
  font-size: var(--fs-support);
  padding: 7px 10px;
  min-height: 36px;
}

.inlees-telling { margin: 8px 0 0; color: var(--muted); }

.inlees-bekend,
.inlees-eerder {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid var(--white-a04);
  font-size: var(--fs-support);
}
.inlees-vergelijk { color: var(--muted-2); font-size: var(--fs-meta); }

.mb-14 { margin-bottom: 14px; }

/* ---- Kolommenkiezer en sorteerregels van de weergavebouwer (F5/F6) ------ */
.gg-kolomkeus { display: flex; align-items: center; gap: 8px; padding: 3px 0; cursor: grab; }
.gg-greep { color: var(--muted-2); cursor: grab; }
.gg-cel { cursor: pointer; }
.gg-cel:hover { color: var(--gold-soft); }