.resource-view{max-width:1120px;margin:8px auto}.integration-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.integration-card{min-height:138px;display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fff;border:1px solid #e3eaf4;border-radius:10px;box-shadow:0 3px 14px #3c5a9c08}.integration-card-icon{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:10px;color:#4254dc;background:#eef1ff;font-size:20px}.integration-card-content{min-width:0;flex:1}.integration-card h2{overflow:hidden;margin:1px 0 5px;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.integration-card p{margin:0;color:#697897;font-size:11px}.integration-card small{display:block;margin-top:14px;color:#8d98ad;font-size:10px}.integration-status{flex:none;border-radius:999px;padding:4px 7px;background:#f0f3f8;color:#62708b;font-size:9px;text-transform:capitalize}.integration-status.connected{background:#e9f8f0;color:#16945d}.integration-status.failed{background:#ffeded;color:#cb3e4a}@media(max-width:900px){.integration-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.integration-cards{grid-template-columns:1fr}.integration-card{min-height:112px}}