/* V9.77 — Nábor: „Podrobnosti" u kontaktu (poznámka + historie poptávky).
 *
 * GUI §6: výchozí sbalené (pravidlo 7), po rozbalení klidná dvousloupcová karta; historie jako tichá
 * časová osa — změna kontaktu na kartě je zvýrazněná jemně (pravidlo 4: hotovo tlumeně).
 * Jen tokeny admin.css, 1px čáry (§11).
 */

.recruit-note-dot {
  display: inline-block;
  inline-size: var(--space-2);
  block-size: var(--space-2);
  margin-inline-start: var(--space-1);
  border-radius: var(--radius-pill);
  background: var(--color-accent);
  vertical-align: middle;
}

.recruit-detail-row > .recruit-detail__cell {
  padding: 0 var(--space-3) var(--space-3);
  background: var(--color-surface-2);
}

.recruit-detail {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
  gap: var(--space-4);
  padding: var(--space-3) var(--space-4);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--shadow-1);
  animation: recruit-detail-in var(--dur-mid) var(--ease-spring) both;
}
@media (max-width: 768px) {
  .recruit-detail { grid-template-columns: minmax(0, 1fr); }
}

.recruit-detail__title {
  margin: 0 0 var(--space-2);
  font-size: var(--text-sm);
  font-weight: 600;
  color: var(--color-ink);
}

.recruit-detail__notes {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--color-ink);
  white-space: pre-line;
  max-width: 70ch;
}

.recruit-detail__empty {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--color-ink-muted);
}

.recruit-history {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: var(--space-2);
}

.recruit-history__item {
  position: relative;
  padding: var(--space-2) var(--space-3);
  padding-inline-start: var(--space-4);
  border-inline-start: 2px solid var(--color-line);
  font-size: var(--text-sm);
}
.recruit-history__item--updated { border-inline-start-color: var(--color-accent); }

.recruit-history__head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--space-1) var(--space-3);
}
.recruit-history__kind { font-weight: 600; color: var(--color-ink); }
.recruit-history__when {
  color: var(--color-ink-muted);
  font-variant-numeric: tabular-nums;
}
.recruit-history__who { color: var(--color-ink); }
.recruit-history__contact { color: var(--color-ink-muted); }
.recruit-history__meta { color: var(--color-ink-muted); }
.recruit-history__erased { color: var(--color-ink-faint); font-style: italic; }

@keyframes recruit-detail-in {
  from { opacity: 0; transform: translateY(calc(-1 * var(--space-1))); }
  to { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .recruit-detail { animation: none; }
}