/* r61 — a linha de CANAIS dentro da ShiftRoster.
   A ActivateInfra realocou (docs/HOMEPAGE-SITEMAP.md); a ideia dela — sete
   canais, voce decide quanto de cada um vem — vira uma linha na gramatica do
   trilho de fim de semana (reusa .sr-wk-head/.sr-wk-tag/.sr-wk-note). Cheio
   com ponto = canal com trafego real hoje (Live Chat, Email); vazado
   tracejado = pronto, aguardando a fonte. Zero cor nova. */

.sr-ch {
  margin-top: var(--space-6);
}

.sr-ch-rail {
  list-style: none;
  margin: var(--space-3) 0 0;
  padding: 0;
  display: flex;
  gap: var(--space-2);
  flex-wrap: wrap;
}

.sr-ch-item {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 5px 12px;
  border: 1px dashed color-mix(in srgb, var(--text-primary) 20%, transparent);
  border-radius: 999px;
  font-size: 0.75rem;
  color: var(--text-muted);
  white-space: nowrap;
}

.sr-ch-item--live {
  border-style: solid;
  border-color: color-mix(in srgb, var(--success-color) 45%, transparent);
  color: var(--text-primary);
}

.sr-ch-item--live::before {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--success-color);
}