#secondary.settings-view{padding:0;overflow:hidden;display:flex;flex-direction:column;background:var(--bg-page)}.settings-topbar{height:62px;min-height:62px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 34px;gap:34px}.settings-topbar>span{font-size:22px;letter-spacing:-1.3px;color:#fff}.settings-topbar>div{font-size:13px;color:var(--muted);display:flex;gap:12px}.settings-topbar i{font-style:normal}.settings-topbar strong{color:var(--text);font-weight:400}.settings-layout{display:flex;min-height:0;flex:1}.settings-nav{width:254px;min-width:254px;background:var(--bg-list);border-right:4px solid var(--border);padding:16px 8px;overflow:auto}.settings-search,.channel-search{display:flex;align-items:center;border:2px solid #3d4249;border-radius:17px;padding:8px 12px;gap:14px;min-width:0}.settings-search input,.channel-search input{background:none;border:0;color:var(--text);outline:none;font:14px var(--font);min-width:0;width:100%}.settings-search svg,.channel-search svg{width:15px;height:15px}.settings-nav section{margin-top:14px}.settings-nav h2{font-size:10px;line-height:20px;color:#76828f;padding:0 16px;margin:0 0 3px}.settings-link{display:flex;gap:9px;text-align:left;padding:12px 16px;border-radius:12px;min-height:42px;width:100%;font-size:13px;justify-content:flex-start;line-height:21px}.settings-link .ui-icon{width:14px;height:14px;align-self:center}.settings-link.active{background:#484B53}.settings-link:hover{background:#ffffff08}.settings-content{flex:1;min-width:0;overflow:auto;padding:46px 44px}.settings-content>h1{font-size:30px;letter-spacing:-.8px;margin:0 0 8px;font-weight:600}.settings-description{color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 30px}.channels-card{background:var(--bg-list);border-radius:16px;padding:24px;overflow:auto}.channel-toolbar{display:flex;align-items:center;gap:45px;margin-bottom:24px;min-width:710px}.channel-search{width:242px;flex-shrink:0;height:41px}.disabled-channels{display:flex;gap:7px;align-items:center;font-size:13px;white-space:nowrap}.channel-toolbar .primary{margin-left:auto;font-size:14px;display:flex;gap:8px;align-items:center;padding:10px 17px}.channels-table{border-collapse:collapse;width:100%;min-width:710px;font-size:12px;text-align:left}.channels-table th{font-size:12px;font-weight:600;padding:12px 15px;color:#d2d8e3}.channels-table td{padding:20px 15px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);white-space:nowrap}.channels-table tr.selected{background:#484B53}.channels-table th:first-child,.channels-table td:first-child{width:45px}.channels-table th button{display:flex;gap:8px;align-items:center;font:inherit}.channels-table th svg{width:14px;height:14px}.channels-table input,.disabled-channels input{width:17px;height:17px;accent-color:var(--accent)}.channel-name{display:flex;gap:15px;align-items:center}.channel-small-logo{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#7861f9;color:#fff}.channel-small-logo svg{width:18px;height:18px}.channel-status{font-size:10px;border:1px solid #b87a02;background:#9c6500;color:#fff;padding:3px 8px;border-radius:99px;white-space:nowrap}.channel-status.connected{background:#155c43;border-color:#31886b;color:#b3edcd}.channel-status.disabled{background:#33383e;border-color:#515963;color:#b5bdc9}.channel-actions{display:flex;gap:6px;align-items:center}.channel-actions>button{width:28px;height:28px;border-radius:50%}.channel-actions>button:hover{background:#ffffff09}.channel-actions svg{width:15px;height:15px}.channel-actions details{position:relative}.channel-actions summary{list-style:none;cursor:pointer;padding:3px 8px;font-size:19px}.channel-actions summary::-webkit-details-marker{display:none}.channel-actions details>div{position:absolute;right:0;top:100%;padding:7px;background:#2b3035;border:1px solid var(--border);border-radius:8px;z-index:5;box-shadow:0 8px 18px #0005}.channel-actions details button{white-space:nowrap;display:block;padding:8px;font-size:11px}.channel-selected{display:flex;align-items:center;gap:20px;font-size:11px;padding-top:18px}.channel-selected button{color:#a5baff}.channels-empty{text-align:center;color:var(--muted)}
.channel-choice{border-radius:17px;background:var(--bg-list);padding:30px}.channel-choice header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.channel-choice h2{font-size:20px;font-weight:600;margin:0}.channel-choice header button{width:24px;height:24px}.channel-choice-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;min-width:850px}.channel-choice article{border:1px solid var(--border);border-radius:16px;padding:24px;display:flex;flex-direction:column;min-height:400px;box-shadow:0 3px 5px #0001}.channel-choice h3{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:21px;margin:0 0 20px;font-weight:600;letter-spacing:-.4px}.channel-choice h3 em{font-style:normal;color:#08916c;margin-left:-5px}.channel-choice h3 small{font-size:10px;font-weight:400;background:#208508;border:1px solid #459b26;border-radius:15px;padding:3px 7px;color:white;letter-spacing:0}.channel-type-logo{width:46px;height:46px;display:inline-grid;place-items:center;border-radius:50%;color:#fff;background:#7861fa;flex-shrink:0}.channel-type-logo svg{width:32px;height:32px}.channel-type-logo.official{background:#139b8a}.channel-type-logo.webchat{background:#ff784d}.channel-choice article p{color:var(--muted);font-size:13px;line-height:1.7;margin:0 0 16px}.channel-choice ul{padding-left:20px;line-height:2;font-size:13px;margin:0 0 24px}.channel-choice article>button{margin-top:auto;border:1px solid var(--accent);border-radius:99px;padding:8px 15px;font-size:12px;color:#93b0ff;align-self:center}.channel-choice .official-choice>button{background:var(--accent);color:white;align-self:stretch}.channel-choice article>button:disabled{border-color:var(--border);color:var(--muted)}
dialog.channel-sync{width:800px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:38px 28px 30px;border-radius:17px;background:#1a1d1f;overflow:auto}.sync-close{position:absolute;right:20px;top:18px;width:24px;height:24px;color:#8390a2}.sync-brand{display:flex;align-items:center;justify-content:center;gap:9px;font-size:20px;margin:13px 0 32px}.sync-brand>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#7861ff;color:white}.sync-brand svg{width:19px;height:19px}.sync-brand strong{font-weight:600}.sync-brand b{color:var(--accent);font-weight:600}.channel-sync h2{text-align:center;font-size:29px;line-height:1.35;letter-spacing:-.8px;font-weight:600;margin:0 30px 8px}.sync-demo-label{text-align:center;font-size:11px;color:#87909d;margin:0 0 30px}.sync-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:stretch}.sync-instructions{background:#232729;border-radius:9px;padding:18px 24px;font-size:13px;line-height:1.7}.sync-tabs{display:flex;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--border);margin-bottom:15px;gap:4px}.sync-tabs button{padding:0 0 10px;margin:0 0 8px;font-size:14px}.sync-tabs .active{border-bottom:2px solid var(--accent);color:#789bff}.sync-instructions ol,.sync-instructions ul{padding-left:18px}.sync-instructions li{margin-bottom:10px}.sync-instructions summary{color:#789bff;cursor:pointer;font-size:12px}.sync-instructions details p{font-size:11px}.sync-preview{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;gap:13px}.sync-preview>.ui-icon{width:70px;height:70px;color:#8a9197;stroke-width:1}.sync-preview>strong{font-size:15px;font-weight:500}.sync-preview>span{font-size:13px;color:var(--muted)}.sync-preview p{font-size:12px;line-height:1.6}.sync-preview button{font-size:12px;white-space:normal}.channel-sync footer{border-top:1px solid var(--border);margin-top:25px;padding-top:15px;display:flex;justify-content:flex-end;gap:15px;font-size:13px}.sync-success{display:flex;align-items:center;flex-direction:column;padding:12px;gap:10px;text-align:center}.sync-success>.avatar{width:80px;height:80px;font-size:26px;background:#334359}.sync-success>strong{font-size:16px;margin-top:12px}.sync-success p{font-size:13px;line-height:1.8;max-width:430px;color:var(--muted)}.sync-success>div{display:flex;gap:22px;align-items:center;justify-content:center;margin-top:15px}.sync-success button{font-size:12px;display:flex;align-items:center;gap:8px}.sync-success .channel-status{font-size:11px}
@media(max-width:1200px){.settings-content{padding:30px 24px}.settings-nav{width:225px;min-width:225px}.channel-choice{padding:24px;overflow:auto}.channel-choice-grid{min-width:800px}.channel-choice h3{font-size:18px}.channel-choice article{padding:18px}.channel-toolbar{gap:22px}.settings-content>h1{font-size:26px}}@media(max-width:700px){.settings-nav{width:180px;min-width:180px}.settings-link{padding:10px;font-size:11px}.settings-topbar{padding:0 15px;gap:18px}.settings-topbar>span{font-size:18px}.settings-topbar>div{font-size:10px}.sync-columns{grid-template-columns:1fr;gap:12px}.channel-sync h2{font-size:23px;margin-inline:10px}.sync-preview{padding:15px}.sync-preview>.ui-icon{width:40px;height:40px}.sync-brand{font-size:17px}.settings-content{padding:24px 15px}}