.channel-console{border:1px solid #3a4247;background:#111416;padding:12px;margin:12px 0;box-shadow:inset 0 1px #ffffff08}.channel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;padding-bottom:9px;border-bottom:1px solid #30373c}.channel-head strong,.channel-head small{display:block}.channel-head strong{font-size:11px;letter-spacing:.15em}.channel-head small{color:#78838a;font-size:8px;margin-top:4px}.channel-tools{display:flex;align-items:center;gap:8px}.channel-tools span{font:8px ui-monospace,monospace;color:#82909a;letter-spacing:.1em}.channel-head button{padding:7px 9px;font-size:9px}.channel-head button:disabled{opacity:.45}.live-channels{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:10px}.channel-row{position:relative;min-height:128px;padding:14px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;gap:8px;border:1px solid #454c51;background:linear-gradient(155deg,#2b3034,#171a1c);border-radius:3px;box-shadow:inset 0 1px #535b61,0 5px 14px #0007}.channel-row.listening{border-left:4px solid #7bd88f}.channel-index{grid-column:1/-1;font:8px ui-monospace,monospace;color:#78838a;letter-spacing:.13em}.channel-name{grid-column:1/-1;min-width:0;background:transparent;border:1px solid transparent;color:#edf0f2;padding:2px 3px;font:700 16px/1.2 Inter,ui-sans-serif,system-ui}.channel-name:hover{border-color:#4b5359}.channel-name:focus{border-color:#55a9ff;outline:none;background:#101820}.channel-state{grid-column:1/-1;align-self:end;color:#8c969d;font:8px ui-monospace,monospace;letter-spacing:.08em}.channel-mode{padding:8px 4px;font-size:8px;color:#758087}.channel-mode.listen.active{border-color:#478b58;color:#bff2c9;background:#21462a}.channel-mode.talk.active{border-color:#cb413d;color:#fff;background:linear-gradient(#8a2c28,#5d1d1a);box-shadow:0 0 15px #e1383038}.channel-remove{position:absolute;top:7px;right:7px;padding:2px 6px;color:#68737a;border-color:transparent;background:transparent;font-size:14px;box-shadow:none}.channel-remove:hover{color:#ff7770;border-color:#733b38}.channel-console .microcopy{margin:10px 0 0}.ptt-live{min-height:96px}@media(max-width:1200px){.live-channels{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.live-channels{grid-template-columns:1fr}}@media(max-width:520px){.channel-head{align-items:flex-start}.channel-tools{align-items:flex-end;flex-direction:column}}