/* Бирка состояния связи в строке клиента — «привязан»/«ждём ответа»
   (`.client__tag`, ui/client-row.js). Отдельным файлом от client.css
   по длине. */

/* Состояние — словом, а не только значком: «ждём ответа» и «привязан»
   значками друг от друга не отличить, а ошибиться здесь дорого. Слово
   остаётся первым и главным, значок у «ждём» — уточнение, а не замена. */
.client__tag {
  flex: none;
  display: flex;
  align-items: center;
  gap: var(--sp-1);
  padding: var(--sp-1) var(--sp-2);
  border-radius: var(--r-sm);
  font-size: var(--fs-xs);
  font-weight: 600;
}

.client__tag--linked {
  background: var(--role-client);
  color: var(--on-role-client);
}

.client__tag--asked {
  padding: 0;
  color: var(--text-faint);
}

/* Вращается сама стрелка часов, а не бирка целиком: обводка и текст
   рядом с ней должны стоять неподвижно. */
.client__tag-icon {
  display: inline-flex;
  animation: client-tag-spin var(--spin) linear infinite;
}

.client__tag-icon .icon {
  width: var(--fs-sm);
  height: var(--fs-sm);
}

@keyframes client-tag-spin {
  to { transform: rotate(360deg); }
}