/* V9.70 — „Už nechodí od …" (detail člena + štítek v seznamu).
 *
 * Hierarchie §6: dítě, které nechodí, je v seznamu TLUMENÉ (hotová věc, ne úkol), ale štítek
 * je čitelný na první pohled. Neutrální šedohnědá — není to chyba ani dluh, jen stav.
 * Barvy a rozměry z tokenů admin.css; jen 1px čáry a em odsazení štítku jako u `.pill--exempt` (§11).
 * Tlumení = `--color-ink-muted` (kontrast ≈ 6 : 1), ne `--color-ink-faint` (≈ 3,9 : 1 — pod WCAG AA).
 */

.member-status__now {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-2);
  margin: 0 0 var(--space-2);
  color: var(--color-ink);
}

.member-status__now--ok {
  color: var(--color-ink-muted);
}

.member-status__note {
  color: var(--color-ink-muted);
  font-size: var(--text-sm);
}

.member-status__hint {
  margin: 0 0 var(--space-3);
  font-size: var(--text-sm);
  color: var(--color-ink-muted);
  max-width: 60ch;
}

.member-status__form {
  display: grid;
  gap: var(--space-3);
  padding: var(--space-3);
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
}

.member-status__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.member-status__actions .btn {
  min-height: var(--touch-min);
}

.pill--stopped {
  display: inline-flex;
  align-items: center;
  padding: 0.1em 0.55em;
  border-radius: var(--radius-pill);
  background: var(--color-line);
  color: var(--color-ink-muted);
  font-size: var(--text-xs);
  font-weight: 600;
  white-space: nowrap;
  vertical-align: middle;
}

.member-row--stopped > td {
  color: var(--color-ink-muted);
}