/* Approved compact list: network tree, account list, and on-demand management. */
#channels{--ct-bg:#101a2b;--ct-surface:#142137;--ct-soft:#1b2b43;--ct-ink:#e8f0fc;--ct-muted:#a8b8cd;--ct-line:#2c405a;--ct-blue:#82b5ff;--ct-selected:#203b61;--ct-green:#8ae2be;--ct-green-bg:#173c34;--ct-warn:#f0cc8b;--ct-red:#ffb4c0}
html[data-theme="light"] #channels,html[data-theme="light"] #channelConnectPicker{--ct-bg:#f5f8fd;--ct-surface:#fff;--ct-soft:#f7f9fd;--ct-ink:#17304e;--ct-muted:#64758b;--ct-line:#dce6f2;--ct-blue:#095de5;--ct-selected:#eaf2ff;--ct-green:#087b57;--ct-green-bg:#eaf7f0;--ct-warn:#8e631b;--ct-red:#b3394d}
#channels .channels-heading{margin:0 0 24px;padding-right:64px}
#channels .channels-heading h1{font-size:25px!important;letter-spacing:-.5px;margin:0 0 5px}
#channels .channels-heading p{font-size:14.95px!important;line-height:1.5;margin:0;color:var(--ct-muted)!important}
#channels .channel-tree-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}
#channels .channel-tree-sidebar,#channels .channel-account-pane{background:var(--ct-surface);border:1px solid var(--ct-line);border-radius:13px;min-width:0}
#channels .channel-tree-sidebar{padding:18px 10px}
#channels .channel-tree-sidebar>h2{font-size:16.1px;margin:0;padding:0 8px 14px;color:var(--ct-ink)}
#channels #channelTreeNav{display:grid;gap:4px}
#channels .channel-tree-network{display:flex;align-items:center;gap:9px;width:100%;border:0!important;background:transparent!important;border-radius:8px;padding:10px 8px;text-align:left;min-width:0;color:var(--ct-ink)!important;font-size:14.95px!important;line-height:1.5;cursor:pointer}
#channels .channel-tree-network>span:nth-child(2){min-width:0;flex:1;overflow-wrap:anywhere}
#channels .channel-tree-network[aria-pressed="true"]{background:var(--ct-selected)!important;color:var(--ct-blue)!important}
#channels .channel-tree-icon,#channelConnectPicker .channel-tree-icon{display:inline-grid;place-items:center;width:29px;height:29px;flex:none;border-radius:8px;background:var(--ct-soft);color:var(--ct-blue);font-size:13px;font-weight:700}
#channels .channel-tree-count{font-size:12.65px;color:var(--ct-muted);flex:none}
#channels .channel-tree-chevron{width:10px;flex:none;font-size:17px;color:var(--ct-muted);text-align:center}
#channels .channel-tree-children{display:grid;margin:3px 0 8px 31px;padding-left:12px;border-left:1px solid var(--ct-line);gap:2px}
#channels .channel-tree-children>button{position:relative;border:0!important;background:transparent!important;padding:8px 2px;text-align:left;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ct-muted)!important;font-size:13.8px!important;line-height:1.5;cursor:pointer;width:100%;min-width:0}
#channels .channel-tree-children>button:before{content:"";position:absolute;left:-12px;top:50%;width:8px;height:1px;background:var(--ct-line)}
#channels .channel-tree-children>button[aria-current="true"]{color:var(--ct-blue)!important}
#channels .channel-brand-facebook,#channelConnectPicker .channel-brand-facebook{background:#eaf2ff!important;color:#1260d8!important}
#channels .channel-brand-whatsapp,#channelConnectPicker .channel-brand-whatsapp{background:#e5f8ee!important;color:#087c52!important}
#channels .channel-brand-instagram,#channelConnectPicker .channel-brand-instagram{background:#f9ebf5!important;color:#b13c87!important}
#channels .channel-brand-tiktok,#channelConnectPicker .channel-brand-tiktok{background:#edf0f6!important;color:#202b40!important}
#channels .channel-brand-zalo,#channelConnectPicker .channel-brand-zalo{background:#eaf5ff!important;color:#0967c5!important}
#channels .channel-account-pane{padding:22px;min-height:450px}
#channels .channel-list-heading{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}
#channels .channel-list-heading h2{font-size:21px;font-weight:700;margin:0;color:var(--ct-ink)}
#channels .channel-list-heading p{font-size:13.8px;color:var(--ct-muted);margin:5px 0 0;line-height:1.5}
#channels #channelAddAccount{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 15px;white-space:nowrap;font-size:14.95px;border-radius:9px;background:#095de5!important;color:#fff!important;border:1px solid #095de5!important;cursor:pointer}
#channels [hidden]{display:none!important}
#channels .channel-list-search{display:flex;align-items:center;gap:9px;margin-bottom:18px;border:1px solid var(--ct-line);background:var(--ct-surface);border-radius:9px;padding:0 12px;height:42px;color:var(--ct-muted)}
#channels .channel-list-search>span{font-size:23px}
#channels .channel-list-search input{font:inherit;font-size:14.95px;min-width:0;width:100%;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important;color:var(--ct-ink)!important;outline-offset:5px}
#channels .channel-account-list{display:block;margin:0;min-width:0}
#channels .channel-compact-table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:14.95px;color:var(--ct-ink)}
#channels .channel-compact-table th{background:var(--ct-soft);color:var(--ct-muted);font-weight:500;font-size:13.8px;line-height:1.5;padding:11px 10px;text-align:left;border-bottom:1px solid var(--ct-line)}
#channels .channel-compact-table th:first-child{width:43%;border-radius:7px 0 0 0}
#channels .channel-compact-table th:nth-child(2){width:22%}
#channels .channel-compact-table th:nth-child(3){width:17%}
#channels .channel-compact-table th:last-child{width:18%;text-align:right;border-radius:0 7px 0 0}
#channels .channel-compact-table td{padding:17px 10px;vertical-align:middle;border-bottom:1px solid var(--ct-line);line-height:1.5;overflow-wrap:anywhere}
#channels .channel-compact-table td:last-child{text-align:right}
#channels .channel-compact-table td small{display:block;margin-top:4px;color:var(--ct-muted);font-size:13.8px;line-height:1.4}
#channels .channel-list-account{display:flex;gap:11px;align-items:center;min-width:0}
#channels .channel-list-account>div{min-width:0}
#channels .channel-list-account b{font-weight:600;color:var(--ct-ink)!important;overflow-wrap:anywhere}
#channels .channel-list-avatar{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;flex:none;font-size:15px;font-weight:700}
#channels .channel-selected-row{background:var(--ct-soft)}
#channels .channel-state{display:inline-block;white-space:nowrap;border-radius:20px;padding:4px 8px;font-size:12.65px;font-weight:600;line-height:1.5}
#channels .channel-state.enabled{background:var(--ct-green-bg);color:var(--ct-green)}
#channels .channel-state.enabled:before{content:'●';font-size:8px;margin-right:5px}
#channels .channel-state.off{background:var(--ct-soft);color:var(--ct-muted)}
#channels .channel-state.pending{background:var(--ct-soft);color:var(--ct-warn);white-space:normal}
#channels .channel-manage-button,#channels .channel-actions button,#channels .channel-technical-actions button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 11px;font-size:13.8px!important;line-height:1.4;background:var(--ct-surface)!important;border:1px solid var(--ct-line)!important;color:var(--ct-ink)!important;border-radius:8px;cursor:pointer;margin:0;box-sizing:border-box}
#channels .channel-manage-button{white-space:nowrap}
#channels .channel-manage-button[aria-expanded="true"]{background:var(--ct-selected)!important;color:var(--ct-blue)!important}
#channels .channel-list-empty{text-align:center;border:1px dashed var(--ct-line);border-radius:10px;padding:38px 14px;color:var(--ct-ink)}
#channels .channel-list-empty h3{font-size:17.25px;margin:0 0 7px}
#channels .channel-list-empty p{font-size:14.95px;line-height:1.6;color:var(--ct-muted);margin:0}
#channels .channel-manage-card{background:var(--ct-soft)!important;color:var(--ct-ink)!important;border:0!important;box-shadow:none!important;border-radius:10px;padding:18px;margin-top:18px;min-width:0}
#channels .channel-manage-card>header{display:flex;align-items:center;justify-content:space-between;gap:12px}
#channels .channel-manage-card h3{font-size:17.25px;line-height:1.5;color:var(--ct-ink)!important;margin:0;overflow-wrap:anywhere}
#channels [data-close-channel-detail]{border:0!important;background:transparent!important;color:var(--ct-muted)!important;font-size:24px!important;line-height:1;padding:4px 6px;border-radius:6px;cursor:pointer;flex:none}
#channels .channel-detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;margin:18px 0}
#channels .channel-detail-fields>div{min-width:0}
#channels dt{font-size:13.8px;color:var(--ct-muted);font-weight:400;line-height:1.5}
#channels dd{font-size:14.95px;color:var(--ct-ink);font-weight:400;margin:4px 0 0;overflow-wrap:anywhere;line-height:1.5}
#channels .channel-actions{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--ct-line);padding-top:14px}
#channels .channel-actions button{flex:none}
#channels .channel-actions .primary-btn{background:#095de5!important;color:#fff!important;border-color:#095de5!important}
#channels .channel-technical{margin-top:14px}
#channels .channel-technical summary{color:var(--ct-muted);font-size:13.8px;cursor:pointer;line-height:1.8;width:fit-content}
#channels .channel-technical dl{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:12px 0}
#channels .channel-technical-actions{display:flex;gap:8px;flex-wrap:wrap}
#channels .channel-technical-actions .danger-btn{color:var(--ct-red)!important;background:transparent!important}
#channels .channel-mobile-platform{display:none}
#channels .channel-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#channelConnectPicker{--ct-surface:#142137;--ct-soft:#1b2b43;--ct-ink:#e8f0fc;--ct-muted:#a8b8cd;--ct-line:#2c405a;--ct-blue:#82b5ff}
#channelConnectPicker .connect-modal-card{max-width:470px;width:calc(100% - 28px);background:var(--ct-surface)!important;color:var(--ct-ink)!important;border-color:var(--ct-line)!important}
#channelConnectPicker .connect-modal-head h3{color:var(--ct-ink)!important}
#channelConnectPicker .connect-modal-head p{color:var(--ct-muted)!important}
#channelConnectPicker .channel-connect-options{display:grid;gap:8px}
#channelConnectPicker [data-picker-platform]{display:flex;align-items:center;gap:12px;border:1px solid var(--ct-line)!important;border-radius:9px;background:var(--ct-surface)!important;color:var(--ct-ink)!important;padding:12px;text-align:left;cursor:pointer;font-size:16.1px}
#channelConnectPicker [data-picker-platform]>span:nth-child(2){flex:1}
@media(min-width:1700px){#channels .channel-tree-layout{grid-template-columns:245px minmax(0,1fr)}}
@media(max-width:1200px){#channels .channel-tree-layout{grid-template-columns:195px minmax(0,1fr);gap:14px}#channels .channel-account-pane{padding:17px}#channels .channel-compact-table th:first-child{width:40%}#channels .channel-compact-table th:nth-child(2){width:20%}#channels .channel-compact-table th:nth-child(3){width:20%}#channels .channel-compact-table th:last-child{width:20%}#channels .channel-compact-table td,#channels .channel-compact-table th{padding-left:7px;padding-right:7px}}
@media(max-width:1000px){#channels .channel-compact-table th:nth-child(2),#channels .channel-compact-table td:nth-child(2){display:none}#channels .channel-compact-table th:first-child{width:53%}#channels .channel-compact-table th:nth-child(3){width:23%}#channels .channel-compact-table th:last-child{width:24%}#channels .channel-list-avatar{width:30px;height:34px}#channels .channel-list-account{gap:8px}}
@media(max-width:700px){#channels .channels-heading{margin-bottom:18px}#channels .channels-heading h1{font-size:22px!important}#channels .channel-tree-layout{display:block}#channels .channel-tree-sidebar{display:none}#channels .channel-account-pane{padding:16px 12px;min-height:430px}#channels .channel-mobile-platform{display:grid;gap:6px;color:var(--ct-muted);font-size:13.8px;margin-bottom:18px}#channels #channelPlatformFilter{display:block;width:100%;min-width:0;height:44px;margin:0;padding:0 10px;border:1px solid var(--ct-line)!important;border-radius:8px;background:var(--ct-soft)!important;color:var(--ct-ink)!important;font-size:16px}#channels .channel-list-heading h2{font-size:20px}#channels #channelAddAccount{font-size:13.8px;height:42px;padding:0 10px}#channels .channel-list-search input{font-size:16px}#channels .channel-list-search{height:44px}#channels .channel-list-avatar{display:none}#channels .channel-compact-table{font-size:13.8px}#channels .channel-compact-table td{padding:18px 5px}#channels .channel-compact-table th{font-size:12.65px;padding:10px 5px}#channels .channel-compact-table th:first-child{width:48%}#channels .channel-compact-table th:nth-child(3){width:26%}#channels .channel-compact-table th:last-child{width:26%}#channels .channel-manage-button{min-height:42px;padding:7px 8px;font-size:13.8px!important}#channels .channel-state{font-size:11.5px;padding:4px 6px}#channels .channel-state.enabled:before{margin-right:3px}#channels .channel-manage-card{padding:15px}#channels .channel-detail-fields,#channels .channel-technical dl{grid-template-columns:minmax(0,1fr);gap:13px}#channels .channel-actions button{min-height:42px}}
@media(max-width:360px){#channels .channel-manage-button{font-size:12.65px!important;padding:7px 6px}#channels .channel-state.enabled:before{display:none}#channels .channel-compact-table th:first-child{width:47%}#channels .channel-compact-table th:last-child{width:27%}}

/* Scope inspection results are per account; the report never contains tokens. */
#channels .channel-permission-report{margin-top:16px;padding:16px;border:1px solid var(--ct-line);border-radius:9px;background:var(--ct-surface);color:var(--ct-ink)}
#channels .channel-permission-report>header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
#channels .channel-permission-report h4{font-size:16.1px;line-height:1.5;color:var(--ct-ink)!important;margin:0}
#channels .channel-permission-report>header>span{font-size:12.65px;color:var(--ct-muted)}
#channels .channel-permission-report dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:14px 0}
#channels .channel-permission-report dl>div{min-width:0}
#channels .channel-permission-report b{font-weight:600;color:var(--ct-ink)!important}
#channels .channel-permission-report b.granted{color:var(--ct-green)!important}
#channels .channel-permission-report p{font-size:13.8px;line-height:1.6;color:var(--ct-muted);margin:0}
@media(max-width:700px){#channels .channel-permission-report{padding:13px}#channels .channel-permission-report dl{grid-template-columns:minmax(0,1fr);gap:12px}}