.integrations{gap:16px;max-width:760px;display:grid}.integrations-search{position:relative}.integrations-search>svg{width:14px;height:14px;color:var(--dk-muted,var(--muted));pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}:root[data-theme] .settings-page .integrations-search .control-input{width:100%;padding-left:34px}.integrations-search input::-webkit-search-cancel-button{-webkit-appearance:none}.integrations-status,.integrations-feedback{color:var(--dk-muted,var(--muted));font-size:var(--dk-font-size-ui,var(--font-size-ui,13px));margin:0;line-height:1.5}.integrations-feedback{color:var(--dk-danger-text,var(--danger-text,var(--dk-danger,var(--danger))))}.integrations-status .btn{margin-left:8px}.integrations-grid{grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:8px;display:grid}.integrations-tile{background:var(--dk-surface,var(--surface));min-width:0;height:56px;color:var(--dk-text,var(--text));font:inherit;text-align:left;cursor:pointer;border:0;border-radius:16px;align-items:center;gap:12px;padding:0 14px 0 12px;transition:background-color .16s;display:flex}.integrations-tile:hover:not(:disabled){background:var(--dk-surface-2,var(--surface-2))}.integrations-tile:disabled{cursor:default}.integrations-tile-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--dk-font-size-ui,var(--font-size-ui,13px));font-weight:var(--dk-font-weight-medium,var(--font-weight-medium,500));flex:1;overflow:hidden}.integrations-tile>svg{width:16px;height:16px;color:var(--dk-muted,var(--muted));flex:none}.integrations-tile[data-state=connected]>svg{color:var(--dk-brand,var(--brand))}.integrations-tile[data-state=pending]>svg,.integrations-spinner{animation:1.1s linear infinite integrations-spin}.integration-logo{background:#f4f4f1;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:inline-grid;overflow:hidden}:root[data-theme=light] .integration-logo{background:#fff;box-shadow:inset 0 0 0 1px #0000000f}.integration-logo img{-o-object-fit:contain;object-fit:contain;width:20px;height:20px}.integration-logo-letter{color:#52525b;font-size:14px;font-weight:600}.integrations-connected{background:var(--dk-surface,var(--surface));border-radius:20px;padding:2px 18px}.integrations-app{align-items:flex-start;gap:14px;padding:14px 0;display:flex}.integrations-app+.integrations-app{border-top:1px solid var(--dk-border,var(--border))}.integrations-app-body{flex:1;gap:4px;min-width:0;display:grid}.integrations-app-head,.integrations-accounts li{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.integrations-app-head{min-height:32px}.integrations-app-name{min-width:0;color:var(--dk-text,var(--text));font-size:var(--dk-font-size-heading,var(--font-size-heading,15px));font-weight:var(--dk-font-weight-semibold,var(--font-weight-semibold,600));align-items:center;gap:8px;display:inline-flex}.integrations-spinner{width:13px;height:13px;color:var(--dk-muted,var(--muted))}.integrations-accounts{gap:2px;margin:0;padding:0;list-style:none;display:grid}.integrations-accounts li{min-height:30px;color:var(--dk-muted,var(--muted));font-size:var(--dk-font-size-ui,var(--font-size-ui,13px))}.integrations-accounts li>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.integrations-accounts .btn,.integrations-app-head .btn{flex:none}.integration-connect-card{border:1px solid var(--dk-border,var(--border));background:var(--dk-surface,var(--surface));border-radius:16px;align-items:center;gap:12px;max-width:380px;margin:8px 0;padding:10px 10px 10px 12px;display:flex}.integration-connect-name{min-width:0;color:var(--dk-text,var(--text));text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:600;overflow:hidden}.integration-connect-state{color:var(--dk-muted,var(--muted));flex:none;align-items:center;gap:6px;padding-right:4px;font-size:13px;display:inline-flex}.integration-connect-state>svg{width:14px;height:14px}.integration-connect-state[data-state=connected]>svg{color:var(--dk-brand,var(--brand))}.integration-connect-error{color:var(--dk-danger-text,var(--danger-text,var(--dk-danger,var(--danger))));margin:-2px 0 8px 2px;font-size:12px}@keyframes integrations-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.integrations-tile[data-state=pending]>svg,.integrations-spinner,.integration-connect-state .integrations-spinner{animation:none}.integrations-tile{transition:none}}