/* /integrations/ only. Uses --cv-* tokens from styles.css. */
.ig-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.ig-card{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--cv-line);border-radius:14px;background:linear-gradient(180deg,var(--cv-surface),var(--cv-bg-2))}
.ig-card>div{flex:1;min-width:0}
.ig-card h3{font-size:.98rem;margin:0 0 3px}
.ig-card p{margin:0;font-size:.84rem;color:var(--cv-muted);line-height:1.45}
.ig-mono{flex:none;width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font:700 .8rem var(--cv-mono);letter-spacing:.02em;color:var(--cv-text);background:rgba(255,255,255,.04);border:1px solid var(--cv-line-2)}
.ig-status{display:inline-block;font:600 .62rem/1 var(--cv-mono);letter-spacing:.06em;text-transform:uppercase;padding:5px 7px;border-radius:6px;margin-top:10px}
.ig-status.ok{background:rgba(95,211,141,.12);color:var(--cv-leaf);border:1px solid rgba(95,211,141,.3)}
.ig-status.plan{background:transparent;color:var(--cv-dim);border:1px solid var(--cv-line-2)}
.ig-card:has(.ok) .ig-mono{border-color:rgba(95,211,141,.35);color:#BFF0D2}
.ig-part{max-width:820px}
.ig-part h2{font-size:clamp(1.4rem,2.6vw,1.9rem);margin:0 0 8px}
.ig-part p{color:var(--cv-muted);margin:0}
.ig-cat{font:600 .74rem var(--cv-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cv-muted);margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--cv-line)}
.ig-group{margin-top:32px}
.ig-sublabel{margin:36px 0 -14px;font-size:.92rem;font-weight:600;color:var(--cv-text)}
