.client-integrations { margin-top:14px; }
.client-integration-heading { display:flex; justify-content:space-between; gap:12px; margin-bottom:10px; }
.client-integration-heading div { display:grid; gap:3px; }
.client-integration-heading strong { color:var(--text); font-size:.9rem; }
.client-integration-heading small { color:var(--muted); line-height:1.4; }
.client-integration-list { display:grid; gap:14px; }
.client-integration-row { display:flex; align-items:center; gap:14px; width:100%; min-height:66px; box-sizing:border-box; padding:16px 20px; border:1px solid rgba(255,255,255,.1); border-radius:13px; background:rgba(255,255,255,.045); color:var(--text); text-align:left; cursor:pointer; font:inherit; transition:border-color .15s,background .15s,transform .15s; }
.client-integration-row:hover { border-color:rgba(117,105,255,.55); background:rgba(117,105,255,.08); }
.client-integration-row:active { transform:translateY(1px); }
.client-integration-row:focus-visible { outline:2px solid var(--amber,#f59e0b); outline-offset:2px; }
.client-integration-icon { display:grid; place-items:center; width:32px; height:32px; flex:0 0 32px; overflow:hidden; box-sizing:border-box; padding:3px; border:1px solid rgba(255,255,255,.1); border-radius:9px; background:#101017; }
.client-integration-icon img { display:block; width:100%; height:100%; object-fit:contain; }
.client-integration-icon-fusion { padding:0; }
.client-integration-icon-fusion img { object-fit:cover; }
.client-integration-icon-wuplay { padding:3px; }
.client-integration-copy { display:grid; gap:4px; flex:1; min-width:0; }
.client-integration-title { display:flex; align-items:center; gap:8px; min-width:0; }
.client-integration-title strong { color:var(--white,#fff); font-size:.88rem; }
.client-integration-copy small { color:var(--muted); font-size:.72rem; line-height:1.4; }
.client-integration-row > b { margin-left:auto; color:var(--muted); font-size:1.3rem; font-weight:400; }
.client-status { padding:3px 7px; border:1px solid rgba(245,158,11,.35); border-radius:999px; color:var(--amber,#f59e0b); font-size:.58rem; line-height:1; text-transform:uppercase; letter-spacing:.05em; }
.client-status.supported { border-color:rgba(87,214,143,.4); color:#9be8bc; }
@media (max-width:520px) {
  .client-integration-row { gap:11px; padding:13px 14px; }
}