/* Compact channel editor with semantic, fixed columns. */
#channelTable { table-layout: fixed; width: 100%; font-size: 12px; }
#channelTable .col-drag { width: 38px; }
#channelTable .col-share-status { width: 28px; }
#channelTable .col-segment { width: 48px; }
#channelTable .col-ch,
#channelTable .col-fine { width: 52px; }
#channelTable .col-attribute { width: 160px; }
#channelTable .col-wheel { width: 145px; }
#channelTable .col-slot { width: 42px; }
#channelTable .col-detail { width: 72px; }
#channelTable .col-range { width: 140px; }
#channelTable .col-name { width: 100px; }
#channelTable .col-description { width: auto; }
#channelTable .col-delete { width: 44px; }

#channelTable th,
#channelTable td { padding: 2px; }
#channelTable td input { box-sizing: border-box; width: 100%; min-width: 0; padding: 4px 5px; font-size: 12px; }
#channelTable .channel-attribute-button { width: 100%; min-width: 0; max-width: none; padding: 5px 20px 5px 7px; font-size: 12px; }
#channelTable .channel-attribute-button.target-required-issue { border: 2px solid var(--bad); background: #fce8e8; color: var(--bad); font-weight: 900; }
#channelTable .channel-col-ch input,
#channelTable .channel-col-fine input,
#channelTable .channel-col-slot input { text-align: center; }
#channelTable td.channel-col-wheel input,
#channelTable td.channel-col-slot input,
#channelTable td.channel-col-name input,
#channelTable td.channel-col-description input { width: 100% !important; min-width: 0 !important; }
#channelTable .ch-cell { display: table-cell; min-width: 0; vertical-align: middle; }
#channelTable .segment-cell { padding: 2px; text-align: center; }
#channelTable .channel-toggle { width: 34px; height: 25px; padding: 0; margin: 0 auto; font-size: 11px; box-shadow: 2px 2px 0 var(--ink); }
#channelTable .drag-cell { width: 38px; padding: 2px; cursor: grab; touch-action: none; }
#channelTable .drag-cell.pointer-placement-dragging { cursor: grabbing; }
#channelTable .icon-drag { width: 26px; height: 26px; box-sizing: border-box; padding: 4px; border: 1px solid #c9bdab; background: #fffdf7; border-radius: 2px; }
#channelTable tr.channel-row-drop-target.pointer-placement-over { position: relative; border-top: 3px solid #e6b832; }
#channelTable [data-action="delete"] { padding: 4px; box-shadow: none; }
#channelTable .channel-row-detail { width: 100%; padding: 5px 2px; font-size: 11px; box-shadow: none; white-space: nowrap; }
#channelTable .channel-range-preview { height: 25px; display: flex; overflow: hidden; border-radius: 4px; background: #e5e7eb; }
#channelTable .channel-range-preview .cdf-range { min-width: 2px; padding: 0 3px; box-sizing: border-box; font-size: 9px; text-overflow: ellipsis; }
#channelTable .repeated-channel .channel-col-wheel { background: transparent; }
#channelTable .repeated-channel .channel-col-wheel input { background: #fffdf7; color: inherit; border-color: #d9cfbe; cursor: text; }
#channelTable .repeated-channel .channel-col-name { background: #eee7dc; }

@media (max-width: 1150px) {
  #channelTable { font-size: 11px; }
  #channelTable .col-attribute { width: 135px; }
  #channelTable .col-wheel { width: 120px; }
  #channelTable .col-range { width: 120px; }
  #channelTable .col-name { width: 82px; }
  #channelTable td input,
  #channelTable .channel-attribute-button { font-size: 11px; }
}
.col-slot,.channel-col-slot{display:none!important}