.messenger-icons {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  vertical-align: middle;
}

.messenger-icon {
  display: inline-block;
  object-fit: contain;
  flex-shrink: 0;
  vertical-align: middle;
}

.messenger-icon--xs { width: 14px; height: 14px; }
.messenger-icon--sm { width: 18px; height: 18px; }
.messenger-icon--md { width: 22px; height: 22px; }
.messenger-icon--lg { width: 28px; height: 28px; }
.messenger-icon--xl { width: 36px; height: 36px; }

.bots-platform-badge {
  /* Sized in system-settings.css; keep light chrome here for icon contrast */
  background: #fff !important;
  border: 1px solid #e2e8f0;
  padding: 3px;
  box-sizing: border-box;
}

.bots-platform-badge .messenger-icon,
.cm-bots-platform-inner .messenger-icon,
.cm-bots-recipient-platforms .messenger-icon {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  padding: 2px;
  object-fit: contain;
}

.cm-bots-platform-inner .messenger-icon {
  width: 28px;
  height: 28px;
  padding: 4px;
  border-radius: 10px;
  background: #fff;
  box-shadow: inset 0 0 0 1px rgba(15, 23, 42, .06);
}

.cm-bots-hero-art .messenger-icon,
.cm-bots-hero-meta .messenger-icon {
  width: 1em;
  height: 1em;
}

.sys-2fa-channels .messenger-icon,
.sys-notif-stat .messenger-icon,
.sys-notif-global-card .messenger-icon,
.sys-notif-channel-pill .messenger-icon,
.otp-channels .messenger-icon {
  width: 18px;
  height: 18px;
}

.sys-notif-template-field > span .messenger-icons {
  margin-inline-end: 4px;
}