/* ============================================================
 * CRM: «Сотрудники → Эксплуатация» (КЭ-1). Список, форма и экраны
 * ссылки и кода. Остальное — классы экрана «Сотрудники» (team.css) и
 * формы объекта (property-form). Токены CRM (tokens.css).
 * ============================================================ */

.crew-team__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  justify-content: flex-end;
}

.crew-team__actions form {
  margin: 0;
}

/* Специализация — чекбоксы в две колонки, на телефоне в одну */
/* Специализация — fieldset без рамки и отступов браузера (LOW-CREW), как
   «Роль» (.team-invite__roles) */
.crew-trades {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.crew-trades__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-2) var(--space-4);
  margin-top: var(--space-2);
}

.crew-trades__option {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

/* Доступ на карточке сотрудника: ссылка, код, сеансы, отключение */
.crew-access__text {
  margin: 0 0 var(--space-3);
  color: var(--text-secondary);
}

.crew-access__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.crew-access__actions form {
  margin: 0;
}

/* Код для входа — крупно, моноширинно, двумя группами */
.crew-code__value {
  margin: 0 0 var(--space-4);
  font-family: var(--font-mono);
  font-size: var(--font-size-metric);
  font-weight: 600;
  letter-spacing: 0.08em;
}

.crew-code__text {
  margin: 0 0 var(--space-4);
  color: var(--text-secondary);
}

.crew-code__url {
  font-family: var(--font-mono);
  color: var(--text);
  overflow-wrap: anywhere;
}

@media (max-width: 767px) {
  .crew-trades__list {
    grid-template-columns: 1fr;
  }

  .crew-team__actions {
    justify-content: flex-start;
  }
}