.channel-tabs { display: flex; gap: 8px; overflow-x: auto; padding: 18px 0 8px; scrollbar-width: thin; }
.channel-tab { flex: 0 0 auto; height: 42px; padding: 0 14px; border: 1px solid var(--line); background: transparent; color: var(--ink); font: 700 12px Manrope, sans-serif; text-transform: none; display: flex; align-items: center; gap: 9px; cursor: pointer; }
.channel-tab b { min-width: 21px; height: 21px; padding: 0 6px; border-radius: 12px; background: var(--line); display: grid; place-items: center; font-size: 10px; }
.channel-tab.active { background: var(--ink); border-color: var(--ink); color: white; }
.channel-tab.active b { background: var(--acid); color: var(--ink); }
.channel-tab i { width: 7px; height: 7px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 0 3px rgba(216,255,69,.18); }