/* channel table */
  .ch-tabs { display: flex; gap: 8px; margin-bottom: 18px; flex-wrap: wrap; }
  .ch-tab { padding: 7px 14px; border-radius: 999px; font-size: 13px; font-weight: 620; color: var(--muted); background: rgba(255,255,255,.055); border: 1px solid var(--border); transition: .15s; }
  .ch-tab:hover { color: var(--fg); border-color: var(--border-strong); }
  .ch-tab.active { color: var(--fg); background: color-mix(in oklch, var(--accent) 13%, transparent); border-color: color-mix(in oklch, var(--accent) 38%, transparent); }
  .ch-table { border-radius: var(--radius-lg); overflow: visible; background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.042)); border: 1px solid var(--border); box-shadow: var(--shadow); }
  .ch-grid { display: grid; grid-template-columns: minmax(180px,1fr) 80px minmax(160px,1fr) 80px 60px 72px 140px; align-items: center; gap: 14px; }
  .ch-row { display: grid; grid-template-columns: minmax(180px,1fr) 80px minmax(160px,1fr) 80px 60px 72px 140px; align-items: center; gap: 14px; padding: 14px 16px; border-radius: var(--radius); border: 1px solid transparent; transition: border-color .15s, background .15s; }
  .ch-row + .ch-row { margin-top: 2px; }
  .ch-row:hover { border-color: var(--border); background: rgba(255,255,255,.04); }
  .ch-row.channel-menu-open { position: relative; z-index: 30; border-color: var(--border); background: var(--surface); }
  .ch-name { font-weight: 680; letter-spacing: -.01em; font-size: 14px; }
  .ch-mono { font-family: var(--font-mono); font-size: 12px; color: var(--muted); max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .channel-action-wrap { position: relative; display: flex; align-items: center; justify-content: flex-end; gap: 6px; width: 100%; min-width: 0; }
  .channel-action-wrap > .btn { min-width: 0; }
  .channel-menu-trigger { width: 30px; min-width: 30px !important; padding: 0; justify-content: center; font-size: 18px; line-height: 1; }
  .channel-action-menu { position: absolute; right: 0; top: calc(100% + 6px); z-index: 1000; display: grid; width: 172px; padding: 6px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--surface); box-shadow: 0 12px 36px rgba(0,0,0,.42); }
  .channel-action-menu[hidden] { display: none; }
  .channel-action-menu-item { width: 100%; min-height: 34px; padding: 0 10px; border: 0; border-radius: var(--radius-sm); background: transparent; color: var(--fg); font: inherit; font-size: 13px; text-align: left; cursor: pointer; }
  .channel-action-menu-item:hover { background: rgba(255,255,255,.07); }
  .channel-action-menu-item:disabled { color: var(--subtle); cursor: not-allowed; }
  .channel-action-menu-item:disabled:hover { background: transparent; }
  .channel-action-menu-item.danger { color: var(--danger); }

  .channel-replacement-backdrop { position: fixed; inset: 0; z-index: 12000; display: grid; place-items: center; padding: 24px; background: rgba(0,0,0,.58); backdrop-filter: blur(8px); }
  .channel-replacement-dialog { width: min(520px,calc(100vw - 32px)); max-height: calc(100vh - 48px); overflow: hidden; display: flex; flex-direction: column; border: 1px solid var(--border-strong); border-radius: 8px; background: var(--surface); box-shadow: 0 24px 80px rgba(0,0,0,.52); }
  .channel-replacement-header { padding: 16px 20px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--border); }
  .channel-replacement-header h2 { margin: 0; font-size: 17px; }
  .channel-replacement-close { width: 30px; height: 30px; border: 0; border-radius: 8px; background: transparent; color: var(--muted); font-size: 20px; cursor: pointer; }
  .channel-replacement-close:hover { background: rgba(255,255,255,.07); color: var(--fg); }
  .channel-replacement-body { padding: 20px; overflow: auto; display: grid; gap: 14px; }
  .channel-replacement-source { display: grid; gap: 4px; }
  .channel-replacement-source span { color: var(--muted); font-size: 13px; }
  .channel-replacement-templates { max-height: 180px; overflow: auto; margin: 8px 0 0; padding: 8px 8px 8px 26px; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); color: var(--muted); }
  .channel-replacement-blocked { margin: 0; color: var(--danger); }
  .channel-replacement-error { margin: 0; color: var(--danger); overflow-wrap: anywhere; }
  .channel-replacement-actions { padding: 16px 20px; display: flex; justify-content: flex-end; gap: 10px; border-top: 1px solid var(--border); }
  @media (max-width: 640px) { .channel-replacement-backdrop { padding: 12px; } .channel-replacement-dialog { width: calc(100vw - 24px); max-height: calc(100vh - 24px); } }