/* INTEGRATIONS — connector catalog (theme-aware) */
.ig{ background:var(--card); border:1px solid color-mix(in srgb,var(--neon) 26%,var(--line)); border-radius:var(--r-lg,16px); padding:18px; box-shadow:var(--sh-glow,0 24px 70px -34px rgba(34,224,200,.4)); }
.ig-load{ color:var(--mut); font-size:13.5px; }
.ig-top{ display:flex; flex-wrap:wrap; gap:8px 16px; justify-content:space-between; align-items:baseline; padding-bottom:13px; border-bottom:1px solid var(--hair,var(--line)); }
.ig-count{ font-size:14px; color:var(--ink); } .ig-count b{ font-family:var(--font-display,inherit); font-size:18px; color:var(--neon); }
.ig-note{ font-size:11.5px; color:var(--mut); }
.ig-group{ margin-top:16px; }
.ig-group h5{ margin:0 0 10px; font-family:var(--font-display,inherit); font-size:10.5px; letter-spacing:.6px; text-transform:uppercase; color:var(--neon); }
.ig-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:12px; }
.ig-card{ background:#0c0c18; border:1px solid var(--line); border-radius:12px; padding:13px; display:flex; flex-direction:column; gap:8px; transition:border-color .15s; }
.ig-card.on{ border-color:color-mix(in srgb,var(--neon) 45%,var(--line)); background:color-mix(in srgb,var(--neon) 6%,#0c0c18); }
.ig-h{ display:flex; align-items:center; justify-content:space-between; gap:8px; }
.ig-h b{ font-size:14px; }
.ig-kind{ flex:0 0 auto; font-size:9.5px; font-weight:800; letter-spacing:.4px; text-transform:uppercase; border-radius:6px; padding:2px 7px; }
.ig-kind.live{ color:#05050a; background:linear-gradient(120deg,var(--neon),var(--violet)); }
.ig-kind.keyed{ color:var(--mut); border:1px solid var(--line); }
.ig-desc{ margin:0; font-size:12px; color:var(--mut); line-height:1.45; flex:1; }
.ig-res{ border-radius:9px; padding:8px 10px; display:flex; flex-direction:column; gap:2px; animation:ig-rise .2s ease both; }
.ig-res.ok{ background:color-mix(in srgb,var(--neon) 9%,transparent); border:1px solid color-mix(in srgb,var(--neon) 28%,var(--line)); }
.ig-res.fb{ background:color-mix(in srgb,#ffce63 10%,transparent); border:1px solid color-mix(in srgb,#ffce63 30%,var(--line)); }
.ig-resval{ font-size:13px; font-weight:700; color:var(--ink); }
.ig-resmeta{ font-size:10.5px; color:var(--mut); }
.ig-actions{ display:flex; gap:7px; align-items:center; flex-wrap:wrap; }
.ig-test,.ig-connect{ cursor:pointer; font:inherit; font-weight:700; font-size:12px; border-radius:8px; padding:6px 11px; border:1px solid var(--line); background:transparent; color:var(--ink); }
.ig-test{ color:var(--neon); border-color:color-mix(in srgb,var(--neon) 40%,var(--line)); }
.ig-test:hover:not(:disabled){ background:color-mix(in srgb,var(--neon) 12%,transparent); }
.ig-test:disabled{ opacity:.5; cursor:wait; }
.ig-connect:hover{ border-color:var(--neon); color:var(--neon); }
.ig-card.on .ig-connect{ color:#05050a; background:linear-gradient(120deg,var(--neon),var(--violet)); border-color:transparent; }
.ig-docs{ margin-left:auto; font-size:11.5px; color:var(--mut); }
.ig-docs:hover{ color:var(--neon); }
.ig-foot{ font-size:11px; color:var(--mut); margin:15px 0 0; line-height:1.5; }
.ig-foot code{ background:#0c0c18; border:1px solid var(--line); border-radius:5px; padding:1px 5px; font-size:11px; }
@keyframes ig-rise{ from{opacity:0; transform:translateY(4px)} to{opacity:1; transform:none} }