/* Generated from products/design-system/shared/table-head by Navorina/scripts/sync-ds-table-head.mjs. Do not edit. */
/* Table head (nv-o-table__head): the one source of table head styles for the DS catalog and the product.
   Markup: shared/table-head.js. The product gets a byte-identical copy in css/components/nv-table-head.css
   via Navorina/scripts/sync-ds-table-head.mjs; edit this file only.

   Row 1: the title (16 / 600 on a 32 px line) and head actions on the right (ghost small buttons, the text of
   the last one on the island edge, no wrapping). Row 2, only when the table owns filters: one toolbar of chips,
   chip selects, search and tool buttons with an 8 px gap that wraps; search and tools close the row on the
   right. No "More filters" inside a table head; page-wide filters stay above the islands.
   The island owns the outer padding (nv-table.css / styles.css); this file only lays out the head. */

.nv-o-table > .nv-o-table__head {
  display: flex;
  min-height: 32px;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
}

.nv-o-table > .nv-o-table__head > :first-child { min-width: 0; }

.nv-o-table__head > .nv-o-table__title { display: flex; min-width: 0; align-items: baseline; gap: 10px; }

.nv-o-table__head .nv-o-table__heading {
  margin: 0;
  color: var(--nv-table-text);
  font-size: var(--nv-type-title-3-size);
  font-weight: var(--nv-type-title-3-weight);
  letter-spacing: var(--nv-type-title-3-tracking);
  line-height: 32px;
}

.nv-o-table__head > .nv-o-table__head-actions {
  display: flex;
  flex: none;
  align-items: center;
  gap: 4px;
  margin-inline: auto calc(var(--product-button-padding-sm, 12px) * -1);
  white-space: nowrap;
}

.nv-o-table__head-actions > .product-button svg { width: 14px; height: 14px; flex: none; }

.nv-o-table__head > .nv-o-table__toolbar {
  order: 3;
  display: flex;
  flex: 1 0 100%;
  flex-flow: row wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-width: 0;
  margin: 0;
  padding: 0;
}

/* Chip groups dissolve into the toolbar so every chip wraps on the same 8 px rhythm. */
.nv-o-table__toolbar > .nv-m-chips { display: contents; }

.nv-o-table__toolbar > :is(.nv-m-search, .nv-search-field) {
  width: min(16rem, 100%);
  max-width: none;
  margin-inline-start: auto;
}

.nv-o-table__toolbar :is(.nv-select-wrap, .nv-m-select, .nv-select__trigger) { width: auto; flex: none; }