.rc-channels-page { width: 100%; max-width: none; padding: 10px 4px 24px; }
.rc-channels-heading { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-bottom: 22px; }
.rc-channels-heading h1 { font-size: clamp(1.6rem, 2.2vw, 2rem); line-height: 1.2; font-weight: 680; margin: 8px 0; letter-spacing: -.025em; }
.rc-channels-heading p { font-size: .95rem; margin: 0; opacity: .8; }
.rc-channels-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-bottom: 18px; }
.rc-channels-stat { border: 1px solid var(--rz-base-300, #dfe4e9); border-radius: 12px; padding: 15px 20px; display:flex; flex-direction:column; gap:6px; background:var(--rz-panel-background-color, white); }
.rc-channels-stat span { font-size: .85rem; opacity: .8; }
.rc-channels-stat strong { font-size: 1.7rem; font-weight: 700; }
.rc-channels-workspace { background: var(--rz-panel-background-color, white); border:1px solid var(--rz-base-300, #dfe4e9); border-radius: 12px; overflow:hidden; }
.rc-channels-toolbar { display:flex; align-items:end; gap:14px; padding:18px 20px; flex-wrap:wrap; }
.rc-channels-search { display:flex; flex:2 1 320px; min-width:200px; align-items:center; gap:10px; border:1px solid var(--rz-base-400,#cbd2d9); border-radius:8px; padding:0 13px; min-height:44px; }
.rc-channels-search input { font:inherit; font-size:.92rem; width:100%; outline:0; background:transparent; color:inherit; border:0; }
.rc-channels-filter { display:flex; flex-direction:column; gap:5px; flex:0 1 190px; min-width:145px; font-size:.84rem; }
.rc-channels-filter select { border:1px solid var(--rz-base-400,#cbd2d9); border-radius:8px; min-height:44px; padding:0 10px; background:var(--rz-panel-background-color,white); color:inherit; font:inherit; font-size:.91rem; }
.rc-channels-count { font-size:.83rem; opacity:.8; padding-bottom:12px; margin-left:auto; white-space:nowrap; }
.rc-channels-table-scroll { width:100%; overflow-x:auto; }
.rc-channels-table { border-collapse:collapse; width:100%; min-width:900px; text-align:left; font-size:.92rem; }
.rc-channels-table th { padding:16px 18px; font-size:.79rem; font-weight:650; white-space:nowrap; text-transform:none; background:var(--rz-base-100,#f6f8fa); border-top:1px solid var(--rz-base-300,#e2e7ed); border-bottom:1px solid var(--rz-base-300,#e2e7ed); }
.rc-channels-table td { padding:16px 18px; vertical-align:middle; border-bottom:1px solid var(--rz-base-200,#edf0f2); }
.rc-channels-table tr:last-child td { border-bottom:0; }
.rc-channels-table tbody tr:hover { background:var(--rz-base-100,#f7f9fb); }
.rc-channels-name { font-weight:650; }
.rc-channels-dest { font-weight:560; }
.rc-channels-secondary { font-size:.79rem; opacity:.69; margin-top:4px; overflow-wrap:anywhere; }
.rc-channels-actions { text-align:right; white-space:nowrap; }
.rc-channels-status { border-radius:16px; padding:5px 10px; font-size:.8rem; font-weight:650; white-space:nowrap; }
.rc-channels-status.is-active { color:#167649; background:#e3f6ec; }
.rc-channels-status.is-inactive { color:#697586; background:#edf0f3; }
.rc-channels-empty { padding:35px 12px; text-align:center; font-size:.94rem; opacity:.75; }
.rc-channels-note { padding:15px 5px; display:flex; gap:10px; align-items:flex-start; font-size:.86rem; line-height:1.6; opacity:.85; }
@media(max-width:850px) { .rc-channels-heading { align-items:start; } .rc-channels-toolbar { align-items:stretch; } .rc-channels-filter { flex:1 1 140px; } }
@media(max-width:560px) { .rc-channels-heading { flex-direction:column; } .rc-channels-stats { grid-template-columns:1fr; } .rc-channels-stat { flex-direction:row; justify-content:space-between; align-items:center; } .rc-channels-stat strong {font-size:1.3rem;} }