/* © 2026 VEYRO (ИП Макаров И. В.). appagent — проприетарная программа. Использование — по лицензионному договору https://appagent.ru/legal/offer/. Копирование и распространение без разрешения запрещены. */
/* «Все компьютеры»: бейдж связи (.fleet-chip), фильтр по компьютеру (.fleet-filter), строка про устаревшие данные (.fleet-stale).
   Подключается в index.html после overview.css; значения — только из tokens.css. Слово связи есть всегда, цвет точки только дополняет. */

.fleet-chip {
  --dot: var(--color-ink3);
  display: inline-flex; align-items: center; gap: var(--space-2); max-width: 100%; min-width: 0;
  min-height: var(--space-6); color: var(--color-ink2); cursor: default;
  font: var(--weight-regular) var(--text-caption-size)/1.2 var(--font-sans);
}
.fleet-chip__dot { flex: none; width: var(--size-dot); height: var(--size-dot); border-radius: var(--radius-round); background: var(--dot); }
.fleet-chip__name { min-width: 0; color: var(--color-ink); font-weight: var(--weight-medium); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.fleet-chip__t { flex: none; color: var(--color-ink2); white-space: nowrap; }
.fleet-chip__t::before { content: "·"; margin-inline-end: var(--space-2); color: var(--color-ink3); }
.fleet-chip[data-link="online"] { --dot: var(--color-dot-ok); }
.fleet-chip[data-link="slow"] { --dot: var(--color-dot-wait); }
.fleet-chip[data-link="offline"] { --dot: var(--color-danger); }
.fleet-chip[data-link="connecting"] { --dot: var(--color-ink3); }

/* Фильтр — те же вкладки .ui-seg; на узком экране переносятся на новую строку, касание не меньше 2,75 rem берётся из .ui-seg__b */
.fleet-filter { margin-bottom: var(--space-3); }
.fleet-filter .ui-seg__t { overflow-wrap: anywhere; text-align: start; }

.fleet-stale { margin: 0; color: var(--color-warn-text); font: var(--weight-regular) var(--text-caption-size)/var(--text-caption-line) var(--font-sans); overflow-wrap: anywhere; }
.fleet-stale:empty { display: none; }