.integration-readiness-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.integration-readiness-grid .card { margin: 0; }
.integration-readiness-grid .section-heading { align-items: flex-start; flex-wrap: wrap; gap: 10px; }
.integration-readiness-grid p { line-height: 1.6; }
.integration-setup { margin: 16px 0; }
.integration-setup summary { cursor: pointer; font-weight: 600; }
.integration-setup code { overflow-wrap: anywhere; }
.integration-review-queue { margin-top: 24px; }
.integration-follow-ups { padding: 0; list-style: none; }
.integration-follow-ups li { display: flex; justify-content: space-between; align-items: center; gap: 12px; border-bottom: 1px solid var(--border, #d7e0eb); padding: 14px 0; }
.integration-follow-ups a { font-weight: 600; }
.integration-follow-ups p { margin: 5px 0 0; }
@media (max-width: 1000px) { .integration-readiness-grid { grid-template-columns: 1fr; } }

.integration-observations { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 20px 0; }
.integration-observations article { padding: 18px; border: 1px solid var(--border, #d7e0eb); border-radius: 12px; }
.integration-observations h3 { margin-top: 0; }
.integration-account-summary, .integration-chatgpt-summary { margin-bottom: 24px; }
@media (max-width: 1100px) { .integration-observations { grid-template-columns: 1fr; } }

.integration-observations .badge.success { color: #216344; background: #e8f5ec; }

.integration-brand-heading { display: flex; align-items: center; gap: 11px; min-width: 0; }
.integration-logo { display: block; width: 28px; height: 28px; flex: 0 0 28px; object-fit: contain; }
.integration-brand-heading > span:last-child { min-width: 0; }
.integration-logo-pair { display: inline-flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.integration-observations .integration-logo { width: 25px; height: 25px; flex-basis: 25px; }

.integration-agent-setup { margin-bottom: 24px; }
.integration-actions { display: flex; gap: 12px; flex-wrap: wrap; }
.integration-server-details { margin-top: 24px; }
.integration-server-details > summary { cursor: pointer; font-weight: 600; }
.integration-server-details[open] > summary { margin-bottom: 20px; }

.badge.ai-key-saved { color: #216344; background: #e8f5ec; display: inline-flex; align-items: center; gap: 6px; }