/* ========================================================================
   External AI Client tables

   Used by:
     docs/using-the-platform/mcp/connecting-external-ai-clients/requirements.md (table)
     docs/using-the-platform/mcp/connecting-external-ai-clients/*.md (H1 logos)
     docs/using-the-platform/mcp/faq.md (supported clients table)
   ======================================================================== */
/* Supported Clients table - No. / Logo+Company / Clients. Columns size to their content
   (auto layout), and the company and client names never wrap, so on a narrow screen the
   table scrolls sideways inside its wrapper instead of squeezing the text. */
.ai-client-table table {
  table-layout: auto;
  width: 100%;
}

.ai-client-table table th,
.ai-client-table table td {
  width: auto;
  white-space: nowrap;
}

.ai-client-table table td:nth-child(2) img {
  vertical-align: middle;
  margin-right: 0.35rem;
}

/* FAQ supported clients table: the logo sits inline before each client name. */
.ai-client-list table td:nth-child(1) img {
  vertical-align: middle;
  margin-right: 0.35rem;
}

/* Logos drawn in black (single-color marks, and the letter in Amazon's) would vanish on
   the dark scheme, both in the table and next to each client page's H1. Inverting and
   rotating the hue back turns black into white while keeping colored parts, like
   Amazon's orange smile, close to their own color. */
[data-md-color-scheme="slate"] img.q-logo-dark {
  filter: invert(1) hue-rotate(180deg);
}