/* ===================== v56: channel naming convention ================= */
/* six fixed slots, read left to right, every channel the same shape */
.cn{display:flex;align-items:stretch;gap:3px;margin:2px 0 13px;background:transparent;min-width:0}
/* the right edge of every slot is a point and the left edge a notch, so the six
   read as one sequence rather than six boxes */
.cn-s{display:flex;flex-direction:column;justify-content:center;padding:9px 26px 9px 26px;min-width:0;
  position:relative;flex:1 1 0;background:var(--panel2);
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%,14px 50%)}
.cn-s:first-child{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%);
  padding-left:15px}
.cn-s:last-child{clip-path:polygon(0 0,100% 0,100% 100%,0 100%,14px 50%);padding-right:16px}
.cn-s.wide{flex:1.5 1 0}
.cn-s:last-child{background:rgba(31,143,134,.10)}
body.light .cn-s:last-child{background:rgba(31,143,134,.09)}
.cn-s i{font-style:normal;font-family:var(--mono);font-size:7px;letter-spacing:.9px;text-transform:uppercase;
  color:var(--faint);margin-bottom:3px;white-space:nowrap}
.cn-s .v{display:flex;align-items:baseline;gap:5px;min-width:0}
.cn-s b{font-size:12.5px;font-weight:600;line-height:1.25;white-space:nowrap}
.cn-s u{text-decoration:none;font-family:var(--mono);font-size:12px;font-weight:600}
.cn-s u.up{color:var(--bad)}
.cn-s u.dn{color:var(--bad)}
.cn-chip{align-self:center;margin:0 2px;padding:3px 7px;border:1px dashed var(--wall);border-radius:2px;
  font-family:var(--mono);font-size:9px;color:var(--wall);white-space:nowrap;background:var(--panel);
  flex:0 0 auto;z-index:1}
.cn-s b,.cn-s i{overflow:hidden;text-overflow:ellipsis}
.cn.tight .cn-s{padding:6px 18px}
.cn.tight .cn-s b{font-size:11px}
.cn-code{font-family:var(--mono);font-size:9.5px;letter-spacing:.2px}