.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px}.integration-card{padding:20px;display:flex;flex-direction:column;min-height:280px}.integration-title{display:flex;align-items:center;gap:11px;padding-bottom:17px;border-bottom:1px solid var(--line)}.integration-title>div{flex:1}.integration-title p,.integration-body p{color:var(--muted)}.integration-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-weight:800}.integration-body{padding:17px 0;flex:1}.integration-body label{font-size:12px;font-weight:700}.integration-body select{display:block;width:100%;padding:10px;margin-top:5px;border:1px solid var(--line);border-radius:8px;background:#fff}.integration-actions{display:flex;gap:8px}.endpoint{background:#f5f7fa;padding:10px;border-radius:8px;margin-top:13px}.endpoint small,.endpoint code{display:block}.endpoint small{color:var(--muted);margin-bottom:4px}.endpoint code{font-size:11px;overflow-wrap:anywhere}.reconciliation-panel{margin-top:18px}.reconciliation-row{display:flex;align-items:center;gap:12px;padding:13px 20px;border-bottom:1px solid var(--line)}.reconciliation-row>div{flex:1}.reconciliation-row small{color:var(--muted);display:block}@media(max-width:1100px){.integration-grid{grid-template-columns:1fr}}
.integration-form{display:grid;gap:10px}.integration-form input,.integration-form select{display:block;width:100%;padding:9px 10px;margin-top:4px;border:1px solid var(--line);border-radius:8px;background:#fff}.integration-form .toggle{display:flex;align-items:center;gap:8px}.integration-form .toggle input{width:auto;margin:0}.inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.integration-guide{margin-top:18px}.guide-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.guide-steps>div{background:#fff;padding:18px;display:grid;gap:5px}.guide-steps b{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#edf3ff;color:var(--blue)}.guide-steps span{color:var(--muted);font-size:12px}@media(max-width:900px){.guide-steps{grid-template-columns:1fr 1fr}}