.integration-section{display:grid;gap:18px}
.integration-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.integration-section-heading h3{margin:4px 0 0;font-size:1.1rem}
.security-note{padding:7px 10px;border-radius:999px;background:#eaf6ef;color:#246b47;font-size:.78rem;font-weight:700}
.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.integration-card{padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}
.integration-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.provider-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--accent-soft);color:var(--accent);font-weight:800}
.provider-mark.large{width:52px;height:52px}
.integration-card h3{margin:16px 0}
.integration-status{padding:6px 9px;border-radius:999px;font-size:.74rem;font-weight:700}
.status-not_configured{background:#f1f1ef;color:#686868}
.status-configured{background:#fff4d8;color:#8a6200}
.status-connected{background:#eaf6ef;color:#246b47}
.status-error{background:#fff0f0;color:#9f1c1c}
.integration-meta{display:grid;gap:9px;margin:0 0 18px}
.integration-meta div{display:flex;justify-content:space-between;gap:18px;padding-bottom:9px;border-bottom:1px solid var(--border)}
.integration-meta dt{color:var(--muted);font-size:.8rem}
.integration-meta dd{margin:0;font-size:.8rem;font-weight:700;text-align:right}
.full-button{width:100%}
.integration-info{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px;padding:20px}
.integration-info h3{margin:4px 0 0}
.integration-info p:last-child{max-width:650px;margin:0;color:var(--muted);line-height:1.55}
.integration-form-header{display:flex;align-items:center;gap:13px;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid var(--border)}
.integration-form-header strong,.integration-form-header span{display:block}
.integration-form-header span{margin-top:4px;color:var(--muted);font-size:.85rem}
.field small{color:var(--muted);font-size:.78rem}
.read-only-status{padding:11px 12px;border:1px solid var(--border);border-radius:9px;background:var(--surface-soft)}
.disconnect-form{display:flex;justify-content:flex-end;margin-top:14px}
.danger-button{padding:10px 14px;border:1px solid #f0c2bd;border-radius:9px;background:#fff;color:#a5271c;cursor:pointer}
@media(max-width:900px){.integration-grid{grid-template-columns:1fr}}
@media(max-width:760px){.integration-section-heading,.integration-info{align-items:flex-start;flex-direction:column}}