/* Account-backed channel connections and research delivery. */
.ch-page { display:flex; flex-direction:column; gap:25px; }
.ch-hero { display:flex; align-items:center; gap:25px; padding:29px 32px; border:1px solid #dce5d5; border-radius:17px; background:linear-gradient(118deg,#eaf1e3,#f7f8ef); }
.ch-hero h2 { font-size:22px; font-weight:600; letter-spacing:-.6px; color:#2d492e; }
.ch-hero p { margin-top:7px; font-size:12px; color:#788773; }
.ch-orbit { height:86px; width:86px; position:relative; display:grid; place-items:center; border:1px solid #ccdabc; border-radius:50%; flex-shrink:0; }
.ch-orbit:before { content:''; height:62px; width:62px; position:absolute; border:1px dashed #c2d1b7; border-radius:50%; }
.ch-orbit>span { height:41px; width:41px; display:grid; place-items:center; border-radius:13px; background:#2d5739; color:#d6efa5; transform:rotate(-8deg); }
.ch-orbit .icon { width:22px; height:22px; transform:rotate(8deg); }
.ch-orbit i,.ch-orbit b { position:absolute; width:9px; height:9px; background:#8aaf70; border:3px solid #edf3e7; border-radius:50%; box-sizing:content-box; top:9px; right:7px; }
.ch-orbit b { width:5px; height:5px; bottom:5px; left:8px; top:auto; background:#c7d9b9; }
.ch-hero-stats { margin-left:auto; text-align:right; flex-shrink:0; }
.ch-hero-stats strong { display:block; color:#3c5a36; font-size:30px; font-weight:550; line-height:1.4; }
.ch-hero-stats strong span { font-size:14px; color:#9dad91; margin-left:6px; }
.ch-hero-stats small { font-size:10px; color:#8b997f; }
.ch-section-heading { display:flex; align-items:center; gap:12px; margin-bottom:15px; }
.ch-section-heading>span { background:#f0f4e9; border:1px solid #e0e7d7; border-radius:8px; display:grid; place-items:center; height:30px; width:30px; color:#869a77; font-size:10px; flex-shrink:0; }
.ch-section-heading h2 { font-size:14px; font-weight:600; color:#40563b; }
.ch-section-heading p { font-size:11px; color:#929e87; margin-top:3px; }
.ch-section-heading>.text-link { margin-left:auto; }
.ch-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:19px; }
.ch-card { border:1px solid var(--border); border-radius:14px; background:#fff; padding:23px 25px 0; min-width:0; box-shadow:0 3px 18px #26442c06; }
.ch-card-top { display:flex; align-items:center; justify-content:space-between; gap:15px; }
.ch-provider { width:43px; height:43px; display:grid; place-items:center; background:#edf3e8; color:#608a4a; border-radius:13px; flex-shrink:0; }
.ch-provider .icon { width:23px; height:23px; }
.ch-telegram { background:#eaf3f8; color:#648faa; }
.ch-feishu { background:#eef0f9; color:#7b8dbe; }
.ch-status { display:inline-flex; align-items:center; gap:6px; color:#939b8b; font-size:10px; white-space:nowrap; }
.ch-status i { height:5px; width:5px; border-radius:50%; background:#b7c0ad; }
.ch-status.is-ready { color:#548758; }
.ch-status.is-ready i { background:#79a66d; box-shadow:0 0 0 3px #eef5e9; }
.ch-card-eyebrow { display:block; margin-top:21px; color:#a1ad94; font-size:8px; font-weight:600; letter-spacing:1.7px; }
.ch-card h2 { font-size:20px; font-weight:600; letter-spacing:-.5px; color:#384e34; margin-top:3px; }
.ch-card>p { font-size:12px; line-height:1.8; color:#939f88; margin-top:5px; }
.ch-destination { display:flex; flex-direction:column; gap:5px; margin:23px 0 22px; min-width:0; }
.ch-destination>span { display:flex; align-items:center; gap:6px; color:#7e916e; font-size:11px; overflow-wrap:anywhere; }
.ch-destination .icon { width:13px; height:13px; }
.ch-destination strong { font-size:12px; font-weight:500; color:#556c46; overflow-wrap:anywhere; }
.ch-destination small { color:#a3ad9a; font-size:10px; }
.ch-card-footer { border-top:1px solid #eaf0e3; padding:17px 0; display:flex; gap:8px; flex-wrap:wrap; }
.ch-other-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }
.ch-other-grid article { display:flex; align-items:flex-start; gap:13px; border:1px solid #e4eade; border-radius:12px; background:#fbfcf8; padding:20px 17px; }
.ch-other-icon { display:grid; place-items:center; background:#eef3e8; color:#90a17e; width:32px; height:32px; border-radius:10px; flex-shrink:0; }
.ch-other-icon .icon { width:18px; height:18px; }
.ch-other-grid h3 { font-size:12px; font-weight:550; color:#6c815b; }
.ch-other-grid p { color:#98a58b; font-size:10px; margin:6px 0 11px; line-height:1.9; }
.ch-other-grid .text-link { font-size:10px; }
.ch-roadmap { display:flex; align-items:center; gap:13px; margin-top:15px; padding:17px 21px; border:1px dashed #dce5d3; border-radius:11px; }
.ch-roadmap>.icon { width:20px; height:20px; color:#95a883; flex-shrink:0; }
.ch-roadmap p { flex:1; min-width:0; }
.ch-roadmap strong { display:block; font-size:11px; color:#7f916e; font-weight:500; }
.ch-roadmap p span { display:block; font-size:10px; color:#a6af9d; margin-top:3px; line-height:1.9; }
.ch-security-note { font-size:10px; line-height:1.9; color:#9aa88c; display:flex; align-items:flex-start; justify-content:center; gap:6px; }
.ch-security-note .icon { width:12px; height:12px; margin-top:3px; flex-shrink:0; }
.ch-welcome { text-align:center; padding:43px 25px; margin-bottom:26px; }
.ch-welcome-icon { display:grid; place-items:center; height:52px; width:52px; border-radius:17px; background:#edf4e6; color:#83a270; margin:0 auto 17px; }
.ch-welcome-icon .icon { height:27px; width:27px; }
.ch-welcome h2 { font-size:20px; color:#61794f; font-weight:550; }
.ch-welcome>p { font-size:12px; color:#98a88a; margin:10px auto 20px; max-width:470px; line-height:1.9; }
.ch-mini-flow { display:flex; justify-content:center; align-items:center; gap:10px; color:#a7b49a; margin-top:28px; font-size:10px; }
.ch-mini-flow .icon { width:13px; height:13px; }
.ch-error { display:flex; align-items:center; gap:10px; border:1px solid #eddccd; border-radius:9px; background:#fffaf5; color:#ae795e; font-size:12px; padding:12px 15px; line-height:1.8; }
.ch-error[hidden] { display:none; }
.ch-error>.icon { width:16px; height:16px; flex-shrink:0; }
.ch-error>span { flex:1; }
.ch-rule-card { border:1px solid #e3e9dc; border-radius:13px; background:#fff; padding:22px 24px; }
.ch-rule-card.is-enabled { border-color:#cfdfc5; }
.ch-rule-top { display:flex; align-items:center; gap:11px; }
.ch-rule-top h2 { font-size:15px; color:#4d6740; font-weight:600; margin-bottom:3px; }
.ch-rule-top .switch-toggle { width:35px; height:20px; }
.ch-rule-top .switch-toggle:after { width:16px; height:16px; }
.ch-rule-top .switch-toggle[aria-checked=true]:after { transform:translateX(15px); }
.ch-rule-top .switch-toggle:disabled { opacity:.4; cursor:not-allowed; }
.ch-rule-destination { font-size:12px; color:#7c906b; margin-top:19px; overflow-wrap:anywhere; }
.ch-rule-destination small { display:block; font-size:10px; color:#a6b197; margin-top:2px; }
.ch-auto-rule { display:flex; align-items:center; gap:13px; margin-top:16px; padding:15px 0; border-top:1px solid #edf1e8; border-bottom:1px solid #edf1e8; cursor:pointer; }
.ch-auto-rule>span { display:flex; align-items:center; gap:8px; flex:1; }
.ch-auto-rule .icon { height:16px; width:16px; color:#97ae82; }
.ch-auto-rule strong { display:block; font-size:11px; color:#82996f; font-weight:500; }
.ch-auto-rule small { display:block; font-size:9px; color:#a8b399; margin-top:2px; }
.ch-auto-rule input,.ch-preview-channel input,.ch-clear-secret input { accent-color:var(--green); flex-shrink:0; width:15px; height:15px; }
.ch-rule-note { font-size:10px; line-height:1.9; color:#98a88a; margin:13px 0 10px; min-height:38px; }
.ch-rule-card>.text-link { font-size:10px; }
.ch-delivery-layout { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:23px; align-items:start; }
.ch-delivery-main { display:flex; flex-direction:column; gap:23px; min-width:0; }
.ch-compose,.ch-history { padding:23px 25px; }
.ch-compose .panel-header,.ch-history .panel-header { margin:0 0 20px; }
.ch-compose .panel-header h2,.ch-history .panel-header h2 { font-size:15px; color:#576f47; font-weight:550; }
.ch-compose .panel-header>.icon { color:#a0b38b; height:21px; width:21px; }
.ch-kind-tabs { display:flex; gap:5px; background:#f3f6ee; padding:4px; border-radius:9px; width:fit-content; margin-bottom:22px; }
.ch-kind-tabs button { display:flex; align-items:center; gap:6px; border:0; background:transparent; color:#9aa78e; font-size:11px; padding:8px 12px; border-radius:6px; }
.ch-kind-tabs button[aria-selected=true] { background:#fff; color:#70865d; box-shadow:0 1px 6px #52684410; }
.ch-kind-tabs .icon { height:14px; width:14px; }
.ch-select-label { display:block; color:#8ca077; font-size:11px; margin-bottom:8px; }
.ch-select-row { display:flex; gap:10px; }
.ch-select-row select { min-width:0; flex:1; background:#fcfdf9; border:1px solid #e1e9d8; border-radius:7px; padding:9px 11px; color:#799563; font-size:12px; outline:none; }
.ch-select-row select:focus { border-color:#a0b88d; box-shadow:0 0 0 3px #edf4e6; }
.ch-scope-note { display:flex; gap:9px; padding-top:17px; margin-top:21px; border-top:1px solid #edf1e8; }
.ch-scope-note .icon { width:14px; height:14px; color:#a2b48f; flex-shrink:0; margin-top:2px; }
.ch-scope-note p { font-size:10px; color:#9cac8e; line-height:1.9; }
.ch-empty { display:flex; align-items:center; flex-direction:column; text-align:center; padding:25px 15px; }
.ch-empty>span { background:#f0f5e9; padding:12px; border-radius:13px; color:#99b083; margin-bottom:12px; display:grid; place-items:center; }
.ch-empty>span .icon { width:23px; height:23px; }
.ch-empty strong { font-size:13px; color:#82996f; font-weight:500; }
.ch-empty p { font-size:11px; color:#a4b294; line-height:1.9; margin:6px 0 12px; }
.ch-empty-small { padding:22px 12px 15px; }
.ch-empty-small>.icon { height:26px; width:26px; color:#b0c49c; margin-bottom:14px; }
.ch-delivery-aside { display:flex; flex-direction:column; gap:18px; }
.ch-insight { padding:23px; border:1px solid #dfe8d4; border-radius:13px; background:linear-gradient(145deg,#eef4e5,#f7f9f1); overflow:hidden; }
.ch-insight-art { height:92px; position:relative; display:grid; place-items:center; }
.ch-insight-art:before,.ch-insight-art:after { content:''; height:91px; width:91px; border:1px solid #d6e2c7; border-radius:50%; position:absolute; }
.ch-insight-art:after { width:65px; height:65px; border-style:dashed; }
.ch-insight-art>.icon { width:30px; height:30px; color:#8ca877; transform:rotate(-6deg); margin:0 3px 4px 0; }
.ch-insight-art i { width:7px; height:7px; border:3px solid #f2f6ea; background:#b4cc93; border-radius:50%; position:absolute; top:18px; right:62px; box-sizing:content-box; }
.ch-insight h2 { font-size:21px; font-weight:500; color:#657e52; letter-spacing:-.7px; line-height:1.6; margin:12px 0; }
.ch-insight p { font-size:11px; color:#92a480; line-height:2; margin:12px 0 18px; }
.ch-insight .text-link { font-size:10px; }
.ch-reminder-links { padding:21px; display:flex; flex-direction:column; gap:12px; }
.ch-reminder-links h3 { display:flex; align-items:center; gap:6px; font-size:12px; font-weight:500; color:#8ca275; }
.ch-reminder-links h3 .icon { width:15px; height:15px; }
.ch-reminder-links p { font-size:11px; color:#a8b597; line-height:1.9; }
.ch-reminder-links .text-link { font-size:10px; }
.ch-jobs { display:flex; flex-direction:column; }
.ch-job { display:flex; gap:12px; border-top:1px solid #edf1e7; padding:17px 0; }
.ch-job:last-child { padding-bottom:5px; }
.ch-job-icon { color:#a0b78b; background:#f2f6ed; border-radius:9px; width:32px; height:32px; display:grid; place-items:center; flex-shrink:0; }
.ch-job-icon .icon { height:17px; width:17px; }
.ch-job-copy { flex:1; min-width:0; }
.ch-job-copy>strong { font-size:12px; color:#829b6b; font-weight:500; overflow-wrap:anywhere; }
.ch-job-copy>p { font-size:10px; color:#a1b08f; margin-top:3px; }
.ch-job-copy>small { font-size:9px; color:#b3bea6; }
.ch-job-copy>.ch-job-error { color:#ac8d6e; font-size:10px; line-height:1.9; margin-top:5px; }
.ch-job-state { display:flex; align-items:flex-end; flex-direction:column; gap:9px; flex-shrink:0; }
.ch-job-badge { border:1px solid #e0e8d5; background:#f5f8ef; color:#91a679; padding:3px 7px; font-size:9px; border-radius:5px; display:inline-flex; }
.ch-job-accepted { border-color:#dce9d1; background:#f1f7eb; color:#829b68; }
.ch-job-failed,.ch-job-uncertain { border-color:#eadfcd; background:#fbf8ef; color:#b4a078; }
.ch-job-state .text-link { font-size:10px; }
.ch-receipt-note { font-size:10px; color:#b1bea2; line-height:1.9; border-top:1px solid #edf2e6; margin-top:17px; padding-top:13px; }
.ch-config-identity { display:flex; align-items:center; gap:12px; }
.ch-config-identity>div { display:flex; flex-direction:column; gap:5px; }
.ch-config-identity strong { color:#718b5b; font-size:14px; font-weight:550; }
.ch-config-identity small { color:#a9b697; font-size:10px; overflow-wrap:anywhere; }
.ch-config-intro { color:#99ad85; font-size:12px; line-height:1.9; margin:20px 0 23px; }
.ch-config .form-field { margin-bottom:17px; }
.ch-config .form-field>span { font-size:11px; color:#86a06f; }
.ch-form-note { color:#a4b793; font-size:10px; line-height:1.9; margin:15px 0; }
.ch-form-actions { display:flex; gap:9px; margin-top:20px; }
.ch-config-help { border-top:1px solid #eaf0e1; display:flex; gap:7px; margin:24px 0 15px; padding-top:16px; color:#acbd9b; }
.ch-config-help .icon { width:13px; height:13px; flex-shrink:0; margin-top:2px; }
.ch-config-help p { font-size:10px; line-height:1.9; }
.ch-config>.text-link { font-size:10px; }
.ch-config-remove { margin-top:26px; padding-top:19px; border-top:1px solid #edf1e7; }
.ch-config-remove p { font-size:10px; line-height:1.9; color:#b1bda5; margin-bottom:10px; }
.ch-danger { color:#b7967d; }
.ch-clear-secret { display:flex; align-items:center; gap:8px; font-size:10px; line-height:1.8; color:#a0b28d; }
.ch-test-message { border:1px solid #dce9cf; border-radius:11px; padding:18px; margin:22px 0; background:#f7fbf1; overflow-wrap:anywhere; }
.ch-test-message>span { display:flex; align-items:center; gap:6px; color:#839e6a; font-size:11px; font-weight:500; }
.ch-test-message>span .icon { height:14px; width:14px; }
.ch-test-message>p { color:#91a77c; font-size:12px; line-height:2; margin-top:13px; white-space:normal; }
.ch-test-message>a { display:inline-flex; align-items:center; gap:5px; color:#95b378; font-size:10px; margin-top:12px; }
.ch-test-message>a .icon { width:12px; height:12px; }
.ch-preview-channels { display:flex; flex-direction:column; gap:10px; }
.ch-preview-channel { display:flex; align-items:center; gap:10px; border:1px solid #e3ecd9; border-radius:10px; padding:13px; cursor:pointer; }
.ch-preview-channel>span:nth-child(2) { flex:1; min-width:0; }
.ch-preview-channel .ch-provider { width:33px; height:33px; border-radius:10px; }
.ch-preview-channel .ch-provider .icon { width:18px; height:18px; }
.ch-preview-channel strong { display:block; font-size:12px; color:#7e9869; font-weight:500; }
.ch-preview-channel small { display:block; font-size:9px; color:#a7b996; line-height:1.8; margin-top:2px; }
.ch-preview-channel.is-disabled { background:#fafcf7; opacity:.6; cursor:not-allowed; }
.ch-page button:disabled { cursor:not-allowed; opacity:.5; }
.ch-desktop-reminders { padding:24px; display:flex; flex-direction:column; gap:15px; }
.ch-desktop-reminders h2 { display:flex; align-items:center; gap:8px; font-size:17px; margin-top:8px; }
.ch-desktop-reminders h2 .icon { width:19px; height:19px; }
.ch-desktop-reminders p { font-size:12px; line-height:1.9; margin-top:9px; color:var(--text-secondary,#73816d); max-width:760px; }
.ch-desktop-permission { display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
.ch-desktop-permission .section-note { font-size:11px; line-height:1.7; }
.ch-page button:focus-visible,.ch-config button:focus-visible,.ch-test button:focus-visible,.ch-preview button:focus-visible { outline:2px solid #8ead79; outline-offset:3px; }
@media(max-width:1180px) { .ch-other-grid { grid-template-columns:1fr; } .ch-other-grid p { margin:4px 0 7px; } .ch-delivery-layout { grid-template-columns:minmax(0,1fr) 240px; } }
@media(max-width:960px) { .ch-delivery-layout { grid-template-columns:1fr; } .ch-delivery-aside { display:grid; grid-template-columns:1fr 1fr; } .ch-insight-art { display:none; } .ch-insight h2 br { display:none; } .ch-insight h2 { font-size:18px; } }
@media(max-width:680px) { .ch-grid { grid-template-columns:1fr; gap:15px; } .ch-page { gap:21px; } .ch-hero { gap:15px; padding:22px 19px; flex-wrap:wrap; } .ch-orbit { width:62px; height:62px; } .ch-orbit:before { width:44px; height:44px; } .ch-orbit>span { height:32px; width:32px; border-radius:10px; } .ch-orbit .icon { height:18px; width:18px; } .ch-orbit i { right:0; top:5px; width:6px; height:6px; } .ch-orbit b { bottom:1px; left:0; } .ch-hero>div:nth-child(2) { flex:1; min-width:0; } .ch-hero h2 { font-size:19px; } .ch-hero p { font-size:11px; } .ch-hero-stats { width:100%; display:flex; align-items:center; gap:9px; padding-top:10px; border-top:1px solid #dfe8d4; text-align:left; } .ch-hero-stats strong { font-size:22px; } .ch-hero-stats strong span { font-size:12px; } .ch-card,.ch-rule-card { padding:20px 21px; } .ch-card { padding-bottom:0; } .ch-section-heading p { font-size:10px; } .ch-other-grid article { padding:17px; } .ch-roadmap { padding:15px 17px; } .ch-roadmap>.ch-status { display:none; } .ch-delivery-aside { display:flex; } .ch-compose,.ch-history { padding:20px 19px; } .ch-select-row { flex-direction:column; } .ch-select-row select { width:100%; padding:11px; } .ch-select-row>.btn { width:100%; } .ch-compose .panel-header h2,.ch-history .panel-header h2 { font-size:14px; } .ch-job { gap:9px; flex-wrap:wrap; } .ch-job-copy { flex-basis:calc(100% - 45px); } .ch-job-state { flex-direction:row; align-items:center; padding-left:41px; } .ch-mini-flow { gap:5px; font-size:9px; flex-wrap:wrap; } .ch-insight,.ch-reminder-links { padding:21px; } .ch-welcome { padding:32px 20px; } .ch-welcome h2 { font-size:18px; } .ch-security-note { justify-content:flex-start; } }