.connectionLinkHero{text-align:center;grid-column:1/-1;justify-items:center;gap:9px;padding:10px 12px 22px;display:grid}.connectionLinkMarks{align-items:center;gap:12px;margin-bottom:8px;display:flex}.connectionLinkMark{background:var(--mc-panel-bg,#fff);place-items:center;width:68px;height:68px;display:grid;box-shadow:0 5px 22px #18223217;border-radius:22px!important}.connectionLinkMark .providerMark{background:0 0;border:0;width:38px;height:38px}.connectionLinkBridge{color:var(--mc-text-muted,#667085);align-items:center;gap:6px;display:flex}.connectionLinkBridge>span{border-top:1px dashed var(--mc-border,#d7dde5);width:18px}.connectionLinkHero>strong{color:var(--mc-text,#202632);font-size:19px;line-height:1.35}.connectionLinkHero>p{max-width:360px;color:var(--mc-text-muted,#697586);margin:0;font-size:12px;line-height:1.6}.connectionEditorSimplified .connectionAuthChoices{border:0;flex-wrap:wrap;justify-content:center;gap:6px;padding:0 0 18px;display:flex}.connectionEditorSimplified .connectionAuthChoices>button{min-height:36px;box-shadow:none;color:var(--mc-text-muted,#647083);background:0 0;border:0;flex:0 auto;gap:6px;padding:8px 13px;border-radius:999px!important}.connectionEditorSimplified .connectionAuthChoices>button.selected{background:var(--mc-text,#202632);color:var(--mc-panel-bg,#fff);box-shadow:0 2px 6px #1822321a}.connectionEditorSimplified .connectionAuthChoices>button.selected :is(strong,.connectionChoiceIcon){color:inherit}.connectionEditorSimplified .connectionAuthChoices>button:hover:not(.selected):not(:disabled){background:var(--mc-bg-muted,#f1f3f6)}.connectionEditorSimplified .connectionAuthChoices small{display:none}.connectionEditorSimplified .connectionChoiceIcon{flex-basis:18px}.connectionEditorSimplified .connectionChoiceIcon svg{width:16px;height:16px}.connectionEditorSimplified .connectionAuthOverview{gap:12px;padding-top:0}.connectionEditorSimplified .connectionAuthSafety{background:var(--mc-bg-muted,#f5f7f8);color:var(--mc-text-muted,#667085);gap:9px;padding:14px 16px;font-size:11px;border-radius:16px!important}.connectionEditorSimplified .connectorAccountLabelField input{min-height:42px;border-radius:12px!important}.connectionEditorSimplified .modalFooter button{border-radius:999px!important}.modal.connectionEditorSimplified{background:var(--mc-color-surface,#fff);border-radius:20px;width:min(860px,100vw - 32px)}.connectionEditorSimplified .modalHeader{background:#fff;border-bottom:0;align-items:flex-start;min-height:0;padding:25px 28px 19px}.connectionEditorSimplified .modalHeader h2{letter-spacing:-.035em;color:#151a22;font-size:24px;font-weight:690;line-height:1.2}.connectionEditorSimplified .modalHeader p{color:#747d8a;margin-top:6px;font-size:13px;line-height:1.5}.connectionEditorSimplified .modalHeader .iconButton{flex:none}.connectionEditorSimplified .modalBody{scrollbar-gutter:auto;padding:0 28px 22px;overflow-x:hidden}.connectionEditorSimplified .formGrid{gap:14px}.connectionAuthChoices{border-bottom:1px solid #e9ecf0;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding-bottom:18px;display:grid}.connectionAuthChoices>button{color:#232934;cursor:pointer;min-width:0;font:inherit;text-align:left;background:#fff;border:1px solid #e0e4ea;border-radius:11px;align-items:center;gap:10px;padding:14px 11px;transition:background .15s,border-color .15s;display:flex}.connectionAuthChoices>button.selected{background:#f5f8ff;border-color:#477cf5;box-shadow:0 0 0 1px #477cf51f}.connectionAuthChoices>button:hover:not(:disabled){background:#f7f9fc;border-color:#a8b4c7}.connectionAuthChoices>button:focus-visible{outline-offset:2px;outline:2px solid #477cf5}.connectionAuthChoices>button:disabled{opacity:.5;cursor:not-allowed}.connectionChoiceIcon{color:#556070;flex:0 0 24px;place-items:center;display:grid}.connectionAuthChoices>button.selected .connectionChoiceIcon{color:#386ce6}.connectionAuthChoices>button>span:last-child{gap:2px;min-width:0;display:grid}.connectionAuthChoices strong{color:#1c222c;font-size:13px;font-weight:650}.connectionAuthChoices small{color:#818997;font-size:11px;line-height:1.35}.connectionAuthOverview{grid-column:1/-1;justify-items:center;gap:18px;padding:12px 0 0;display:grid}.connectionAuthFlow{justify-content:center;align-items:center;gap:26px;display:flex}.connectionAuthFlowIdentity,.connectionAuthFlowProvider{color:#353c47;background:#fff;border:1px solid #e3e7ed;border-radius:18px;align-content:center;place-items:center;gap:7px;width:85px;min-height:85px;padding:10px;display:grid}.connectionAuthFlowIdentity>svg{color:#4a596a}.connectionAuthFlowProvider .providerMark{border:0;width:36px;height:36px}.connectionAuthFlow small{color:#69717d;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;font-weight:620;display:block;overflow:hidden}.connectionAuthArrow{color:#a1a9b5}.connectionAuthOverview>p{color:#647083;text-align:center;max-width:660px;margin:0;font-size:13px;line-height:1.6}.connectionAuthSafety{color:#4c5667;background:#f5f6f9;border-radius:15px;gap:12px;width:100%;margin:0;padding:18px 22px;font-size:12px;list-style:none;display:grid}.connectionAuthSafety li{align-items:center;gap:12px;display:flex}.connectionAuthSafety svg{color:#2d996b;flex:none}.connectionAuthMethodIntro{grid-column:1/-1;gap:7px;padding:4px 0;display:grid}.connectionAuthMethodIntro>strong{color:#242a34;font-size:14px}.connectionAuthMethodIntro>p{color:#737d8a;margin:0;font-size:12px;line-height:1.5}.connectionAuthMethodIntro .field{margin-top:9px}.connectionEditorSimplified .providerOAuthSetupPanel{background:#fff;border-radius:12px;gap:12px;padding:13px 16px}.connectionEditorSimplified .providerOAuthSetupHeader small{line-height:1.5}.connectionEditorSimplified .modalFooter{background:#fff;border-top:1px solid #ecedf0;padding:13px 28px}.connectionEditorSimplified .modalFooter .button.primary{color:#fff;background:#161b25}@media (max-width:760px){.modal.connectionEditorSimplified{border-radius:16px;width:calc(100vw - 16px)}.connectionEditorSimplified .modalHeader{padding:18px 17px 14px}.connectionEditorSimplified .modalHeader h2{font-size:19px}.connectionEditorSimplified .modalBody{padding:0 17px 18px}.connectionAuthChoices{grid-template-columns:repeat(2,minmax(0,1fr))}.connectionAuthChoices>button{min-height:68px}.connectionAuthFlow{gap:20px}.connectionAuthFlowIdentity,.connectionAuthFlowProvider{width:76px;min-height:76px}.connectionAuthSafety{padding:15px}.connectionEditorSimplified .modalFooter{padding:12px 17px max(12px, env(safe-area-inset-bottom))}}@media (max-width:380px){.connectionAuthChoices>button{gap:7px;padding:11px 8px}.connectionAuthChoices strong{font-size:12px}.connectionAuthChoices small{font-size:10px}}[data-theme=dark] .modal.connectionEditorSimplified,[data-theme=dark] .connectionEditorSimplified .modalHeader,[data-theme=dark] .connectionEditorSimplified .modalFooter{background:#1c222a}[data-theme=dark] .connectionEditorSimplified .modalHeader h2,[data-theme=dark] .connectionAuthChoices strong,[data-theme=dark] .connectionAuthMethodIntro>strong{color:#f1f3f6}[data-theme=dark] .connectionAuthChoices>button,[data-theme=dark] .connectionAuthFlowIdentity,[data-theme=dark] .connectionAuthFlowProvider{color:#e5e9ee;background:#252c35;border-color:#3b4652}[data-theme=dark] .connectionAuthChoices>button.selected{background:#293a57;border-color:#7ba6ff}[data-theme=dark] .connectionAuthSafety{color:#d0d6df;background:#272e38}[data-theme=dark] .connectionAuthOverview>p,[data-theme=dark] .connectionAuthMethodIntro>p{color:#a4b0bf}
@media (min-width:801px){.modal.connectionDetailDialog{--mc-common-dialog-width:1160px;flex-direction:column;display:flex;width:min(1160px,100vw - 48px)!important;max-width:1160px!important;height:min(810px,100dvh - 48px)!important;max-height:calc(100dvh - 48px)!important}}.connectionDetailDialog .connectionDetailModalBody{scrollbar-gutter:auto;flex-direction:column;flex:auto;width:100%;min-width:0;min-height:0;padding:0;display:flex;overflow:hidden}.connectionDetailDialog .connectionModalWorkspace{border:0;border-radius:0;flex:auto;grid-template-columns:minmax(0,1fr);width:100%;min-width:0;height:auto;min-height:0;display:grid}.connectionDetailDialog .connectionBodyDetail{overscroll-behavior:contain;min-width:0;height:100%;min-height:0;overflow:hidden auto}.connectionDetailDialog .connectionBodyDetail>.pageStack{gap:16px;min-width:0;padding:20px 24px 28px}.connectionDetailDialog .connectionHero{flex-wrap:wrap;gap:12px;min-width:0}.connectionDetailDialog .connectionHeroMain,.connectionDetailDialog .connectionHeroCopy{min-width:0}.connectionDetailDialog .heroActions{flex:none;margin-left:auto}.connectionDetailDialog .connectionTabs{overscroll-behavior-inline:contain;scrollbar-width:thin;border-bottom:1px solid #e7e9eb;flex-wrap:nowrap;gap:4px 16px;min-width:0;max-width:100%;display:flex;overflow-x:auto}.connectionDetailDialog .connectionTab{white-space:nowrap;min-width:max-content;padding:0 2px}.connectionDetailDialog .splitGrid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:12px;min-width:0}.connectionDetailDialog .splitGrid>.sectionCard{min-width:0}.connectionDetailDialog .detailList>div{grid-template-columns:minmax(82px,.4fr) minmax(0,1fr);gap:10px}.connectionDetailDialog .detailList dd{overflow-wrap:anywhere;min-width:0}.connectionDetailDialog .fieldListRow,.connectionDetailDialog .fieldListRow>div{min-width:0}.connectionDetailDialog .fieldListRow>small{flex:none}@media (min-width:801px) and (max-width:1080px){.connectionDetailDialog .splitGrid{grid-template-columns:minmax(0,1fr)}}@media (max-width:940px){.connectionDetailDialog .splitGrid{grid-template-columns:minmax(0,1fr)}}@media (max-width:800px){.connectionDetailDialog .connectionBodyDetail>.pageStack{gap:13px;padding:16px 14px 24px}.connectionDetailDialog .connectionTabs{gap:4px 12px}.connectionDetailDialog .heroActions{margin-left:0}.connectionDetailDialog .connectionDetailModalBody{padding:0}}.connectionDetailDialog .connectionAccountsPanel{gap:14px;min-width:0;display:grid}.connectionDetailDialog .connectionAccountsHeading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.connectionDetailDialog .connectionAccountsHeading h3{color:var(--mc-text,#20252b);margin:0;font-size:15px;font-weight:650}.connectionDetailDialog .connectionAccountsHeading p{color:var(--mc-text-muted,#68717b);margin:4px 0 0;font-size:12px}.connectionDetailDialog .connectionAccountsList{border:1px solid var(--mc-border,#e7e9eb);background:var(--mc-surface,#fff);border-radius:14px;min-width:0;overflow:hidden}.connectionDetailDialog .connectionAccountRow{box-sizing:border-box;border:0;border-bottom:1px solid var(--mc-border,#e7e9eb);width:100%;min-width:0;min-height:74px;color:var(--mc-text,#20252b);font:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:38px minmax(0,1fr) max-content 16px;align-items:center;gap:14px;padding:12px 16px;display:grid}.connectionDetailDialog .connectionAccountRow:last-child{border-bottom:0}.connectionDetailDialog .connectionAccountRow:hover,.connectionDetailDialog .connectionAccountRow.active{background:var(--mc-surface-subtle,#f8f9fb)}.connectionDetailDialog .connectionAccountRow:focus-visible{outline:2px solid var(--mc-primary,#2863df);outline-offset:-3px}.connectionDetailDialog .connectionAccountRowCopy{gap:3px;min-width:0;display:grid}.connectionDetailDialog .connectionAccountRowCopy strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.connectionDetailDialog .connectionAccountRowCopy small{color:var(--mc-text-muted,#68717b);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.connectionDetailDialog .connectionAccountRow>svg:last-child{color:var(--mc-text-muted,#68717b)}.connectionDetailDialog .connectionAddAccountButton{background:var(--mc-surface-subtle,#f1f2f4);min-height:34px;color:var(--mc-text,#20252b);font:inherit;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:7px 13px;font-size:12px;font-weight:600;display:inline-flex}.connectionDetailDialog .connectionAddAccountButton:hover{background:var(--mc-border,#e4e6e8)}.connectionDetailDialog .connectionAddAccountButton:focus-visible{outline:2px solid var(--mc-primary,#2863df);outline-offset:2px}@media (max-width:600px){.connectionDetailDialog .connectionAccountsHeading{align-items:stretch}.connectionDetailDialog .connectionAddAccountButton{width:100%}.connectionDetailDialog .connectionAccountRow{grid-template-columns:32px minmax(0,1fr) 16px;gap:6px 10px;padding:12px}.connectionDetailDialog .connectionAccountRow>.statusPill{grid-area:2/2;justify-self:start}.connectionDetailDialog .connectionAccountRow>svg:last-child{grid-area:1/3/3}}
.mc-product-connect-surface .mcpConnectionsSection{background:#fff}.mc-product-connect-surface .providerConnectionsPage:has(.mcpConnectionsSection){background:#fff}.mc-product-connect-surface .providerConnectionsPage:has(.mcpConnectionsSection)>.mc-connect-space-context{background:#fff}.mc-product-connect-surface .mcpConnectionsSection{min-width:0;padding:0}.mc-product-connect-surface .providerConnectionsPage:has(.mcpConnectionsSection) .connectionsSectionActions .button.primary{color:#fff;background:#15171a;border-radius:9999px;min-height:40px}.mcpConnectionsSection .mcpListToolbar{justify-content:space-between;align-items:center;gap:16px;margin:22px 0 14px;display:flex}.mcpConnectionsSection .mcpListSearch{color:#707782;background:#f6f7f8;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;width:min(455px,100%);height:42px;padding:0 15px;display:flex}.mcpConnectionsSection .mcpListSearch:focus-within{background:#fff;border-color:#aeb5c0;box-shadow:0 0 0 3px #14161a0e}.mcpConnectionsSection .mcpListSearch input{width:100%;min-width:0;height:100%;box-shadow:none;color:#17191d;background:0 0;border:0;outline:none;flex:1;font-size:13px}.mcpConnectionsSection .mcpListToolbarRight{flex:none;align-items:center;gap:12px;display:flex}.mcpConnectionsSection .mcpListSort select{color:#2b3037;cursor:pointer;background:#f6f7f8;border:0;border-radius:12px;min-width:136px;min-height:42px;padding:0 35px 0 14px;font-size:13px;font-weight:500}.mcpConnectionsSection .mcpListViewToggle{align-items:center;gap:6px;display:flex}.mcpConnectionsSection .mcpListViewToggle button{color:#505864;cursor:pointer;background:#f6f7f8;border:0;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.mcpConnectionsSection .mcpListViewToggle button.active{color:#1d3d5f;background:#edf3fa}.mcpConnectionsSection .mcpListViewToggle button:focus-visible,.mcpConnectionsSection .mcpListSort select:focus-visible{outline-offset:2px;outline:2px solid #636f7d}.mcpConnectionsSection .mcpConnectionList{background:#fff;border:1px solid #e9ecf0;border-radius:15px;min-width:0;margin:0;display:block;overflow-x:auto}.mcpConnectionsSection .mcpListHeader,.mcpConnectionsSection .mcpConnectionRow{grid-template-columns:minmax(175px,1.4fr) minmax(105px,.75fr) 65px minmax(160px,1.35fr) minmax(150px,1.35fr) minmax(78px,.65fr) minmax(210px,auto);align-items:center;gap:12px;min-width:1050px;display:grid}.mcpConnectionsSection .mcpListHeader{color:#677180;background:#fff;border-bottom:1px solid #e9ecf0;min-height:41px;padding:0 15px}.mcpConnectionsSection .mcpListHeader span{letter-spacing:.055em;text-transform:uppercase;font-size:10px;font-weight:700;line-height:1.25}.mcpConnectionsSection .mcpConnectionRow{background:#fff;border:0;border-top:1px solid #f0f1f3;border-radius:0;min-height:82px;margin:0;padding:12px 15px}.mcpConnectionsSection .mcpConnectionRow:first-of-type{border-top:0}.mcpConnectionsSection .mcpConnectionRow:hover{background:#fcfcfd}.mcpConnectionsSection .mcpConnectionRow>*{min-width:0}.mcpConnectionsSection .mcpConnectionIdentity{align-items:center;gap:11px;min-width:0;display:flex}.mcpConnectionsSection .mcpConnectionIdentity .mcpLogo{width:34px;height:34px;box-shadow:none;background:0 0;border:0;border-radius:8px;flex:0 0 34px}.mcpConnectionsSection .mcpConnectionIdentity .mcpLogo img{background:0 0}.mcpConnectionsSection .mcpConnectionCopy strong{color:#14181e;font-size:13px;font-weight:650;display:block}.mcpConnectionsSection .mcpConnectionCopy p{color:#8a929e;margin-top:4px;font-size:11px}.mcpConnectionsSection .mcpLastError{color:#a5342c;max-width:100%;font-size:11px}.mcpConnectionsSection .mcpStatusColumn{justify-content:flex-start;display:flex}.mcpConnectionsSection .mcpStatusColumn .mcpStatus{border-radius:9999px;min-height:24px;padding:3px 9px;font-size:11px}.mcpConnectionsSection .mcpStatusColumn .mcpStatus:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:6px}.mcpConnectionsSection .mcpToolsCount strong{color:#20242b;font-size:13px;font-weight:700}.mcpConnectionsSection .mcpToolsCount small{color:#a1a7b0;margin-top:4px;font-size:10px;display:block}.mcpConnectionsSection .mcpConnectionDescription span{color:#525b67;font-size:12px;display:block}.mcpConnectionsSection .mcpConnectionDescription small{color:#9aa1ab;margin-top:3px;font-size:11px;line-height:1.3;display:block}.mcpConnectionsSection .mcpToolChips{flex-wrap:wrap;gap:4px;min-width:0;margin:0;display:flex}.mcpConnectionsSection .mcpToolChips span{color:#67717c;background:#f1f3f5;border-radius:6px;max-width:145px;font-size:10px}.mcpConnectionsSection .mcpToolChips .mcpNoTools{color:#a1a7b0;font-size:11px}.mcpConnectionsSection .mcpLastTested{color:#7d8692;font-size:11px}.mcpConnectionsSection .mcpActionsCell .mcpRowActions{flex-wrap:nowrap;grid-column:auto;justify-content:flex-end;gap:4px;padding:0}.mcpConnectionsSection .mcpRowActions .mcpButton{color:#30363d;background:#f1f3f5;border:0;border-radius:10px;min-height:34px;padding:0 11px;font-size:11px}.mcpConnectionsSection .mcpRowActions .mcpIconButton{flex:0 0 30px;width:30px;height:32px}.mcpConnectionsSection .mcpNoMatches{color:#737b86;text-align:center;padding:34px 16px;font-size:13px}.mcpConnectionsSection .mcpConnectionList--grid{border:0;border-radius:0;grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:12px;display:grid;overflow:visible}.mcpConnectionsSection .mcpConnectionList--grid .mcpConnectionRow{border:1px solid #e9ecf0;border-radius:14px;flex-direction:column;align-items:stretch;gap:12px;min-width:0;min-height:235px;padding:17px;display:flex}.mcpConnectionsSection .mcpConnectionList--grid .mcpConnectionDescription{min-height:45px}.mcpConnectionsSection .mcpConnectionList--grid .mcpToolsCount,.mcpConnectionsSection .mcpConnectionList--grid .mcpLastTested{align-items:center;gap:5px;display:inline-flex}.mcpConnectionsSection .mcpConnectionList--grid .mcpToolsCount small{margin:0}.mcpConnectionsSection .mcpConnectionList--grid .mcpActionsCell{margin-top:auto}.mcpConnectionsSection .mcpConnectionList--grid .mcpRowActions{flex-wrap:wrap;justify-content:flex-start}@media (max-width:760px){.mcpConnectionsSection .mcpListToolbar{flex-wrap:wrap;align-items:stretch;gap:10px}.mcpConnectionsSection .mcpListSearch{width:100%}.mcpConnectionsSection .mcpListToolbarRight{justify-content:space-between;width:100%}.mcpConnectionsSection .mcpConnectionList{border:0;border-radius:0;overflow:visible}.mcpConnectionsSection .mcpListHeader{display:none}.mcpConnectionsSection .mcpConnectionRow{border-top:1px solid #e9ecf0;grid-template-columns:minmax(0,1fr) auto;gap:11px;min-width:0;padding:15px 0;display:grid}.mcpConnectionsSection .mcpConnectionIdentity{grid-column:1/-1}.mcpConnectionsSection .mcpStatusColumn{grid-column:1}.mcpConnectionsSection .mcpToolsCount{text-align:right;grid-column:2}.mcpConnectionsSection .mcpConnectionDescription,.mcpConnectionsSection .mcpToolChips,.mcpConnectionsSection .mcpLastTested,.mcpConnectionsSection .mcpActionsCell{grid-column:1/-1}.mcpConnectionsSection .mcpConnectionList--grid{grid-template-columns:1fr}.mcpConnectionsSection .mcpConnectionList--grid .mcpConnectionRow{display:flex}}.mcpConnectionsSection{container-type:inline-size}@media (min-width:761px){@container (max-width:1120px){.mcpConnectionsSection .mcpConnectionList:not(.mcpConnectionList--grid) .mcpListHeader,.mcpConnectionsSection .mcpConnectionList:not(.mcpConnectionList--grid) .mcpConnectionRow{grid-template-columns:minmax(180px,1fr) minmax(108px,.55fr) 66px minmax(158px,auto);min-width:0}.mcpConnectionsSection .mcpConnectionList:not(.mcpConnectionList--grid) .mcpListHeader>:is(:nth-child(4),:nth-child(5),:nth-child(6)),.mcpConnectionsSection .mcpConnectionList:not(.mcpConnectionList--grid) .mcpConnectionRow>:is(.mcpConnectionDescription,.mcpToolChips,.mcpLastTested){display:none}.mcpConnectionsSection .mcpConnectionList:not(.mcpConnectionList--grid) .mcpActionsCell .mcpRowActions{flex-wrap:wrap}}}

