/* ---------- Conflicts ----------
   Two records match one record that can follow only one of them: the open conflicts, and their history. */
.tab-count {
  display: inline-grid; place-items: center; min-width: 18px; height: 18px; margin-left: 6px; padding: 0 5px;
  border-radius: 999px; background: var(--brand); color: var(--on-brand); font-size: var(--fs-2xs); font-weight: 650;
}
.tab-count.quiet { background: var(--panel-3); color: var(--ink-3); }

a.pill.conflict-link { text-decoration: none; }
a.pill.conflict-link:hover { background: color-mix(in srgb, var(--tone) 20%, var(--tone-base, transparent)); }

/* One record per column: what it is called, its details behind the info icon. */
.conflict-table .in-check { width: 36px; padding-right: 0; }
.conflict-table td { vertical-align: middle; }
.conflict-name { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; color: var(--ink); }
.conflict-table td.conflict-new .conflict-name { color: var(--ok); }
.conflict-table .num { text-align: right; font-variant-numeric: tabular-nums; }
.conflict-table td.right .btn + .btn { margin-left: 6px; }
.conflict-table .nowrap, .choice-history .nowrap { white-space: nowrap; }

.choice-history .fit { width: 1%; white-space: nowrap; }
.choice-history .action { width: 160px; white-space: nowrap; }
.choice-history td.action form { margin: 0; }
.choice-history td.action .btn { min-width: 128px; justify-content: center; }
.choice-what { min-width: 280px; white-space: nowrap; }
.choice-brief { color: var(--ink-2); }
.choice-more {
  margin-left: 8px; padding: 0; border: 0; background: none; cursor: pointer; white-space: nowrap;
  font: inherit; font-size: var(--fs-xs); font-weight: 600; color: var(--brand-text);
}
.choice-more:hover { color: var(--brand-text-hover); text-decoration: underline; }