/* ============================================================
   COMPONENT · CHANNEL  (c-channel)
   A chat-platform section on the Platforms page. Each platform (Email,
   Telegram, Signal) is ONE channel: an engraved plaque header that names the
   platform and its on/off status, then a single chassis panel holding that
   platform's controls. Distinct concerns inside a platform (the link flow, the
   on/off toggle, the linked-groups list) are recessed sub-modules
   (o-panel--sunken + o-panel__head), so a platform reads as one bay with
   internal structure — never a scatter of equal floating panels. Channels are
   decked apart generously so the eye groups each platform's controls together.
   ============================================================ */

/* Deck the platforms well apart — the head + its panel are one unit, and the
   gap between units must read larger than any gap inside one. */
.c-channels > * + * { margin-top: var(--space-7); }

/* The platform header — a bolder engraved plaque than the panel head, with a
   chassis seam under it so the title clearly caps the panel below. */
.c-channel__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-3);
  margin-bottom: var(--space-4);
  padding-bottom: var(--space-2);
  border-bottom: var(--border-thick) solid var(--color-bezel-dark);
}
.c-channel__title {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
  font-family: var(--font-plaque);
  font-size: var(--fs-md);
  letter-spacing: var(--ls-wide);
  text-transform: uppercase;
  color: var(--color-text-emphasis);
}
.c-channel__status {
  flex-shrink: 0;
  font-family: var(--font-plaque);
  font-size: var(--fs-2xs);
  letter-spacing: var(--ls-widest);
  text-transform: uppercase;
  color: var(--color-text-muted);
}

/* A recessed sub-module inside a platform's chassis panel. It is just an
   o-panel--sunken with an o-panel__head, named here so the intent is greppable
   and the head's bottom margin can tighten to the sunken register. */
.c-channel__sub > .o-panel__head { margin-bottom: var(--space-3); }