/* Экран «Сотрудники». Главное здесь — панель с секретом. */

/* Пароль и код видно ОДИН раз. Поэтому они крупные, моноширинные и с кнопкой
 * «копировать»: мелкий пропорциональный шрифт превращает «l1Il» в лотерею, а
 * переписанный с ошибкой пароль возвращает человека сюда за новым. */
.secret {
  display: flex;
  flex-direction: column;
  gap: var(--s3, 12px);
  margin-bottom: var(--s4, 16px);
}

.secret-row {
  display: flex;
  align-items: center;
  gap: var(--s3, 12px);
  padding: var(--s3, 12px);
  background: var(--surface-2);
  border-radius: 12px;
}

.secret-label {
  font-size: var(--t-footnote);
  color: var(--ink-3);
  min-width: 92px;
}

.secret-value {
  flex: 1;
  font-family: var(--font-mono);
  font-size: var(--t-headline);
  color: var(--ink);
  word-break: break-all;
  user-select: all;
}