.integration-hero{background:linear-gradient(135deg,#111315,#202429);color:#fff;border-radius:18px;padding:30px;display:grid;grid-template-columns:1.3fr .7fr;gap:25px;align-items:center;margin-bottom:16px;overflow:hidden;position:relative}.integration-hero:after{content:"";position:absolute;width:280px;height:280px;border:60px solid rgba(240,105,0,.12);border-radius:50%;right:-110px;top:-130px}.integration-hero h2{font-size:28px;margin:7px 0 10px}.integration-hero p{color:#b3b9bf;font-size:12px;line-height:1.65;max-width:700px}.integration-health{position:relative;z-index:2;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.13);border-radius:13px;padding:18px}.integration-health strong{display:block;color:#55d889;font-size:24px}.integration-health small{color:#aab0b6}.connector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.connector-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.connector-head{display:flex;justify-content:space-between;gap:10px}.connector-icon{width:40px;height:40px;border-radius:10px;background:#111315;color:#f06900;display:grid;place-items:center;font-weight:1000}.connector-card h3{font-size:14px;margin:14px 0 5px}.connector-card p{font-size:10px;color:var(--muted);line-height:1.55;min-height:46px}.connector-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0}.connector-meta div{background:#f5f6f7;border-radius:7px;padding:8px}.connector-meta span,.connector-meta b{display:block}.connector-meta span{font-size:8px;color:#7b8085}.connector-meta b{font-size:9px;margin-top:3px}.connector-actions{display:flex;gap:7px}.connector-actions button{flex:1}.integration-status{font-size:8px;font-weight:900;padding:6px 8px;border-radius:20px;height:max-content}.is-ready{background:#e8f8ef;color:#1f7b48}.is-pending{background:#fff1df;color:#a45800}.is-demo{background:#eaf1ff;color:#315ba9}.data-owner-table td:first-child{font-weight:900}.flow-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:16px 0}.flow-step{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;position:relative}.flow-step:not(:last-child):after{content:"→";position:absolute;right:-9px;top:50%;z-index:2;color:#f06900;font-weight:1000}.flow-step b,.flow-step small{display:block}.flow-step b{font-size:10px;color:#f06900}.flow-step strong{font-size:11px;display:block;margin:8px 0 4px}.flow-step small{font-size:8px;color:var(--muted);line-height:1.4}.event-log{display:flex;flex-direction:column;gap:7px}.event-log article{display:grid;grid-template-columns:110px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0;font-size:10px}.event-log code{color:#f06900}.architecture-note{background:#fff8f2;border:1px solid #ffd7b8;border-radius:12px;padding:15px;font-size:10px;line-height:1.6;color:#6d4b32}
@media(max-width:1050px){.connector-grid{grid-template-columns:1fr 1fr}.flow-strip{grid-template-columns:1fr}.flow-step:not(:last-child):after{content:"↓";right:15px;top:auto;bottom:-13px}}
@media(max-width:700px){.integration-hero,.connector-grid{grid-template-columns:1fr}.event-log article{grid-template-columns:1fr}.integration-hero{padding:22px}}