dialog.integrations-dialog{width:min(920px,calc(100% - 32px));max-width:920px;max-height:90dvh;border:1px solid var(--line,#ddd);border-radius:20px;padding:28px;color:var(--ink,#34322d);background:var(--paper,#fff);overflow:auto;box-shadow:0 24px 80px #0003;color-scheme:light}
dialog.integrations-dialog::backdrop{background:#0007;backdrop-filter:blur(4px)}
dialog.integrations-dialog header{display:flex;justify-content:space-between;align-items:center;gap:12px}
dialog.integrations-dialog button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;margin:8px 8px 0 0;border:1px solid var(--line,#ddd);border-radius:999px;background:var(--surface-strong,#f1f1ef);color:var(--ink,#34322d);font:inherit;font-weight:550;cursor:pointer}
dialog.integrations-dialog button:hover:not(:disabled){background:#e6e5e2}
dialog.integrations-dialog :is(.integration-section>button:first-of-type,.integration-section>div>button:last-child,.integration-actions>button:first-child){background:var(--green,#1a1a19);color:#fff;border-color:var(--green,#1a1a19)}
dialog.integrations-dialog :is(.integration-section>button:first-of-type,.integration-section>div>button:last-child,.integration-actions>button:first-child):hover:not(:disabled){background:#383835}
dialog.integrations-dialog button:disabled{opacity:.45;cursor:not-allowed}
dialog.integrations-dialog :is(button,input,textarea,select,a):focus-visible{outline:3px solid var(--green,#1a1a19);outline-offset:3px}
.integration-section{border-top:1px solid var(--line,#ddd);margin-top:20px;padding-top:16px}
.integration-section label{display:block;margin:10px 0}
.integration-section input:not([type=checkbox]),.integration-section textarea,.integration-section select{display:block;width:100%;padding:10px;border:1px solid var(--line,#ddd);border-radius:12px;color:inherit;background:var(--paper,#fff);margin:6px 0 14px}
.integration-section label:has(input[type=checkbox]){display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:14px;cursor:pointer}
.integration-section input[type=checkbox]{width:18px;height:18px;flex:0 0 18px;padding:0;margin:0;accent-color:var(--green,#1a1a19)}
.integration-section label small{font-size:12px;color:#65625b}
.integration-section textarea{min-height:100px}
.integration-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.integration-actions button,.integrations-dialog header button{padding:10px 16px;min-height:44px}
.integration-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:12px 0;max-width:100%;overscroll-behavior-inline:contain}
.integration-card{flex:0 0 min(340px,85vw);min-width:0;border:1px solid var(--line,#ddd);border-radius:14px;padding:16px;scroll-snap-align:start;overflow-wrap:anywhere;background:var(--paper,#fff)}
.integration-card pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;max-height:280px;overflow:auto}
.integration-card a{display:block;margin-top:10px}
.integration-note{font-size:.9em;color:var(--muted,#62666e)}
.integration-feedback{min-height:24px}
@media(max-width:600px){dialog.integrations-dialog{width:calc(100% - 16px);max-width:calc(100% - 16px);padding:18px;max-height:92dvh}dialog.integrations-dialog header{align-items:flex-start}dialog.integrations-dialog h2{font-size:21px;margin:8px 0}.integration-card{flex-basis:calc(100vw - 86px)}}
#integrations-view{max-width:1080px;margin:32px auto;padding:0 16px 40px}
#integrations-view>h1{font-size:40px;margin:0 0 12px;letter-spacing:-1.2px}
#integrations-view>p{color:var(--muted,#62666e);max-width:700px}
.integration-toolbar{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:28px 0 18px}
.integration-toolbar input{flex:1;min-width:220px;padding:15px 18px;border:1px solid var(--line,#ddd);border-radius:14px;background:var(--paper,#fff);font:inherit}
.integration-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 20px}
#integrations-view button{min-height:44px;padding:10px 18px;border:1px solid var(--line,#ddd);border-radius:999px;background:transparent;color:var(--ink,#34322d);font:inherit;cursor:pointer}
#integrations-view button[aria-pressed=true]{background:var(--green,#1a1a19);border-color:var(--green,#1a1a19);color:white}
#integrations-view button:disabled{opacity:.45;cursor:not-allowed}
#integrations-view :is(textarea,select,a):focus-visible{outline:3px solid var(--green,#1a1a19);outline-offset:3px}
#integrations-view .integration-section{min-width:0;overflow-wrap:anywhere}
#integrations-view .integration-section :is(input,textarea,select){box-sizing:border-box;font:inherit;max-width:100%}
.integration-flow-choices{display:flex;gap:12px;overflow-x:auto;padding:8px 0;max-width:100%}
.integration-flow-choices>button{flex:0 0 260px;white-space:normal;text-align:left}
.integration-logo[data-provider=linear]{color:#5e6ad2}.integration-logo[data-provider=jira],.integration-logo[data-provider=confluence]{color:#1868db}
#integrations-view :is(button,input):focus-visible{outline:3px solid var(--green,#1a1a19);outline-offset:3px}
.integration-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:44px}
.integration-service{display:flex;align-items:center;gap:18px;padding:26px 0;border-bottom:1px solid var(--line,#ddd);min-width:0}
.integration-service>div{flex:1;min-width:0}.integration-service h2{font-size:19px;margin:0 0 6px}.integration-service p{font-size:14px;line-height:1.5;margin:0;color:var(--muted,#62666e)}
.integration-service small{display:block;margin-top:8px;font-size:12px;color:var(--green,#1a1a19)}
.integration-logo{display:grid;place-items:center;flex:0 0 52px;height:52px;font-size:30px;font-weight:650;border:1px solid var(--line,#ddd);border-radius:14px;background:var(--paper,#fff)}
.integration-logo[data-provider=slack]{color:#611f69}.integration-logo[data-provider=gmail]{color:#c5362b}.integration-logo[data-provider=google_calendar]{color:#276ace;font-size:22px}.integration-logo[data-provider=google_drive]{color:#208858}
@media(max-width:720px){.integration-catalog{grid-template-columns:1fr}#integrations-view{margin:22px auto;padding:0 4px 32px}#integrations-view>h1{font-size:32px}.integration-service{gap:12px;padding:22px 0}.integration-service>button{padding:8px 12px}.integration-toolbar{gap:8px}.integration-logo{flex-basis:44px;height:44px}}

/* Short paths first; configuration stays available without competing with use. */
.integration-details{border-top:1px solid var(--line,#ddd);margin:16px 0;padding-top:8px;min-width:0}
.integration-details>summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;font-weight:550;list-style-position:inside;overflow-wrap:anywhere}
.integration-details>summary:focus-visible{outline:3px solid var(--green,#1a1a19);outline-offset:3px}
.integration-details>summary::marker{color:var(--muted,#62666e)}
.integrations-dialog :is(input:not([type=checkbox]),textarea,select){display:block;width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--line,#ddd);border-radius:12px;color:inherit;background:var(--paper,#fff);font:inherit;margin:6px 0 14px}
.integrations-dialog label{display:block;margin:12px 0}
.integrations-dialog label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.integrations-dialog input[type=checkbox]{width:18px;height:18px;flex:0 0 18px}
.integration-permission-badge{display:inline-block;border-radius:999px;background:var(--surface-strong,#f1f1ef);padding:8px 12px;font-size:14px}
.integration-workflow-editor{margin-top:16px;padding:20px;border:1px solid var(--line,#ddd);border-radius:16px;background:var(--paper,#fff)}
.integration-step{min-width:0;border-top:1px solid var(--line,#ddd);padding-top:12px;margin-top:20px}
.integration-step h5{font-size:17px;margin:0 0 12px}
.integration-step label{display:block;margin:12px 0}
#integrations-view .integration-step :is(input,textarea,select){width:100%;display:block;box-sizing:border-box;padding:12px;border:1px solid var(--line,#ddd);border-radius:12px;background:var(--paper,#fff);font:inherit;margin-top:6px}
.integration-step textarea{min-height:110px}
#integrations-view .integration-toolbar select{font:inherit;padding:10px;border-radius:12px}
@media(max-width:600px){.integration-workflow-editor{padding:14px}.integration-toolbar input{min-width:0;width:100%;flex-basis:100%}.integration-details>summary{font-size:15px}}

.integration-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.integrations-dialog .integration-context label{margin:4px 0}
.integrations-dialog .integration-section{margin-top:12px;padding-top:12px}
.integrations-dialog .integration-section>h3{margin:8px 0 14px}
#integrations-view .integration-section:first-child{margin-top:12px;padding-top:12px}
#integrations-view .integration-section:first-child>h3{margin:8px 0}
#integrations-view .integration-section:first-child>p{font-size:14px;margin:8px 0}
#integrations-view .integration-toolbar{margin:16px 0 8px}
@media(max-width:600px){.integration-context{grid-template-columns:1fr;gap:0}}

/* Guided service selection shares the app's optional setup pattern. */
.ux-shell #integrations-view { max-width:1100px; margin:0 auto; }
.ux-shell #integrations-page-title { font-size:34px; margin-bottom:8px; }
.ux-shell .integration-toolbar { margin-top:24px; display:flex; flex-wrap:wrap; gap:12px; }
.ux-shell .integration-toolbar input { flex:1; min-width:180px; min-height:48px; border:1px solid var(--line); border-radius:9px; padding:10px 14px; }
.ux-shell .integration-tabs button { min-height:44px; border:1px solid var(--line); border-radius:8px; background:white; }
.ux-shell .integration-tabs button[aria-pressed='true'] { color:#165bda; background:#e9f0ff; border-color:#a6bff4; }
.ux-shell .integration-service { display:block; border:0; padding:0; }
.ux-shell .integration-service .ux-service-choice { height:100%; }
.ux-shell .integration-logo { display:inline-block; width:36px; height:36px; min-width:36px; background-repeat:no-repeat; background-position:center; background-size:26px; border:0; background-color:transparent; border-radius:0; }
.ux-shell .ux-preview-logo { width:52px; height:52px; background-size:44px; }
.ux-shell .integration-details { margin:18px 0; padding:14px 0; border-top:1px solid var(--line); }
.ux-shell .integration-details>summary { min-height:32px; cursor:pointer; color:var(--ink); font-size:14px; }
.ux-shell .integrations-dialog { width:min(680px,calc(100vw - 32px)); }
.ux-shell .integration-context { display:grid; gap:12px; grid-template-columns:1fr 1fr; }
.ux-shell .integration-flow-choices { display:flex; overflow:auto; gap:8px; }
.ux-shell .integration-flow-choices button { flex:0 0 auto; padding:10px 14px; border:1px solid var(--line); border-radius:9px; background:white; }
@media(max-width:560px) { .ux-shell #integrations-page-title { font-size:28px; } .ux-shell .integration-context { grid-template-columns:1fr; } .ux-shell .integration-toolbar { display:block; } .ux-shell .integration-toolbar input { width:100%; } .ux-shell .integration-tabs { margin-top:10px; flex-wrap:wrap; } }
.ux-shell .integration-logo[data-provider="notion"] { background-image:url("data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+Tm90aW9uPC90aXRsZT48cGF0aCBkPSJNNC40NTkgNC4yMDhjLjc0Ni42MDYgMS4wMjYuNTYgMi40MjguNDY2bDEzLjIxNS0uNzkzYy4yOCAwIC4wNDctLjI4LS4wNDYtLjMyNkwxNy44NiAxLjk2OGMtLjQyLS4zMjYtLjk4MS0uNy0yLjA1NS0uNjA3TDMuMDEgMi4yOTVjLS40NjYuMDQ2LS41Ni4yOC0uMzc0LjQ2NnptLjc5MyAzLjA4djEzLjkwNGMwIC43NDcuMzczIDEuMDI3IDEuMjE0Ljk4bDE0LjUyMy0uODRjLjg0MS0uMDQ2LjkzNS0uNTYuOTM1LTEuMTY3VjYuMzU0YzAtLjYwNi0uMjMzLS45MzMtLjc0OC0uODg3bC0xNS4xNzcuODg3Yy0uNTYuMDQ3LS43NDcuMzI3LS43NDcuOTMzem0xNC4zMzcuNzQ1Yy4wOTMuNDIgMCAuODQtLjQyLjg4OGwtLjcuMTR2MTAuMjY0Yy0uNjA4LjMyNy0xLjE2OC41MTQtMS42MzUuNTE0LS43NDggMC0uOTM1LS4yMzQtMS40OTUtLjkzM2wtNC41NzctNy4xODZ2Ni45NTJMMTIuMjEgMTlzMCAuODQtMS4xNjguODRsLTMuMjIyLjE4NmMtLjA5My0uMTg2IDAtLjY1My4zMjctLjc0NmwuODQtLjIzM1Y5Ljg1NEw3LjgyMiA5Ljc2Yy0uMDk0LS40Mi4xNC0xLjAyNi43OTMtMS4wNzNsMy40NTYtLjIzMyA0Ljc2NCA3LjI3OXYtNi40NGwtMS4yMTUtLjEzOWMtLjA5My0uNTE0LjI4LS44ODcuNzQ3LS45MzN6TTEuOTM2IDEuMDM1bDEzLjMxLS45OGMxLjYzNC0uMTQgMi4wNTUtLjA0NyAzLjA4Mi43bDQuMjQ5IDIuOTg2Yy43LjUxMy45MzQuNjUzLjkzNCAxLjIxM3YxNi4zNzhjMCAxLjAyNi0uMzczIDEuNjM0LTEuNjggMS43MjZsLTE1LjQ1OC45MzRjLS45OC4wNDctMS40NDgtLjA5My0xLjk2Mi0uNzQ3bC0zLjEyOS00LjA2Yy0uNTYtLjc0Ny0uNzkzLTEuMzA2LS43OTMtMS45NlYyLjY2N2MwLS44MzkuMzc0LTEuNTQgMS40NDctMS42MzJ6Ii8+PC9zdmc+"); }
.ux-shell .integration-logo[data-provider="linear"] { background-image:url("data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+TGluZWFyPC90aXRsZT48cGF0aCBkPSJNMi44ODYgNC4xOEExMS45ODIgMTEuOTgyIDAgMCAxIDExLjk5IDBDMTguNjI0IDAgMjQgNS4zNzYgMjQgMTIuMDA5YzAgMy42NC0xLjYyIDYuOTAzLTQuMTggOS4xMDVMMi44ODcgNC4xOFpNMS44MTcgNS42MjZsMTYuNTU2IDE2LjU1NmMtLjUyNC4zMy0xLjA3NS42Mi0xLjY1Ljg2NkwuOTUxIDcuMjc3Yy4yNDctLjU3NS41MzctMS4xMjYuODY2LTEuNjVaTS4zMjIgOS4xNjNsMTQuNTE1IDE0LjUxNWMtLjcxLjE3Mi0xLjQ0My4yODItMi4xOTUuMzIyTDAgMTEuMzU4YTEyIDEyIDAgMCAxIC4zMjItMi4xOTVabS0uMTcgNC44NjIgOS44MjMgOS44MjRhMTIuMDIgMTIuMDIgMCAwIDEtOS44MjQtOS44MjRaIi8+PC9zdmc+"); }
.ux-shell .integration-logo[data-provider="jira"] { background-image:url("data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+SmlyYTwvdGl0bGU+PHBhdGggZD0iTTExLjU3MSAxMS41MTNIMGE1LjIxOCA1LjIxOCAwIDAgMCA1LjIzMiA1LjIxNWgyLjEzdjIuMDU3QTUuMjE1IDUuMjE1IDAgMCAwIDEyLjU3NSAyNFYxMi41MThhMS4wMDUgMS4wMDUgMCAwIDAtMS4wMDUtMS4wMDV6bTUuNzIzLTUuNzU2SDUuNzM2YTUuMjE1IDUuMjE1IDAgMCAwIDUuMjE1IDUuMjE0aDIuMTI5djIuMDU4YTUuMjE4IDUuMjE4IDAgMCAwIDUuMjE1IDUuMjE0VjYuNzU4YTEuMDAxIDEuMDAxIDAgMCAwLTEuMDAxLTEuMDAxek0yMy4wMTMgMEgxMS40NTVhNS4yMTUgNS4yMTUgMCAwIDAgNS4yMTUgNS4yMTVoMi4xMjl2Mi4wNTdBNS4yMTUgNS4yMTUgMCAwIDAgMjQgMTIuNDgzVjEuMDA1QTEuMDAxIDEuMDAxIDAgMCAwIDIzLjAxMyAwWiIvPjwvc3ZnPg=="); }
.ux-shell .integration-logo[data-provider="confluence"] { background-image:url("data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+Q29uZmx1ZW5jZTwvdGl0bGU+PHBhdGggZD0iTS44NyAxOC4yNTdjLS4yNDguMzgyLS41My44NzUtLjc2MyAxLjI0NWEuNzY0Ljc2NCAwIDAgMCAuMjU1IDEuMDRsNC45NjUgMy4wNTRhLjc2NC43NjQgMCAwIDAgMS4wNTgtLjI2Yy4xOTktLjMzMi40NTQtLjc2My43MzMtMS4yMjEgMS45NjctMy4yNDcgMy45NDUtMi44NTMgNy41MDgtMS4xNDZsNC45NTcgMi4zMzdhLjc2NC43NjQgMCAwIDAgMS4wMjgtLjM4MmwyLjM2NC01LjM0NmEuNzY0Ljc2NCAwIDAgMC0uMzgyLTEgNTk5Ljg1MSA1OTkuODUxIDAgMCAxLTQuOTY1LTIuMzYxQzEwLjkxMSAxMC45NyA1LjIyNCAxMS4xODUuODcgMTguMjU3ek0yMy4xMzEgNS43NDNjLjI0OS0uNDA1LjUzMS0uODc1Ljc2NC0xLjI1YS43NjQuNzY0IDAgMCAwLS4yNTYtMS4wMzRMMTguNjc1LjQwNGEuNzY0Ljc2NCAwIDAgMC0xLjA1OC4yNmMtLjE5NS4zMzUtLjQ1MS43NjMtLjczNCAxLjIyNS0xLjk2NiAzLjI0Ni0zLjk0NSAyLjg1LTcuNTA4IDEuMTQ2TDQuNDM3LjY5NGEuNzY0Ljc2NCAwIDAgMC0xLjAyNy4zODJMMS4wNDYgNi40MjJhLjc2NC43NjQgMCAwIDAgLjM4MiAxYzEuMDM5LjQ5IDMuMTA1IDEuNDY3IDQuOTY1IDIuMzYxIDYuNjk4IDMuMjQ2IDEyLjM5MiAzLjAyOSAxNi43MzgtNC4wNHoiLz48L3N2Zz4="); }
.ux-shell .integration-logo[data-provider="github"] { background-image:url("data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+R2l0SHViPC90aXRsZT48cGF0aCBkPSJNMTIgLjI5N2MtNi42MyAwLTEyIDUuMzczLTEyIDEyIDAgNS4zMDMgMy40MzggOS44IDguMjA1IDExLjM4NS42LjExMy44Mi0uMjU4LjgyLS41NzcgMC0uMjg1LS4wMS0xLjA0LS4wMTUtMi4wNC0zLjMzOC43MjQtNC4wNDItMS42MS00LjA0Mi0xLjYxQzQuNDIyIDE4LjA3IDMuNjMzIDE3LjcgMy42MzMgMTcuN2MtMS4wODctLjc0NC4wODQtLjcyOS4wODQtLjcyOSAxLjIwNS4wODQgMS44MzggMS4yMzYgMS44MzggMS4yMzYgMS4wNyAxLjgzNSAyLjgwOSAxLjMwNSAzLjQ5NS45OTguMTA4LS43NzYuNDE3LTEuMzA1Ljc2LTEuNjA1LTIuNjY1LS4zLTUuNDY2LTEuMzMyLTUuNDY2LTUuOTMgMC0xLjMxLjQ2NS0yLjM4IDEuMjM1LTMuMjItLjEzNS0uMzAzLS41NC0xLjUyMy4xMDUtMy4xNzYgMCAwIDEuMDA1LS4zMjIgMy4zIDEuMjMuOTYtLjI2NyAxLjk4LS4zOTkgMy0uNDA1IDEuMDIuMDA2IDIuMDQuMTM4IDMgLjQwNSAyLjI4LTEuNTUyIDMuMjg1LTEuMjMgMy4yODUtMS4yMy42NDUgMS42NTMuMjQgMi44NzMuMTIgMy4xNzYuNzY1Ljg0IDEuMjMgMS45MSAxLjIzIDMuMjIgMCA0LjYxLTIuODA1IDUuNjI1LTUuNDc1IDUuOTIuNDIuMzYuODEgMS4wOTYuODEgMi4yMiAwIDEuNjA2LS4wMTUgMi44OTYtLjAxNSAzLjI4NiAwIC4zMTUuMjEuNjkuODI1LjU3QzIwLjU2NSAyMi4wOTIgMjQgMTcuNTkyIDI0IDEyLjI5N2MwLTYuNjI3LTUuMzczLTEyLTEyLTEyIi8+PC9zdmc+"); }
.ux-shell .integration-logo[data-provider="gmail"] { background-image:url("data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+R21haWw8L3RpdGxlPjxwYXRoIGQ9Ik0yNCA1LjQ1N3YxMy45MDljMCAuOTA0LS43MzIgMS42MzYtMS42MzYgMS42MzZoLTMuODE5VjExLjczTDEyIDE2LjY0bC02LjU0NS00LjkxdjkuMjczSDEuNjM2QTEuNjM2IDEuNjM2IDAgMCAxIDAgMTkuMzY2VjUuNDU3YzAtMi4wMjMgMi4zMDktMy4xNzggMy45MjctMS45NjRMNS40NTUgNC42NCAxMiA5LjU0OGw2LjU0NS00LjkxIDEuNTI4LTEuMTQ1QzIxLjY5IDIuMjggMjQgMy40MzQgMjQgNS40NTd6Ii8+PC9zdmc+"); }
.ux-shell .integration-logo[data-provider="google_drive"] { background-image:url("data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+R29vZ2xlIERyaXZlPC90aXRsZT48cGF0aCBkPSJNMTIuMDEgMS40ODVjLTIuMDgyIDAtMy43NTQuMDItMy43NDMuMDQ3LjAxLjAyIDEuNzA4IDMuMDAxIDMuNzc0IDYuNjJsMy43NiA2LjU3NGgzLjc2YzIuMDgxIDAgMy43NTMtLjAyIDMuNzQyLS4wNDctLjAwNS0uMDItMS43MDgtMy4wMDEtMy43NzUtNi42MmwtMy43Ni02LjU3NHptLTQuNzYgMS43M2E3ODkuODI4IDc4OS44NjEgMCAwIDAtMy42MyA2LjMxOUwwIDE1Ljg2OGwxLjg5IDMuMjk4IDEuODg1IDMuMjk3IDMuNjItNi4zMzUgMy42MTgtNi4zMy0xLjg4LTMuMjg3QzguMSA0LjcwNCA3LjI1NSAzLjIyIDcuMjUgMy4yMTR6bTIuMjU5IDEyLjY1My0uMjAzLjM0OGMtLjExNC4xOTgtLjk2IDEuNjcyLTEuODggMy4yODdhNDIzLjkzIDQyMy45NDggMCAwIDEtMS42OTggMi45N2MtLjAxLjAyNiAzLjI0LjA0MiA3LjIyMi4wNDJoNy4yNDRsMS43OTYtMy4xNTdjLjk5Mi0xLjczNCAxLjg1LTMuMjMgMS45MDYtMy4zMjNsLjEwNC0uMTY3aC03LjI0OXoiLz48L3N2Zz4="); }
.ux-shell .integration-logo[data-provider="google_calendar"] { background-image:url("data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+R29vZ2xlIENhbGVuZGFyPC90aXRsZT48cGF0aCBkPSJNMTguMzE2IDUuNjg0SDI0djEyLjYzMmgtNS42ODRWNS42ODR6TTUuNjg0IDI0aDEyLjYzMnYtNS42ODRINS42ODRWMjR6TTE4LjMxNiA1LjY4NFYwSDEuODk1QTEuODk0IDEuODk0IDAgMCAwIDAgMS44OTV2MTYuNDIxaDUuNjg0VjUuNjg0aDEyLjYzMnptLTcuMjA3IDYuMjV2LS4wNjVjLjI3Mi0uMTQ0LjUtLjM0OS42ODctLjYxN3MuMjc5LS41OTUuMjc5LS45ODJjMC0uMzc5LS4wOTktLjcyLS4zLTEuMDI1YTIuMDUgMi4wNSAwIDAgMC0uODMyLS43MTQgMi43MDMgMi43MDMgMCAwIDAtMS4xOTctLjI1N2MtLjYgMC0xLjA5NC4xNTYtMS40ODEuNDY3LS4zODYuMzExLS42NS42NzEtLjc5MyAxLjA3OGwxLjA4NS40NTJjLjA4Ni0uMjQ5LjIyNC0uNDYxLjQxMy0uNjMzLjE4OS0uMTcyLjQ0NS0uMjU3Ljc2Ny0uMjU3LjMzIDAgLjYwMi4wODguODE2LjI2NGEuODYuODYgMCAwIDEgLjMyMi43MDNjMCAuMzMtLjEyLjU4OS0uMzYuNzc4LS4yNC4xOS0uNTM1LjI4NC0uODg2LjI4NGgtLjU2N3YxLjA4NWguNjMzYy40MDcgMCAuNzQ4LjEwOSAxLjAyLjMyNy4yNzIuMjE4LjQwNy40OTkuNDA3Ljg0MyAwIC4zMzYtLjEyOS42MTQtLjM4Ny44MzJzLS41NjUuMzI3LS45MjQuMzI3Yy0uMzUxIDAtLjY1MS0uMTAzLS44OTctLjMxMS0uMjQ4LS4yMDgtLjQyMi0uNTAyLS41MjEtLjg4MWwtMS4wOTYuNDUyYy4xNzguNjE2LjUwNSAxLjA4Mi45NzcgMS40MDEuNDcyLjMxOS45ODQuNDc4IDEuNTM4LjQ3N2EyLjg0IDIuODQgMCAwIDAgMS4yOTMtLjI5MWMuMzgyLS4xOTMuNjg0LS40NTguOTAyLS43OTQuMjE4LS4zMzYuMzI3LS43Mi4zMjctMS4xNDkgMC0uNDI5LS4xMTUtLjc5Ny0uMzQ0LTEuMTA1YTIuMDY3IDIuMDY3IDAgMCAwLS44ODEtLjY4OXptMi4wOTMtMS45MzFsLjYwMi45MTNMMTUgMTAuMDQ1djUuNzQ0aDEuMTg3VjguNDQ2aC0uODI3bC0yLjE1OCAxLjU1N3pNMjIuMTA1IDBoLTMuMjg5djUuMTg0SDI0VjEuODk1QTEuODk0IDEuODk0IDAgMCAwIDIyLjEwNSAwem0tMy4yODkgMjMuNWw0LjY4NC00LjY4NGgtNC42ODRWMjMuNXpNMCAyMi4xMDVDMCAyMy4xNTIuODQ4IDI0IDEuODk1IDI0aDMuMjg5di01LjE4NEgwdjMuMjg5eiIvPjwvc3ZnPg=="); }
.ux-shell .integration-logo[data-provider="google_sheets"] { background-image:url("data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+R29vZ2xlIFNoZWV0czwvdGl0bGU+PHBhdGggZD0iTTExLjMxOCAxMi41NDVINy45MXYtMS45MDloMy40MXYxLjkxek0xNC43MjggMHY2aDZsLTYtNnptMS4zNjMgMTAuNjM2aC0zLjQxdjEuOTFoMy40MXYtMS45MXptMCAzLjI3M2gtMy40MXYxLjkxaDMuNDF2LTEuOTF6TTIwLjcyNyA2LjV2MTUuODY0YzAgLjkwNC0uNzMyIDEuNjM2LTEuNjM2IDEuNjM2SDQuOTA5YTEuNjM2IDEuNjM2IDAgMCAxLTEuNjM2LTEuNjM2VjEuNjM2QzMuMjczLjczMiA0LjAwNSAwIDQuOTA5IDBoOS4zMTh2Ni41aDYuNXptLTMuMjczIDIuNzczSDYuNTQ1djcuOTA5aDEwLjkxdi03Ljkxem0tNi4xMzYgNC42MzZINy45MXYxLjkxaDMuNDF2LTEuOTF6Ii8+PC9zdmc+"); }
.ux-shell .integration-logo[data-provider="todoist"] { background-image:url("data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+VG9kb2lzdDwvdGl0bGU+PHBhdGggZD0iTTIxIDBIM0MxLjM1IDAgMCAxLjM1IDAgM3YzLjg1OHMzLjg1NCAyLjI0IDQuMDk4IDIuMzhjLjMxLjE4LjY5NC4xNzcgMS4wMDQgMCAuMjYtLjE0NyA4LjAyLTQuNjA4IDguMTM2LTQuNjc1LjI3OS0uMTYxLjU4LS4xMDcuNzQ4LS4wMS4xNjQuMDk3LjYwNi4zNDguODQuNDguMjMyLjEzNC4yMjEuNTAyLjAxMy42MjJsLTkuNzEyIDUuNTljLS4zNDYuMi0uNjkuMjA0LTEuMDQ4LjAwMkMzLjQ3OCAxMC45MDcuOTk4IDkuNDYzIDAgOC44ODJ2Mi4wMmw0LjA5OCAyLjM4Yy4zMS4xOC42OTQuMTc3IDEuMDA0IDAgLjI2LS4xNDcgOC4wMi00LjYwOSA4LjEzNi00LjY3Ni4yNzktLjE2LjU4LS4xMDYuNzQ4LS4wMDguMTY0LjA5Ni42MDYuMzQ3Ljg0LjQ4LjIzMi4xMzMuMjIxLjUuMDEzLjYyLS4yMDguMTIxLTkuMjg4IDUuMzQ2LTkuNzEyIDUuNTktLjM0Ni4yLS42OS4yMDUtMS4wNDguMDAyQzMuNDc4IDE0Ljk1MS45OTggMTMuNTA2IDAgMTIuOTI2djIuMDJsNC4wOTggMi4zOGMuMzEuMTguNjk0LjE3NyAxLjAwNCAwIC4yNi0uMTQ3IDguMDItNC42MDkgOC4xMzYtNC42NzYuMjc5LS4xNi41OC0uMTA2Ljc0OC0uMDA5LjE2NC4wOTcuNjA2LjM0OC44NC40OC4yMzIuMTMzLjIyMS41MDIuMDEzLjYyMmwtOS43MTIgNS41OWMtLjM0Ni4xOTktLjY5LjIwNC0xLjA0OC4wMDFDMy40NzggMTguOTk0Ljk5OCAxNy41NSAwIDE2Ljk3VjIxYzAgMS42NSAxLjM1IDMgMyAzaDE4YzEuNjUgMCAzLTEuMzUgMy0zVjNjMC0xLjY1LTEuMzUtMy0zLTN6Ii8+PC9zdmc+"); }
.ux-shell .integration-logo[data-provider="hubspot"] { background-image:url("data:image/svg+xml;base64,PHN2ZyByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+SHViU3BvdDwvdGl0bGU+PHBhdGggZD0iTTE4LjE2NCA3LjkzVjUuMDg0YTIuMTk4IDIuMTk4IDAgMDAxLjI2Ny0xLjk3OHYtLjA2N0EyLjIgMi4yIDAgMDAxNy4yMzguODQ1aC0uMDY3YTIuMiAyLjIgMCAwMC0yLjE5MyAyLjE5M3YuMDY3YTIuMTk2IDIuMTk2IDAgMDAxLjI1MiAxLjk3M2wuMDEzLjAwNnYyLjg1MmE2LjIyIDYuMjIgMCAwMC0yLjk2OSAxLjMxbC4wMTItLjAxLTcuODI4LTYuMDk1QTIuNDk3IDIuNDk3IDAgMTA0LjMgNC42NTZsLS4wMTIuMDA2IDcuNjk3IDUuOTkxYTYuMTc2IDYuMTc2IDAgMDAtMS4wMzggMy40NDZjMCAxLjM0My40MjUgMi41ODggMS4xNDcgMy42MDdsLS4wMTMtLjAyLTIuMzQyIDIuMzQzYTEuOTY4IDEuOTY4IDAgMDAtLjU4LS4wOTVoLS4wMDJhMi4wMzMgMi4wMzMgMCAxMDIuMDMzIDIuMDMzIDEuOTc4IDEuOTc4IDAgMDAtLjEtLjU5NWwuMDA1LjAxNCAyLjMxNy0yLjMxN2E2LjI0NyA2LjI0NyAwIDEwNC43ODItMTEuMTM0bC0uMDM2LS4wMDV6bS0uOTY0IDkuMzc4YTMuMjA2IDMuMjA2IDAgMTEzLjIxNS0zLjIwN3YuMDAyYTMuMjA2IDMuMjA2IDAgMDEtMy4yMDcgMy4yMDd6Ii8+PC9zdmc+"); }
.ux-shell .integration-logo[data-provider="slack"] { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktc2xhY2siIHZpZXdCb3g9IjAgMCAxNiAxNiI+CiAgPHBhdGggZD0iTTMuMzYyIDEwLjExYzAgLjkyNi0uNzU2IDEuNjgxLTEuNjgxIDEuNjgxUzAgMTEuMDM2IDAgMTAuMTExLjc1NiA4LjQzIDEuNjggOC40M2gxLjY4MnptLjg0NiAwYzAtLjkyNC43NTYtMS42OCAxLjY4MS0xLjY4czEuNjgxLjc1NiAxLjY4MSAxLjY4djQuMjFjMCAuOTI0LS43NTYgMS42OC0xLjY4IDEuNjhhMS42ODUgMS42ODUgMCAwIDEtMS42ODItMS42OHpNNS44OSAzLjM2MmMtLjkyNiAwLTEuNjgyLS43NTYtMS42ODItMS42ODFTNC45NjQgMCA1Ljg5IDBzMS42OC43NTYgMS42OCAxLjY4djEuNjgyem0wIC44NDZjLjkyNCAwIDEuNjguNzU2IDEuNjggMS42ODFTNi44MTQgNy41NyA1Ljg5IDcuNTdIMS42OEMuNzU3IDcuNTcgMCA2LjgxNCAwIDUuODljMC0uOTI2Ljc1Ni0xLjY4MiAxLjY4LTEuNjgyem02Ljc0OSAxLjY4MmMwLS45MjYuNzU1LTEuNjgyIDEuNjgtMS42ODJTMTYgNC45NjQgMTYgNS44ODlzLS43NTYgMS42ODEtMS42OCAxLjY4MWgtMS42ODF6bS0uODQ4IDBjMCAuOTI0LS43NTUgMS42OC0xLjY4IDEuNjhBMS42ODUgMS42ODUgMCAwIDEgOC40MyA1Ljg5VjEuNjhDOC40My43NTcgOS4xODYgMCAxMC4xMSAwYy45MjYgMCAxLjY4MS43NTYgMS42ODEgMS42OHptLTEuNjgxIDYuNzQ4Yy45MjYgMCAxLjY4Mi43NTYgMS42ODIgMS42ODFTMTEuMDM2IDE2IDEwLjExIDE2cy0xLjY4MS0uNzU2LTEuNjgxLTEuNjh2LTEuNjgyaDEuNjh6bTAtLjg0N2MtLjkyNCAwLTEuNjgtLjc1NS0xLjY4LTEuNjhzLjc1Ni0xLjY4MSAxLjY4LTEuNjgxaDQuMjFjLjkyNCAwIDEuNjguNzU2IDEuNjggMS42OCAwIC45MjYtLjc1NiAxLjY4MS0xLjY4IDEuNjgxeiIvPgo8L3N2Zz4="); }
.ux-shell .integration-logo[data-provider="microsoft365"] { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0iY3VycmVudENvbG9yIiBjbGFzcz0iYmkgYmktbWljcm9zb2Z0IiB2aWV3Qm94PSIwIDAgMTYgMTYiPgogIDxwYXRoIGQ9Ik03LjQ2MiAwSDB2Ny4xOWg3LjQ2MnpNMTYgMEg4LjUzOHY3LjE5SDE2ek03LjQ2MiA4LjIxMUgwVjE2aDcuNDYyem04LjUzOCAwSDguNTM4VjE2SDE2eiIvPgo8L3N2Zz4="); }

/* Embedded brand assets: Simple Icons, CC0 collection; each brand retains its trademark. Sources and pinned versions: docs/KANIT-WEB-USABILITY-20261023/asset-provenance.json. */

/* CopilotKit Explorer / docked sidebar pattern: one bounded workspace, distinct actions.
   Visual research: docs/KANIT-INTEGRATIONS-COPILOT-20261023; no SDK dependency. */
.ux-shell.ux-connections main {max-width:1440px;padding:12px 28px 20px;}
.ux-shell #integrations-view {max-width:none;min-width:0;margin:0;padding:0;}
.ux-shell #integrations-page-title {font-size:30px;line-height:1.2;margin:0 0 8px;}
.ux-shell #integrations-view>p {font-size:13px;line-height:1.5;margin:0 0 14px;max-width:760px;}
.ux-shell #integrations-view>.integration-feedback {margin:0;min-height:0;height:22px;font-size:11px;}
.ux-shell #integrations-view .integration-page-nav {display:flex;gap:4px;padding:4px;background:#f3f5f9;border:1px solid #e5e9ef;border-radius:11px;max-width:max-content;margin:0 0 12px;}
.ux-shell #integrations-view .integration-page-nav button {border:1px solid transparent;border-radius:8px;min-height:40px;padding:9px 18px;color:#667085;background:transparent;font-size:13px;font-weight:600;}
.ux-shell #integrations-view .integration-page-nav button[aria-pressed=true] {background:#fff;color:#202737;border-color:#e5e9ef;box-shadow:0 1px 3px #2027370b;}
.ux-shell #integrations-view .integration-browser>.ux-connect-layout {grid-template-columns:minmax(250px,.8fr) minmax(0,1.3fr);gap:0;border:1px solid #e1e6ef;border-radius:16px;overflow:hidden;background:#fff;height:clamp(390px,calc(100dvh - 252px),760px);}
.ux-shell #integrations-view .integration-service-sidebar {min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;background:#f8f9fc;padding:18px;border-inline-end:1px solid #e5e9ef;}
.ux-shell #integrations-view .integration-toolbar {margin:0 0 10px;display:flex;gap:10px;align-items:stretch;}
.ux-shell #integrations-view .integration-toolbar input {flex:1 1 100%;width:100%;min-width:0;min-height:44px;padding:11px 13px;font-size:13px;border:1px solid #dce2ed;background:white;border-radius:9px;}
.ux-shell #integrations-view .integration-tabs {display:flex;gap:6px;margin:0;flex-wrap:wrap;width:100%;}
.ux-shell #integrations-view .integration-tabs button {padding:8px 12px;min-height:38px;background:#fff;border:1px solid #dce2ed;border-radius:8px;font-size:12px;}
.ux-shell #integrations-view .integration-tabs button[aria-pressed=true] {background:#edf3ff;border-color:#c0d4fc;color:#1756c2;}
.ux-shell #integrations-view .integration-details {padding:8px 0;margin:8px 0 12px;}
.ux-shell #integrations-view .integration-details>summary {font-size:12px;min-height:32px;}
.ux-shell #integrations-view .ux-service-list {gap:8px;}
.ux-shell #integrations-view .integration-service {display:block;padding:0;border:0;}
.ux-shell #integrations-view .ux-service-choice {display:flex;align-items:center;gap:12px;height:auto;min-height:80px;width:100%;padding:15px 14px;margin:0;border:1px solid #e3e8f0;border-radius:10px;background:#fff;color:#202737;text-align:start;box-shadow:none;}
.ux-shell #integrations-view .ux-service-choice:hover {background:#f1f5ff;border-color:#c0d4fc;}
.ux-shell #integrations-view .ux-service-choice[aria-pressed=true] {background:#edf3ff;border-color:#8db3fb;color:#164fae;}
.ux-shell #integrations-view .ux-service-choice strong {font-size:14px;line-height:1.35;}
.ux-shell #integrations-view .ux-service-choice .quiet {font-size:12px;line-height:1.5;margin:4px 0 0;color:#5e6c80;}
.ux-shell #integrations-view .integration-logo {flex:0 0 32px;min-width:32px;width:32px;height:36px;background-size:24px;}
.ux-shell #integrations-view .ux-service-preview {display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-width:0;min-height:0;padding:0;border:0;gap:0;background:#fff;}
.ux-shell #integrations-view .integration-preview-body {flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:28px;}
.ux-shell #integrations-view .integration-preview-body .ux-preview-logo {display:block;width:44px;height:44px;background-size:36px;margin-bottom:16px;}
.ux-shell #integrations-view .integration-preview-body h2 {font-size:24px;line-height:1.3;margin:0 0 10px;}
.ux-shell #integrations-view .integration-preview-body p {line-height:1.6;font-size:13px;margin:0 0 18px;}
.ux-shell #integrations-view .ux-permission-list {padding-inline-start:20px;font-size:13px;line-height:1.7;margin:22px 0;}
.ux-shell #integrations-view .ux-permission-list li {padding:4px 0;}
.ux-shell #integrations-view .integration-preview-footer {flex:0 0 auto;display:grid;gap:10px;padding:20px 28px;border-top:1px solid #e5e9ef;background:#fff;}
.ux-shell #integrations-view .integration-preview-footer>.button {width:100%;min-height:46px;padding:12px 20px;border:1px solid #2369ed;border-radius:9px;background:#2369ed;color:#fff;font-size:14px;font-weight:600;margin:0;}
.ux-shell #integrations-view .integration-preview-footer>.button:hover:not(:disabled) {background:#1958ca;}
.ux-shell #integrations-view .integration-preview-footer small {display:block;font-size:11px;color:#667085;line-height:1.5;text-align:center;}
.ux-shell #integrations-view [hidden] {display:none!important;}
.ux-shell #integrations-view :is(button,input,summary):focus-visible {outline:3px solid #80aaff;outline-offset:2px;}
/* Consistent docked sheet: header and explicit OAuth action remain outside the scroll body. */
.ux-shell dialog.integrations-dialog {position:fixed;inset:0 0 0 auto;margin:0;width:min(560px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;padding:0;border:0;border-inline-start:1px solid #e1e6ef;border-radius:18px 0 0 18px;background:#fff;overflow:hidden;box-shadow:-18px 0 64px #20273720;}
.ux-shell dialog.integrations-dialog[open] {display:flex;flex-direction:column;gap:0;}
.ux-shell dialog.integrations-dialog>header {display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;padding:20px 24px;min-height:80px;border-bottom:1px solid #e5e9ef;background:#fff;}
.ux-shell dialog.integrations-dialog>header h2 {font-size:23px;line-height:1.3;margin:0;}
.ux-shell dialog.integrations-dialog>header button {padding:9px 16px;min-height:40px;margin:0;border-radius:9px;font-size:13px;background:#f7f9fc;border:1px solid #e1e6ef;}
.ux-shell dialog.integrations-dialog>.integration-feedback {flex:0 0 auto;min-height:0;padding:10px 24px;margin:0;background:#f8f9fc;font-size:12px;}
.ux-shell dialog.integrations-dialog>.integration-feedback:empty {display:none;}
.ux-shell .integration-sheet-content {padding:22px 24px;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;}
.ux-shell .integration-sheet-content>p {font-size:13px;line-height:1.6;margin:0 0 20px;}
.ux-shell .integration-sheet-content .integration-details {margin:16px 0;padding-top:12px;}
.ux-shell .integration-sheet-content .integration-details>summary {font-size:14px;line-height:1.5;min-height:38px;}
.ux-shell .integration-sheet-content label {margin:14px 0;font-size:13px;line-height:1.5;}
.ux-shell .integration-sheet-content label:has(input[type=checkbox]) {flex-wrap:nowrap;align-items:flex-start;gap:12px;padding:12px 14px;margin:8px 0;background:#f8f9fc;border:1px solid #e5e9ef;border-radius:9px;}
.ux-shell .integration-sheet-content input[type=checkbox] {margin-top:2px;}
.ux-shell .integration-sheet-content .integration-note {margin:18px 0;font-size:12px;line-height:1.6;}
.ux-shell .integration-sheet-footer {flex:0 0 auto;padding:18px 24px max(18px,env(safe-area-inset-bottom));border-top:1px solid #e5e9ef;background:#fff;}
.ux-shell .integration-sheet-footer[hidden] {display:none!important;}
.ux-shell dialog.integrations-dialog .integration-sheet-footer button {display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:12px 22px;margin:0;border-radius:10px;background:#2369ed;color:#fff;border:1px solid #2369ed;font-size:14px;}
.ux-shell .integration-sheet-content button {min-height:44px;padding:10px 16px;margin:8px 8px 8px 0;border-radius:9px;}
@media(max-width:1000px) {
 .ux-shell.ux-connections main {padding:12px 20px 20px;}
 .ux-shell #integrations-view .integration-browser>.ux-connect-layout {grid-template-columns:minmax(225px,.85fr) minmax(0,1.15fr);}
 .ux-shell #integrations-view .integration-preview-body {padding:22px;}
 .ux-shell #integrations-view .integration-preview-footer {padding:18px 22px;}
}
@media(max-width:760px) {
 .ux-shell.ux-connections main {padding:14px 16px 90px;}
 .ux-shell #integrations-page-title {font-size:27px;}
 .ux-shell #integrations-view .integration-page-nav {max-width:100%;width:100%;}
 .ux-shell #integrations-view .integration-page-nav button {flex:1;min-width:0;padding:8px;font-size:11px;}
 .ux-shell #integrations-view .integration-browser>.ux-connect-layout {height:auto;min-height:0;display:block;border:0;border-radius:0;overflow:visible;}
 .ux-shell #integrations-view .integration-service-sidebar {padding:0;border:0;background:transparent;overflow:visible;}
 .ux-shell #integrations-view .ux-service-preview {display:none;}
 .ux-shell #integrations-view .ux-service-choice {min-height:84px;padding:16px;}
 .ux-shell #integrations-view .integration-toolbar {display:flex;}
 .ux-shell dialog.integrations-dialog {width:100%;border-radius:0;}
 .ux-shell dialog.integrations-dialog>header {padding:16px 20px;min-height:72px;}
 .ux-shell .integration-sheet-content {padding:20px;}
 .ux-shell .integration-sheet-footer {padding:16px 20px max(20px,env(safe-area-inset-bottom));}
 .ux-shell .integration-sheet-content .integration-context {grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce) {.ux-shell dialog.integrations-dialog {scroll-behavior:auto;transition:none;}}
.ux-shell #integrations-view .integration-secondary {padding:22px 24px;border:1px solid #e1e6ef;border-radius:14px;background:#fff;min-width:0;}
.ux-shell #integrations-view .integration-secondary>.integration-details {margin:0;padding:0;border:0;}
.ux-shell #integrations-view .integration-secondary>.integration-details>summary {font-size:18px;margin-bottom:16px;}
.ux-shell #integrations-view .integration-details label {display:block;font-size:13px;line-height:1.5;margin:16px 0;}
.ux-shell #integrations-view .integration-details :is(input:not([type=checkbox]),textarea,select) {display:block;width:100%;max-width:100%;box-sizing:border-box;padding:12px 14px;margin:8px 0;border:1px solid #dce2ed;border-radius:9px;background:#fff;font:inherit;}
.ux-shell #integrations-view .integration-details textarea {min-height:110px;resize:vertical;}
.ux-shell #integrations-view :is(.integration-details>button,.integration-workflow-editor button) {min-height:44px;padding:11px 16px;margin:8px 10px 8px 0;border-radius:9px;}
.ux-shell #integrations-view .integration-secondary .integration-flow-choices {gap:10px;padding:8px 2px 14px;}
@media(max-width:760px) {.ux-shell #integrations-view .integration-secondary {padding:20px 16px;}}
/* Match the shared result workspace without changing consent or panel scrolling. */
#integrations-view { --green:#465de4; --line:#e5e8f0; }
#integrations-view h1 { letter-spacing:-.04em; }
#integrations-view :is(input,textarea,select) { border-radius:10px; }