/* Форма регистрации команды: подсказка из исходной таблицы, состав до 3
   участников с заменой, руководитель. Общая для /register/ и /register-robo/. */
.combo { position: relative; }
.suggest {
  position: absolute; z-index: 5; left: 0; right: 0; top: calc(100% + 4px);
  margin: 0; padding: var(--space-3xs) 0; list-style: none;
  background: var(--color-paper-3); border: var(--rule-hair) solid var(--color-rule-2); border-radius: var(--radius-card);
  max-height: 280px; overflow-y: auto; box-shadow: 0 8px 24px rgb(0 0 0 / 0.35);
}
.suggest li {
  padding: var(--space-xs) var(--space-sm); cursor: pointer; font-size: var(--text-sm); color: var(--color-ink);
  display: flex; justify-content: space-between; gap: var(--space-sm);
}
.suggest li[aria-selected="true"], .suggest li:hover { background: color-mix(in oklab, var(--color-accent) 14%, var(--color-paper-3)); }
.suggest li.taken { color: var(--color-muted); cursor: not-allowed; }
.suggest li.taken:hover { background: transparent; }
.suggest li .tag { font-size: var(--text-xs); color: var(--color-muted); white-space: nowrap; }
.roster-note {
  margin-top: var(--space-xs); padding: var(--space-xs) var(--space-sm); font-size: var(--text-xs); line-height: 1.45;
  color: var(--color-ink-2); border: var(--rule-hair) solid var(--color-rule-2); border-radius: var(--radius-card);
}
.roster-note button {
  margin-left: var(--space-2xs); background: transparent; border: none; color: var(--color-accent); cursor: pointer;
  font-size: var(--text-xs); padding: 0; text-decoration: underline; text-underline-offset: 3px;
}
.participant-block { margin-top: var(--space-xs); }
.participant-block .participant-row { margin-top: 0; }
.participant-block .was { font-size: var(--text-xs); color: var(--color-muted); margin: var(--space-3xs) 0 0 var(--space-2xs); }
.participant-block .was.changed { color: var(--color-warning, var(--color-ink-2)); }
.text-btn {
  border: var(--rule-hair) solid var(--color-muted); background: transparent; color: var(--color-ink-2);
  border-radius: var(--radius-card); min-height: 40px; padding: 0 var(--space-xs); cursor: pointer; font-size: var(--text-xs); white-space: nowrap;
}
.text-btn:hover { color: var(--color-ink); border-color: var(--color-ink-2); }
.text-btn:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 1px; }
.hint { font-size: var(--text-xs); color: var(--color-muted); margin-top: var(--space-3xs); line-height: 1.4; }
.changes {
  margin-top: var(--space-sm); padding: var(--space-xs) var(--space-sm); font-size: var(--text-xs); line-height: 1.5;
  border-left: 2px solid var(--color-accent); background: var(--color-paper-3); border-radius: 0 var(--radius-card) var(--radius-card) 0;
}
.changes ul { margin: var(--space-3xs) 0 0; padding-left: var(--space-md); }