.integrations-workspace{display:grid;gap:24px}.integrations-hero{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding:24px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,rgba(184,240,82,.1),transparent 55%)}.integrations-hero h2{margin:4px 0 8px}.integrations-hero p{max-width:760px;margin:0;color:var(--muted)}.integrations-hero>span{padding:8px 12px;border:1px solid var(--line);border-radius:999px;white-space:nowrap}.integration-summary:empty{display:none}.integration-summary{padding:12px 14px;border:1px solid var(--line);border-radius:12px}.integration-group{display:grid;gap:14px}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.integration-card{display:grid;gap:20px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.integration-card header{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start}.integration-card h3,.integration-card p{margin:0}.integration-card p,.integration-card small{color:var(--muted)}.integration-logo{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;font-weight:800;background:#fff;color:#111}.google-logo{color:#4285f4}.search-logo{color:#34a853}.wordpress-logo{background:#21759b;color:#fff}.shopify-logo{background:#95bf47;color:#111}.integration-status{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.07);font-size:12px;white-space:nowrap}.integration-status.connected{background:rgba(184,240,82,.14);color:var(--accent)}.integration-card label{display:grid;gap:7px}.integration-card select{width:100%}.integration-card footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.integration-scope-note{display:flex;gap:12px;padding:12px 14px;border-left:3px solid var(--accent);background:rgba(184,240,82,.06)}.integration-scope-note span{color:var(--muted)}@media(max-width:800px){.integration-grid{grid-template-columns:1fr}.integrations-hero{display:grid}.integrations-hero>span{justify-self:start}.integration-card header{grid-template-columns:auto 1fr}.integration-card header>.integration-status{grid-column:2}.integration-card footer{align-items:stretch;flex-direction:column}.integration-card footer button{width:100%}}
