/* CrossTeams integrations — official/recognizable platform logos.
 * Keeps the existing marquee layout intact and replaces text initials only.
 */

#top .ct-integration-item[data-name="Salesforce"] .ct-integration-mark,
#top .ct-integration-item[data-name="HubSpot"] .ct-integration-mark,
#top .ct-integration-item[data-name="RD Station"] .ct-integration-mark,
#top .ct-integration-item[data-name="Pipedrive"] .ct-integration-mark,
#top .ct-integration-item[data-name="CV CRM"] .ct-integration-mark,
#top .ct-integration-item[data-name="WhatsApp"] .ct-integration-mark,
#top .ct-integration-item[data-name="Meta Ads"] .ct-integration-mark,
#top .ct-integration-item[data-name="Google Ads"] .ct-integration-mark,
#top .ct-integration-item[data-name="LinkedIn Ads"] .ct-integration-mark,
#top .ct-integration-item[data-name="Google Analytics 4"] .ct-integration-mark,
#top .ct-integration-item[data-name="BigQuery"] .ct-integration-mark,
#top .ct-integration-item[data-name="Looker Studio"] .ct-integration-mark,
#top .ct-integration-item[data-name="Google Sheets"] .ct-integration-mark,
#top .ct-integration-item[data-name="Make"] .ct-integration-mark,
#top .ct-integration-item[data-name="Zapier"] .ct-integration-mark,
#top .ct-integration-item[data-name="Slack"] .ct-integration-mark {
  width: 32px;
  height: 32px;
  min-width: 32px;
  font-size: 0;
  color: transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  text-shadow: none;
  filter: drop-shadow(0 5px 12px rgba(0, 0, 0, 0.22));
}

#top .ct-integration-item[data-name="Salesforce"] .ct-integration-mark {
  background-image: url("https://cdn.simpleicons.org/salesforce/00A1E0");
}

#top .ct-integration-item[data-name="HubSpot"] .ct-integration-mark {
  background-image: url("https://cdn.simpleicons.org/hubspot/FF7A59");
}

#top .ct-integration-item[data-name="RD Station"] .ct-integration-mark {
  background-image: url("https://www.google.com/s2/favicons?domain=rdstation.com&sz=128");
}

#top .ct-integration-item[data-name="Pipedrive"] .ct-integration-mark {
  background-image: url("https://cdn.simpleicons.org/pipedrive/27C783");
}

#top .ct-integration-item[data-name="CV CRM"] .ct-integration-mark {
  background-image: url("https://www.google.com/s2/favicons?domain=cvcrm.com.br&sz=128");
}

#top .ct-integration-item[data-name="WhatsApp"] .ct-integration-mark {
  background-image: url("https://cdn.simpleicons.org/whatsapp/25D366");
}

#top .ct-integration-item[data-name="Meta Ads"] .ct-integration-mark {
  background-image: url("https://cdn.simpleicons.org/meta/0866FF");
}

#top .ct-integration-item[data-name="Google Ads"] .ct-integration-mark {
  background-image: url("https://cdn.simpleicons.org/googleads/4285F4");
}

#top .ct-integration-item[data-name="LinkedIn Ads"] .ct-integration-mark {
  background-image: url("https://cdn.simpleicons.org/linkedin/0A66C2");
}

#top .ct-integration-item[data-name="Google Analytics 4"] .ct-integration-mark {
  background-image: url("https://cdn.simpleicons.org/googleanalytics/E37400");
}

#top .ct-integration-item[data-name="BigQuery"] .ct-integration-mark {
  background-image: url("https://cdn.simpleicons.org/googlebigquery/669DF6");
}

#top .ct-integration-item[data-name="Looker Studio"] .ct-integration-mark {
  background-image: url("https://cdn.simpleicons.org/looker/4285F4");
}

#top .ct-integration-item[data-name="Google Sheets"] .ct-integration-mark {
  background-image: url("https://cdn.simpleicons.org/googlesheets/34A853");
}

#top .ct-integration-item[data-name="Make"] .ct-integration-mark {
  background-image: url("https://cdn.simpleicons.org/make/6D00CC");
}

#top .ct-integration-item[data-name="Zapier"] .ct-integration-mark {
  background-image: url("https://cdn.simpleicons.org/zapier/FF4F00");
}

#top .ct-integration-item[data-name="Slack"] .ct-integration-mark {
  background-image: url("https://cdn.simpleicons.org/slack/36C5F0");
}

/* Generic integrations remain iconographic because they are capabilities, not brands. */
#top .ct-integration-item[data-name="ERP / sistemas internos"] .ct-integration-mark,
#top .ct-integration-item[data-name="API & Webhooks"] .ct-integration-mark {
  font-size: 12px;
  letter-spacing: -0.03em;
}

@media (max-width: 640px) {
  #top .ct-integration-item[data-name] .ct-integration-mark {
    width: 28px;
    height: 28px;
    min-width: 28px;
  }
}