:root {
  --tile-pad: 14px;
  --tile-radius: 16px;
  --tile-border: #e5e7eb;
  --tile-bg: #fff;
  --accent: #111;
}
@media (prefers-color-scheme: dark){
  :root { --tile-bg: transparent; --tile-border:#333; --accent:#fff; }
}
.v550-integrations-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:8px 0 18px}
.v550-integrations-search{flex:1;min-width:240px}
.v550-integrations-search input{width:100%;padding:10px 12px;border:1px solid var(--tile-border);border-radius:10px;background:var(--tile-bg);color:inherit}
.v550-integrations-filters{display:flex;flex-wrap:wrap;gap:8px}
.v550-integrations-filters button{
  padding:8px 12px;border:1px solid var(--tile-border);border-radius:9999px;background:#fff;cursor:pointer
}
.v550-integrations-filters button[aria-pressed="true"]{background:var(--accent);color:#fff;border-color:var(--accent)}
.v550-integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}
.v550-tile{position:relative;display:flex;align-items:center;justify-content:center;
  padding:var(--tile-pad);background:var(--tile-bg);border:1px solid var(--tile-border);
  border-radius:var(--tile-radius);transition:transform .15s ease, box-shadow .15s ease}
.v550-tile:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,0,0,.06)}
.v550-tile figure{margin:0;display:flex;flex-direction:column;align-items:center;gap:10px}
.v550-tile picture,.v550-tile img{width:128px;height:128px}
.v550-tile img{border-radius:9999px;display:block}
.v550-actions{position:absolute;inset:auto 8px 8px;display:flex;gap:8px;opacity:0;transition:opacity .15s ease}
.v550-tile:hover .v550-actions{opacity:1}
.v550-btn{font-size:12px;padding:6px 10px;border-radius:9999px;border:1px solid var(--tile-border);background:#fff;text-decoration:none}
.v550-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.v550-hidden{position:absolute!important;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}