/* ========================================================================
   Shared table components

   Used by:
     docs/container/computed-tables/deep-dive/sql-dialects.md
     docs/source-datastore/enrichment-datastore/supported-connectors.md
     docs/settings/access/directory-sync/supported-providers.md
     docs/using-the-platform/web-app/top-right-menu/add-ons.md
     docs/container/lineage/deep-dive/lineage-sources.md

   These classes are read by more than one hub, so a width change here
   moves several pages at once. A variant used by a single page belongs in
   that page's file instead.
   ======================================================================== */
/* Connector Tables - fixed column widths (global, theme-independent) */
.connector-table table {
  table-layout: fixed;
  width: 100%;
}

.connector-table table th:nth-child(1),
.connector-table table td:nth-child(1) {
  width: 8%;
}

.connector-table table th:nth-child(2),
.connector-table table td:nth-child(2) {
  width: 15%;
}

.connector-table table th:nth-child(3),
.connector-table table td:nth-child(3) {
  width: 45%;
}

.connector-table table th:nth-child(4),
.connector-table table td:nth-child(4) {
  width: 32%;
}

.icon-name-table table {
  table-layout: fixed;
  width: 100%;
}

.icon-name-table table th:nth-child(1),
.icon-name-table table td:nth-child(1) {
  width: 8%;
}

.icon-name-table table th:nth-child(2),
.icon-name-table table td:nth-child(2) {
  width: 15%;
}

.icon-name-table table th:nth-child(3),
.icon-name-table table td:nth-child(3) {
  width: 77%;
}

/* Catalog List Table - widths tuned for No / Data Catalog (2 columns) */
.catalog-list-table table {
  table-layout: fixed;
  width: 100%;
}

.catalog-list-table table th:nth-child(1),
.catalog-list-table table td:nth-child(1) {
  width: 8%;
}

.catalog-list-table table th:nth-child(2),
.catalog-list-table table td:nth-child(2) {
  width: 92%;
}

/* Consequences tables - icon + label in a nowrap first column, description taking
   the rest. Same shape as .delete-a-flow-table, shared because more than one hub
   documents what happens when something is removed or disconnected.

   Used by:
     docs/settings/integrations/ticketing/jira/how-tos/connection/disconnect.md
     docs/anomalies/how-tos/ticket/change-ticket-sync-mode.md */
.consequences-table table {
  width: 100%;
}

.consequences-table table th,
.consequences-table table td {
  vertical-align: top;
}

.consequences-table table th:nth-child(1),
.consequences-table table td:nth-child(1) {
  white-space: nowrap;
}

.consequences-table table th:nth-child(2),
.consequences-table table td:nth-child(2) {
  width: 100%;
}