.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.integration-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;gap:15px;align-items:flex-start;min-height:180px}
.integration-card.connected{border-color:#b8ceb0}
.integration-card.attention{border-color:#e1b7af}
.integration-icon{width:43px;height:43px;border-radius:12px;background:#eee8df;display:grid;place-items:center;font-family:var(--serif);font-size:16px;flex:0 0 auto}
.integration-card h3{font-family:var(--serif);font-size:22px;font-weight:400;margin:2px 0 7px}
.integration-card p{font-size:12px;color:var(--muted);line-height:1.55;margin:0 0 14px}
.integration-status{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.integration-status i{width:8px;height:8px;border-radius:50%;background:#be4a3b}
.connected .integration-status i{background:#6ca65d}
.integration-card .button{margin-top:13px}
.integration-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}
.integration-actions .button{margin-top:0}
.onboarding-note{margin-top:18px;background:#eee7dc;border-radius:16px;padding:22px;display:flex;gap:16px;align-items:flex-start}
.onboarding-note>span{width:34px;height:34px;background:var(--ink);color:#fff;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}
.onboarding-note h3{margin:0 0 5px;font-family:var(--serif);font-weight:400}
.onboarding-note p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}
@media(max-width:1000px){.integration-grid{grid-template-columns:1fr}}