/* Canonical integrations only. Provider fields and custom-domain styles stay intact. */
.integrations-console { min-width: 0; color: #242a30; }
.integrations-console h1, .integrations-console h2, .integrations-console h3 { font-family: inherit; color: #242a30; line-height: 1.3; margin: 0; }
.integrations-console h1 { font-size: 30px; font-weight: 650; }
.integrations-console h2 { font-size: 16px; font-weight: 650; }
.integrations-console h3 { font-size: 15px; font-weight: 600; }
.integrations-heading, .integrations-list-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.integrations-heading { margin-bottom: 28px; }
.integrations-eyebrow { color: #68727d; font-size: 11px; font-weight: 600; margin: 0 0 8px; }
.integrations-icon { width: 18px; height: 18px; flex: 0 0 18px; opacity: .72; vertical-align: middle; }
.integrations-account-link { display: inline-flex; align-items: center; gap: 7px; font-size: 13px; text-decoration: none; }
.integrations-console button, .integrations-console [role="button"] { display: inline-flex; align-items: center; justify-content: center; gap: 7px; width: auto; min-height: 36px; margin: 0; padding: 8px 13px; font-size: 13px; font-weight: 550; line-height: 1.4; border-radius: 5px; box-shadow: none; white-space: normal; overflow-wrap: anywhere; }
.integrations-console button.secondary, .integrations-console [role="button"].secondary { background: #fff; border: 1px solid #cbd3d9; color: #35434e; }
.integrations-console button.secondary:hover, .integrations-console [role="button"].secondary:hover { background: #edf1f4; border-color: #aab7c0; }
.integrations-console button:disabled { opacity: .5; cursor: not-allowed; }
.integrations-console :is(button, a, summary):focus-visible { outline: 2px solid #176b50; outline-offset: 3px; }
.integrations-console label { margin: 0; font-size: 12px; color: #414e59; min-width: 0; }
.integrations-console input:not([type="checkbox"]):not([type="radio"]), .integrations-console select, .integrations-console textarea { width: 100%; min-width: 0; max-width: 100%; margin: 6px 0 0; padding: 9px 12px; font-size: 13px; min-height: 40px; height: auto; color: #242a30; background-color: #fff; border-color: #cbd3d9; border-radius: 5px; box-shadow: none; }
.integrations-console textarea { min-height: 96px; resize: vertical; }
.integrations-console select { padding-right: 32px; }
.integrations-console input[type="checkbox"], .integrations-console input[type="radio"] { flex: 0 0 16px; width: 16px; height: 16px; margin: 2px 0; }
.integrations-console input[type="checkbox"] { border-radius: 3px; }
.integrations-console input:focus, .integrations-console select:focus, .integrations-console textarea:focus { border-color: #176b50; box-shadow: 0 0 0 2px #176b5020; }
.integrations-console input[readonly], .integrations-console textarea[readonly] { background-color: #f0f3f5; }
.integrations-console input:disabled, .integrations-console select:disabled { background-color: #f0f3f5; }
.integrations-console small, .integrations-console .meta { font-size: 12px; line-height: 1.55; color: #68727d; overflow-wrap: anywhere; }
.integrations-console label > small { display: block; margin-top: 6px; }
.integrations-console code { padding: 2px 5px; font-size: 11px; background: #edf1f4; color: #36444f; border-radius: 3px; overflow-wrap: anywhere; word-break: break-word; }
.integrations-console .stack { gap: 16px; }
.integrations-console .meta-list { gap: 8px; }
.integrations-console p { margin: 0; overflow-wrap: anywhere; }
.integrations-console strong { overflow-wrap: anywhere; }
.integrations-console .schema-builder-toggle { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 8px 0; width: 100%; min-width: 0; background: transparent; border: 0; border-radius: 0; }
.integrations-console .schema-builder-toggle > span { min-width: 0; }
.integrations-workspace-picker { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 16px; border-top: 1px solid var(--spot-line); border-bottom: 1px solid var(--spot-line); padding: 24px 0; margin: 0 0 32px; }
.integrations-workspace-picker > label { width: min(440px, 100%); }
.integrations-workspace-picker > button { min-height: 40px; }
.integrations-list-heading { margin: 0 0 14px; }
.integrations-list-heading h2 { display: flex; align-items: center; gap: 10px; }
.integrations-count { font-size: 12px; font-weight: 400; line-height: 24px; min-width: 24px; padding: 0 5px; text-align: center; border-radius: 4px; background: #e9edf1; color: #596672; }
.integrations-search { display: flex; align-items: center; gap: 7px; width: 260px; min-width: 0; margin: 0; padding: 0 10px; border: 1px solid #d4dbe1; border-radius: 5px; background: #fff; }
.integrations-console .integrations-search input { min-width: 0; width: 100%; height: 36px; min-height: 36px; margin: 0; padding: 5px 0; border: 0; border-radius: 0; font-size: 12px; background: transparent; box-shadow: none; }
.integrations-search:focus-within { outline: 2px solid #176b5030; border-color: #176b50; }
.integrations-project-list { border-top: 1px solid var(--spot-line); }
.integrations-console .integration-project-row { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 20px 14px; border-bottom: 1px solid var(--spot-line); text-decoration: none; color: #26313a; }
.integration-project-row:hover { background: #eef2f5; }
.integration-project-icon { width: 36px; height: 36px; padding: 8px; background: #eaf0f4; border-radius: 6px; opacity: .75; }
.integration-project-row > div { min-width: 0; }
.integration-project-row strong { display: block; font-size: 14px; font-weight: 600; }
.integration-project-row > div > span { display: block; font-size: 12px; color: #68727d; margin-top: 4px; overflow-wrap: anywhere; }
.integration-project-action { display: flex; align-items: center; gap: 12px; font-size: 12px; color: #176b50; }
.integrations-list-count { font-size: 11px; color: #78828d; margin-top: 10px !important; }
.integrations-empty { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px; min-height: 128px; padding: 24px 0; color: #68727d; font-size: 13px; }
.integrations-empty strong { font-weight: 500; }
.integrations-project-context { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; font-size: 14px; min-width: 0; }
.integrations-project-context strong { font-weight: 600; }
.integrations-project-context > span { color: #68727d; font-size: 12px; overflow-wrap: anywhere; }
.integrations-tabs { display: flex; align-items: center; justify-content: flex-start; gap: 28px; border-bottom: 1px solid var(--spot-line); margin: 0 0 24px; }
.integrations-tabs a { padding: 10px 0 12px; border-bottom: 2px solid transparent; text-decoration: none; font-size: 14px; color: #68727d; }
.integrations-tabs a[aria-current="page"] { color: #165a44; border-color: #176b50; font-weight: 600; }
.integrations-console .integrations-filters { display: flex; gap: 20px; padding: 0; margin: 0; border: 0; min-width: 0; }
.integrations-filters label { position: relative; margin: 0; }
.integrations-filters input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.integrations-filters label > span { display: flex; align-items: center; gap: 6px; padding: 10px 0; font-size: 13px; color: #68727d; border-bottom: 2px solid transparent; cursor: pointer; }
.integrations-filters label > span > span { font-size: 11px; color: #78828d; }
.integrations-filters input:checked + span { color: #165a44; border-color: #176b50; }
.integrations-filters input:focus-visible + span { outline: 2px solid #176b50; outline-offset: 2px; }
.integrations-console #project-settings-integrations-panel { padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.integrations-console #project-settings-integrations-panel > header { display: none; }
.integrations-console #project-connections-form { gap: 0; margin: 0; border-top: 1px solid var(--spot-line); }
/* Keep field, help and action spacing consistent inside both connection tabs. */
.integrations-console #project-settings-integrations-panel label:not(.schema-builder-toggle) { display: grid; align-content: start; gap: 8px; }
.integrations-console #project-settings-integrations-panel label:not(.schema-builder-toggle) > :is(input, select, textarea, small, .integration-recipient-editor) { margin: 0; }
.integrations-console #project-settings-integrations-panel :is(.summary-card, .workspace-grid) > div:has(> strong) { display: grid; align-content: start; gap: 8px; min-width: 0; }
.integrations-console #project-settings-integrations-panel fieldset.stack { min-width: 0; margin: 0; padding: 16px; gap: 12px; }
.integrations-console #project-settings-integrations-panel fieldset.stack > legend { margin: 0; padding: 0 4px; font-size: 12px; }
.integrations-console #project-settings-integrations-panel .event-subscription-form { gap: 20px; }
.integrations-console #project-settings-integrations-panel .integration-recipient-editor { gap: 12px; }
.integrations-console #project-settings-integrations-panel .integration-recipient-editor .toolbar-row { align-items: flex-start; gap: 8px; }
.integrations-console #project-settings-integrations-panel .integration-recipient-editor .toolbar-row > input { margin: 0; }
.integrations-console #project-settings-integrations-panel .banner { margin: 0; }
.integrations-console #project-settings-integrations-panel .banner__body { gap: 8px; }
.integrations-console #project-connections-form .panel-section:not(.connection-settings-disclosure) > summary { margin: 0; }
.integrations-console #project-connections-form .panel-section:not(.connection-settings-disclosure) > .collection-subsection { margin: 16px 0 0; gap: 20px; }
.integrations-console #project-connections-form .inline-disclosure { margin: 0; }
.integrations-console #project-connections-form .inline-disclosure__body { margin-top: 16px; gap: 20px 24px; }
.integrations-console #project-connections-form .inline-disclosure > summary { display: grid; grid-template-columns: minmax(0, 1fr) 14px; gap: 8px; margin: 0; }
.integrations-console #project-connections-form .inline-disclosure > summary > :is(strong, .meta) { grid-column: 1; }
.integrations-console #project-connections-form .inline-disclosure > summary::after { grid-column: 2; grid-row: 1 / span 2; align-self: center; margin: 0; }
.integrations-console #project-connections-form .summary-card > :is(ol, ul) { display: grid; gap: 8px; margin: 0; padding-left: 24px; }
.integrations-console .connection-settings-disclosure { padding: 0; margin: 0; border: 0; border-bottom: 1px solid var(--spot-line); border-radius: 0; background: transparent; box-shadow: none; }
.integrations-console .connection-settings-disclosure__summary { display: grid; grid-template-columns: 36px minmax(0, 1.1fr) minmax(0, 1fr) 14px; align-items: center; gap: 16px; min-height: 90px; padding: 18px 12px; margin: 0; }
.integrations-console .connection-settings-disclosure__summary:hover { background: #eef2f5; }
.integration-service-icon { grid-column: 1; grid-row: 1; box-sizing: content-box; width: 20px; height: 20px; padding: 8px; background: #eaf0f4; border-radius: 6px; opacity: .72; }
.integrations-console .connection-settings-disclosure__summary > div:first-of-type { grid-column: 2; min-width: 0; }
.integrations-console .connection-settings-disclosure__summary > div:first-of-type > strong { font-size: 14px; font-weight: 600; }
.integrations-console .connection-settings-disclosure__summary > div:first-of-type > .meta { margin-top: 5px; font-size: 12px; }
.integrations-console .connection-settings-disclosure__summary::after { grid-column: 4; grid-row: 1; float: none; width: 14px; height: 14px; margin: 0; background-image: url("./vendor/lucide/chevron-right.svg"); background-size: 14px; transform: none; opacity: .55; }
.integrations-console .connection-settings-disclosure[open] > summary::after { transform: rotate(90deg); }
.integrations-console .connection-settings-disclosure__summary:not(:has(> .integration-service-icon))::before { content: ""; grid-column: 1; grid-row: 1; width: 36px; height: 36px; border-radius: 6px; background: #eaf0f4 url("./vendor/lucide/plug.svg") center / 20px no-repeat; opacity: .72; }
.integrations-console .connection-settings-disclosure__status { grid-column: 3; grid-row: 1; justify-items: start; align-self: center; text-align: left; min-width: 0; width: 100%; margin: 0; gap: 5px; }
.integrations-console .connection-settings-disclosure__status > strong { min-height: 0; padding: 3px 7px; background: #e9edf1; border-radius: 4px; font-size: 11px; font-weight: 500; line-height: 1.4; color: #495560; }
.integrations-console .connection-settings-disclosure__status > strong:empty { display: none; }
.integrations-console .connection-settings-disclosure__status > .meta { min-height: 0; font-size: 11px; line-height: 1.5; max-width: 100%; }
.integrations-console .connection-settings-disclosure:not([open]) .connection-settings-disclosure__status > .meta { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.integrations-console .connection-settings-disclosure > .collection-subsection { padding: 20px 12px 28px 64px; margin: 0; border-top: 1px solid #e9edf1; }
.integrations-console #project-connections-form > details > .collection-subsection { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; }
.integrations-console #project-connections-form > details > .collection-subsection > :not(label), .integrations-console #project-connections-form > details > .collection-subsection > .schema-builder-toggle { grid-column: 1 / -1; }
.integrations-console .summary-card { padding: 16px 0; border: 0; border-top: 1px solid #e1e5e9; border-radius: 0; background: transparent; box-shadow: none; }
.integrations-console .summary-card > div:empty { display: none; }
.integrations-console .member-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
.integrations-console .member-card { min-width: 0; padding: 12px 14px; border: 1px solid #e1e5e9; border-radius: 6px; background: #fff; box-shadow: none; }
.integrations-console .member-card > div { min-width: 0; }
.integrations-console .member-card > div:not(.member-actions) { display: grid; gap: 8px; }
.integrations-console .member-actions, .integrations-console .nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 8px; }
.integrations-console .workspace-grid, .integrations-console .workspace-grid--compact, .integrations-console .event-subscription-form__row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 24px; }
.integrations-console .event-subscription-form__actions { justify-content: flex-start; }
.integrations-console .panel-section:not(.connection-settings-disclosure) { padding: 14px 0; border: 0; border-top: 1px solid #e1e5e9; border-radius: 0; background: transparent; }
.integrations-console .panel-section:not(.connection-settings-disclosure) > summary { font-size: 13px; font-weight: 600; }
.integrations-console .collection-subsection { min-width: 0; }
.integrations-console .assistant-table-wrap { width: 100%; max-width: 100%; overflow: auto; border: 1px solid #e1e5e9; border-radius: 6px; }
.integrations-console .assistant-table { font-size: 12px; margin: 0; width: 100%; }
.integrations-console .assistant-table th { color: #68727d; background: #f0f3f5; font-size: 11px; font-weight: 500; }
.integrations-console .assistant-table th, .integrations-console .assistant-table td { padding: 12px; border-color: #e1e5e9; overflow-wrap: anywhere; }
.integrations-console .gmail-mailboxes-table { min-width: 900px; }
.integrations-console .gmail-mailbox-actions { width: 280px; min-width: 0; gap: 8px; }
.integrations-console .gmail-mailbox-actions__row { gap: 8px; }
.integrations-console .gmail-mailbox-actions select { margin: 0; min-width: 0; }
.integrations-console .gmail-mailbox-actions button { min-width: 0; padding: 7px 10px; }
.integrations-console .gmail-mailbox-detail--error { color: #ae352e; }
.integrations-console .integration-recipient-chip { background: #edf1f4; color: #35434e; border-color: #d4dbe1; border-radius: 5px; font-size: 12px; }
.integrations-console .integration-recipient-chip__remove { min-height: 24px; padding: 2px 5px; }
.integrations-console [hidden] { display: none !important; }
@media (max-width: 800px) {
  .integrations-console .connection-settings-disclosure__summary { grid-template-columns: 36px minmax(0, 1fr) minmax(0, 1fr) 14px; gap: 12px; padding-inline: 0; }
  .integrations-console .connection-settings-disclosure > .collection-subsection { padding-left: 0; padding-right: 0; }
}
@media (max-width: 600px) {
  .integrations-console h1 { font-size: 26px; }
  .integrations-heading { align-items: flex-start; flex-direction: column; gap: 12px; margin-bottom: 24px; }
  .integrations-list-heading { align-items: flex-start; flex-direction: column; gap: 12px; }
  .integrations-search { width: 100%; }
  .integrations-toolbar { flex-direction: column-reverse; }
  .integrations-console .integration-project-row { grid-template-columns: 36px minmax(0, 1fr); gap: 12px; padding: 18px 0; }
  .integration-project-action { grid-column: 2; }
  .integrations-console .connection-settings-disclosure__summary { grid-template-columns: 36px minmax(0, 1fr) 14px; gap: 10px 12px; }
  .integrations-console .connection-settings-disclosure__status { grid-column: 2; grid-row: 2; }
  .integrations-console .connection-settings-disclosure__summary::after { grid-column: 3; }
  .integrations-console #project-connections-form > details > .collection-subsection,
  .integrations-console .workspace-grid, .integrations-console .workspace-grid--compact, .integrations-console .event-subscription-form__row { grid-template-columns: minmax(0, 1fr); }
  .integrations-console .member-card { flex-direction: column; align-items: stretch; }
}