/* Two settings tabs; no procurement workflows or interactions. */
.integration-tabs{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}
.integration-section{padding:1rem 0;scroll-margin-top:5rem}
.integration-section+.integration-section{border-top:1px solid var(--border-color,#64748b40)}
.integration-form .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}
.integration-form .full-span{grid-column:1/-1}
.integration-mini{margin-top:1rem}
.integration-mini small{overflow-wrap:anywhere}
/* Functional, bookmarkable settings sub-tabs; no purchasing UI or extra pages. */
.integration-tabs a{display:inline-flex;align-items:center;min-height:2.5rem;text-decoration:none}
body:not(:has(#ai-settings:target)) #ai-settings{display:none}
body:has(#ai-settings:target) #email-settings{display:none}
body:not(:has(#ai-settings:target)) .integration-tabs a[href="#email-settings"],
body:has(#ai-settings:target) .integration-tabs a[href="#ai-settings"]{
  border-color:var(--accent,#2679dd);outline:2px solid color-mix(in srgb,var(--accent,#2679dd) 65%,transparent);outline-offset:1px
}
