/* Extensions page — builds on integrations-v2.css (.ig shell, cards, buttons). */
.ex-logo { width: 46px; height: 46px; border-radius: 13px; flex: none; display: block;
    box-shadow: 0 12px 26px -10px rgba(99, 102, 241, 0.7), 0 0 0 1px rgba(255, 255, 255, 0.08);
    transition: transform 0.5s var(--ig-ease); }
.ig-card:hover .ex-logo { transform: scale(1.06) rotate(-3deg); }

.ex-browser { display: inline-flex; align-items: center; gap: 5px; height: 22px; margin-top: 5px; padding: 0 8px; border-radius: 999px;
    font-size: 11px; font-weight: 600; color: var(--ig-text-2); background: rgba(255, 255, 255, 0.05); border: 1px solid var(--ig-line); }
.ex-browser svg { width: 12px; height: 12px; }
.ex-browser.chrome svg { color: #fbbc04; }
.ex-browser.edge svg { color: #38bdf8; }

.ex-card[hidden] { display: none; }
.ex-card .ig-desc { margin-bottom: 12px; }
.ex-card .ig-feats { margin-bottom: 16px; }
.ex-card .ig-feats li { font-size: 13px; }
.ex-btn svg { width: 15px; height: 15px; }

/* Connected browsers (Lead Capture connection keys) */
.ex-conn { margin: 4px 0 18px; padding: 18px 20px; border-radius: 16px; background: linear-gradient(170deg, #121430, var(--ig-surface) 60%); border: 1px solid var(--ig-line); }
.ex-conn-head h2 { margin: 0; font-family: var(--ig-display); font-size: 17px; font-weight: 600; color: var(--ig-text); }
.ex-conn-head p { margin: 4px 0 0; font-size: 13px; color: var(--ig-muted); }
.ex-conn-list { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 8px; }
.ex-conn-item { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 12px; background: rgba(255, 255, 255, 0.03); border: 1px solid var(--ig-line); }
.ex-conn-item img { width: 32px; height: 32px; border-radius: 9px; flex: none; }
.ex-conn-meta { flex: 1; min-width: 0; }
.ex-conn-meta b { display: block; font-size: 14px; color: var(--ig-text); }
.ex-conn-meta span { font-size: 12px; color: var(--ig-muted); }
.ex-conn-item .ig-btn { height: 32px; padding: 0 12px; font-size: 12.5px; }