.integration-catalog{padding:6px 0 24px}.integration-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:28px}.integration-categories{display:flex;gap:3px;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.integration-categories button{padding:8px 15px;white-space:nowrap;font-size:13px;color:var(--muted);border-radius:9px}.integration-categories button:hover{color:var(--ink)}.integration-categories button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #00000010}.integration-installed{display:flex;align-items:center;gap:7px;height:40px}.integration-installed[aria-pressed=true]{background:var(--soft);border-color:var(--ink)}.integration-installed .icon{width:15px;height:15px}.integration-search{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:160px;max-width:250px;flex:1;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.integration-search>.icon{width:16px;height:16px;color:var(--muted);flex:none}.integration-search input{width:100%;min-width:0;outline:0;border:0;background:transparent;color:var(--ink);font:inherit;font-size:13px;padding:0}.integration-search:focus-within{outline:2px solid var(--ink);outline-offset:2px}.integration-sort select{font:inherit;font-size:13px;border:0;background:var(--surface);color:var(--muted);max-width:160px;padding:10px 5px}.integration-category{margin:0 0 30px}.crm-hub .integration-category>h2{font-size:14px;font-weight:600;margin:0 0 8px}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 28px}.integration-card{display:flex;align-items:center;gap:12px;min-width:0;padding:16px 12px;border-radius:14px;transition:background-color 160ms ease}.integration-card:hover,.integration-card:focus-within{background:var(--hover)}.integration-card-link{display:flex;align-items:center;gap:14px;text-align:left;min-width:0;flex:1;color:var(--ink);border-radius:8px}.integration-card-copy{display:grid;gap:4px;min-width:0}.integration-card-copy>strong{font-size:15px;font-weight:500;line-height:1.4}.integration-card-description{font-size:12px;line-height:1.5;color:var(--muted)}.integration-card-footer{position:relative;flex:none;min-width:72px;display:flex;align-items:center;justify-content:flex-end}.integration-card-footer .icon-btn{height:34px;width:34px}.integration-card-footer .icon{width:18px;height:18px}.integration-card-footer>.icon-btn{background:var(--soft);border-radius:10px}.integration-installed-mark{position:absolute;right:10px;color:var(--muted);display:flex}.integration-installed-mark.is-connected{color:var(--positive)}.integration-card-actions{display:flex;opacity:0;pointer-events:none;transition:opacity 120ms ease}.integration-card:hover .integration-card-actions,.integration-card:focus-within .integration-card-actions{opacity:1;pointer-events:auto}.integration-card:hover .integration-installed-mark,.integration-card:focus-within .integration-installed-mark{visibility:hidden}.integration-card-actions [data-integration-action=delete-service]:hover{color:var(--error)}.integration-card button:focus-visible,.integration-workspace button:focus-visible,.integration-workspace a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.integration-catalog-footer{padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:flex-end}.integration-catalog-footer .btn{font-size:12px;color:var(--muted)}.integration-empty{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.integration-empty>span>.icon{width:28px;height:28px;color:var(--muted)}.integration-empty h2{margin:0!important;font-size:16px!important}.integration-load-error{font-size:12px;color:var(--error);margin-bottom:16px}
.integration-workspace{max-width:1040px;margin:0 auto;padding:2px 0 48px}.integration-breadcrumb{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:34px}.integration-breadcrumb .icon{width:13px;height:13px}.integration-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}.integration-breadcrumb>span{color:var(--ink)}.integration-workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:30px}.integration-heading-copy{display:flex;align-items:center;gap:18px;min-width:0}.integration-heading-copy>.integration-logo{--logo-size:72px;--logo-padding:13px;border-radius:19px}.crm-hub .integration-heading-copy h2{font-size:24px;font-weight:500;letter-spacing:-.6px;margin:0 0 7px}.integration-heading-copy p{font-size:13px;color:var(--muted);line-height:1.55;margin:0}.integration-heading-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:none}.integration-heading-actions .btn,.integration-heading-actions a.btn{display:inline-flex;gap:7px;align-items:center;font-size:12px}.integration-heading-actions .icon{width:16px;height:16px}.integration-showcase{display:flex;align-items:center;justify-content:center;gap:70px;min-height:280px;padding:40px;background:var(--soft);border:1px solid var(--line);border-radius:18px;margin-bottom:28px}.integration-showcase-provider{display:grid;gap:18px;justify-items:center;font-size:23px;font-weight:500}.integration-showcase-provider>.integration-logo{--logo-size:88px;--logo-padding:17px;border-radius:22px}.integration-showcase-features{display:grid;gap:15px}.integration-showcase-features>div{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.5}.integration-showcase-features .icon{flex:none;width:18px;color:var(--positive)}.integration-showcase-telegram{background:color-mix(in srgb,#2aabee 10%,var(--surface));min-height:340px;padding:30px}.integration-showcase-chat{width:min(520px,100%);padding:20px 24px;background:var(--surface);border:1px solid var(--line);border-radius:15px;box-shadow:0 12px 30px #0000000c}.integration-showcase-head{display:flex;align-items:center;gap:11px;margin-bottom:19px;font-size:13px;font-weight:500}.integration-showcase-head>.integration-logo{--logo-size:36px;--logo-padding:6px;border-radius:10px}.integration-showcase-head small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:3px}.integration-chat-example{max-width:85%;padding:12px 15px;border-radius:12px 12px 12px 3px;background:var(--soft);margin:0 0 12px;font-size:12px;line-height:1.6}.integration-chat-example>span{font-size:10px;color:var(--muted)}.integration-chat-example p{margin:4px 0 0}.integration-chat-example.is-reply{margin-left:auto;background:color-mix(in srgb,#2aabee 13%,var(--surface));border-radius:12px 12px 3px 12px}.integration-showcase-caption{display:flex;gap:6px;align-items:center;justify-content:center;color:var(--muted);font-size:10px;margin-top:18px}.integration-showcase-caption .icon{width:13px;height:13px}.integration-description{max-width:780px}.integration-description p{font-size:14px;line-height:1.8;margin:0 0 18px}.integration-description .integration-notice{color:var(--muted);font-size:13px}.integration-facts{margin:28px 0 0;font-size:13px}.integration-facts>div{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:16px 0;border-top:1px solid var(--line)}.integration-facts dt{color:var(--muted)}.integration-facts dd{margin:0}.integration-accounts{margin-top:32px}.crm-hub .integration-accounts h3,.crm-hub .integration-detail h3{font-size:17px;font-weight:500;margin:0 0 18px}.integration-account{padding:18px 0;border-bottom:1px solid var(--line)}.integration-account-main{display:flex;align-items:center;justify-content:space-between;gap:16px}.integration-account-main>div:first-child{display:grid;gap:5px;min-width:0}.integration-account strong{font-size:14px;font-weight:500;overflow-wrap:anywhere}.integration-account span{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.integration-status.is-connected,.integration-account .integration-status.is-connected{color:var(--positive)}.integration-account-actions{display:flex;align-items:center;gap:8px;flex:none}.integration-account-actions .icon-btn{height:34px;width:34px}.integration-account-actions [data-integration-action=delete]:hover{color:var(--error)}.integration-add-account{padding:16px 0}.integration-add-account .btn{display:inline-flex;align-items:center;gap:9px;font-size:13px}.integration-add-account .icon{width:16px;height:16px}.integration-detail{max-width:680px;margin-top:20px}.integration-detail form{padding:24px 0;border-top:1px solid var(--line);scroll-margin-top:24px}.integration-detail .account-field{margin:0 0 16px;display:block;font-size:13px}.integration-detail .account-field>span{display:block;margin-bottom:8px}.integration-detail input:not([type=checkbox]),.integration-detail select,.integration-detail textarea{width:100%;min-width:0;padding:10px 12px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font:inherit;font-size:13px;border-radius:10px}.integration-detail .crm-tag-option input{width:auto}.integration-detail .account-form-footer{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.integration-detail .form-feedback{font-size:13px}.integration-detail button:disabled{opacity:.55;cursor:default}.integration-field-note{font-size:12px;line-height:1.65;color:var(--muted);margin:8px 0 18px}.integration-help{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.integration-help .icon{width:13px;height:13px}.integration-member{display:grid;grid-template-columns:minmax(80px,1fr) minmax(100px,1fr);gap:16px;align-items:center;margin:12px 0;font-size:13px}.integration-member>span{overflow-wrap:anywhere}.integration-connect-steps{padding-left:20px;margin:0 0 24px;font-size:13px;line-height:1.8;color:var(--muted);display:grid;gap:8px}.integration-connect-steps a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.integration-setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;margin-bottom:15px}.integration-setting-row strong{font-size:13px;font-weight:500;display:block}.integration-setting-row small{font-size:12px;line-height:1.6;color:var(--muted);display:block;margin-top:7px}.integration-setting-row input{flex:none}.integration-diagnostics{margin-top:12px;font-size:12px;color:var(--muted)}.integration-diagnostics summary{cursor:pointer}.integration-diagnostics dl{margin:12px 0 0;display:grid;gap:8px}.integration-diagnostics dl>div{display:flex;justify-content:space-between;gap:16px}.integration-diagnostics dd{margin:0;text-align:right}
@media(max-width:1000px){.integration-workspace-heading{align-items:flex-start;flex-direction:column}.integration-heading-actions{padding-left:90px}.integration-showcase{gap:30px}}@media(max-width:760px){.integration-grid{grid-template-columns:1fr;gap:4px}.integration-card{padding:14px 8px}.integration-toolbar{gap:10px}.integration-search{max-width:none;margin-left:0;order:3;min-width:140px}.integration-sort{order:4}.integration-card-copy>strong{font-size:14px}.integration-workspace{padding-bottom:24px}.integration-breadcrumb{margin-bottom:24px}.integration-heading-copy>.integration-logo{--logo-size:56px;--logo-padding:10px;border-radius:14px}.integration-heading-copy{gap:13px}.crm-hub .integration-heading-copy h2{font-size:21px}.integration-heading-actions{padding-left:0;gap:8px}.integration-showcase{flex-direction:column;gap:24px;padding:28px 20px}.integration-showcase-telegram{min-height:0;padding:18px 12px}.integration-showcase-chat{padding:16px 14px}.integration-showcase-caption{font-size:9px}.integration-description p{font-size:13px}.integration-account-main{gap:8px}.integration-account-actions{gap:2px}.integration-member{grid-template-columns:1fr;gap:7px}.integration-facts>div{grid-template-columns:110px 1fr}}@media(max-width:440px){.integration-categories button{padding:8px 10px}.integration-installed{font-size:12px;padding:8px 10px}.integration-sort select{max-width:130px;font-size:12px}.integration-card-link{gap:10px}.integration-card .integration-logo{--logo-size:42px;--logo-padding:7px}.integration-card{gap:6px}.integration-card-footer{min-width:64px}.integration-card-footer .icon-btn{width:32px}.integration-chat-example{max-width:93%}}@media(hover:none){.integration-card-actions{opacity:1;pointer-events:auto}.integration-installed-mark{display:none}}@media(prefers-reduced-motion:reduce){.integration-card,.integration-card-actions{transition:none}}