.integrations-module{--bg:#fff;--text:#171717;--text-secondary:#6b7280;--border-card:#e5e5e5;--border-pill:#8a8a8a;--search-bg:#f3f4f5;--pill-bg:#fff;--pill-text:#171717;--pill-active-bg:#1a1a1a;--pill-active-text:#fff;--radius-card:14px;--radius-icon:12px;--radius-pill:999px}.integrations-module .toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:32px}.integrations-module .search-bar{align-items:center;background:var(--search-bg);border-radius:var(--radius-pill);display:flex;flex:0 0 auto;gap:8px;padding:10px 16px;width:230px}.integrations-module .search-bar svg{color:var(--text-secondary);flex-shrink:0}.integrations-module .search-bar input{background:transparent;border:none;color:var(--text);font:inherit;font-size:14px;outline:none;width:100%}.integrations-module .search-bar input::placeholder{color:var(--text-secondary)}.integrations-module .search-bar:focus-within{outline:2px solid #2563eb;outline-offset:2px}.integrations-module .filter-scroll{display:contents}.integrations-module .filter-pill{background:var(--pill-bg);border:1px solid var(--border-pill);border-radius:var(--radius-pill);color:var(--pill-text);cursor:pointer;font:inherit;font-size:14px;line-height:20px;min-width:auto;padding:6px 12px 8px;white-space:nowrap}.integrations-module .filter-pill:hover{background-color:#f7f7f7;border-color:#1a1a1a;box-shadow:none;color:#4a4a4a}.integrations-module .filter-pill:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.integrations-module .filter-pill.active{background:var(--pill-active-bg);border-color:var(--pill-active-bg);color:var(--pill-active-text)}@media (max-width:640px){.integrations-module .toolbar{align-items:stretch;flex-direction:column;flex-wrap:nowrap}.integrations-module .search-bar{width:100%}.integrations-module .filter-scroll{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none}.integrations-module .filter-scroll::-webkit-scrollbar{display:none}.integrations-module .filter-pill{flex-shrink:0}}.integrations-module .cards-grid{display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.integrations-module .cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.integrations-module .cards-grid{grid-template-columns:1fr}}.integrations-module .integration-card{border:1px solid var(--border-card);border-radius:var(--radius-card);color:inherit;display:flex;flex-direction:row;gap:12px;padding:16px;text-decoration:none}.integrations-module .integration-card:hover{border-color:#d0d0d0}.integrations-module .integration-card.is-hidden{display:none}.integrations-module .card-icon{align-items:center;background:#fff;border:1px solid var(--border-card);border-radius:var(--radius-icon);display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:52px;justify-content:center;letter-spacing:.2px;padding:6px;width:52px}.integrations-module .card-icon img{max-height:100%;max-width:100%;object-fit:contain}.integrations-module .card-body h3{color:#303030;font-family:Plus Jakarta Sans;font-size:16px;letter-spacing:0;line-height:28px;margin:0 0 4px}.integrations-module .card-body p{color:var(--text-secondary);font-size:14px;line-height:20px;margin:0}.integrations-module .no-results{color:var(--text-secondary);display:none;font-size:14px;padding:64px 16px;text-align:center}