/* Inventory search owns the available width; its count is separate from typing. */
.inv-root > .inv-toolbar {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  width: 100%;
  gap: 10px;
}
.inv-root > .inv-toolbar > .inv-search {
  display: flex;
  flex: 1 1 18rem;
  min-width: 0;
  max-width: none;
  height: 48px;
  box-sizing: border-box;
  padding: 0 0 0 12px;
  gap: 8px;
}
.inv-root > .inv-toolbar > .inv-search > input { width: 100%; min-width: 0; font-size: 16px; }
.inv-root > .inv-toolbar .inv-search-clear { min-width: 44px; min-height: 44px; padding: 0; }
.inv-root > .inv-toolbar > .inv-source-seg { flex: 0 0 auto; height: 48px; box-sizing: border-box; padding: 1px; }
.inv-root > .inv-toolbar > .inv-source-seg .seg-btn { min-width: 44px; min-height: 44px; padding: 0 12px; white-space: nowrap; }
.inv-root > .inv-toolbar > .inv-source-seg .seg-btn.is-active { background: var(--adm-accent); color: var(--adm-accent-contrast); box-shadow: none; }
.inv-root > .inv-toolbar > .inv-filters-wrap { flex: 0 0 auto; }
.inv-root > .inv-toolbar .inv-filters-btn, .inv-root > .inv-toolbar > .inv-tools-toggle { min-height: 48px; white-space: nowrap; }
.inv-root .inv-search > .inv-result-count {
  display: block; flex: 0 0 auto; margin: 0; padding: 0 12px 0 8px;
  border-left: 1px solid var(--adm-border); text-align: right; white-space: nowrap;
  font-size: 12px; letter-spacing: 0;
}
.inv-root .inv-search > .inv-result-count[hidden] { display: none; }

@media (min-width: 821px) and (max-width: 1100px) {
  .inv-root > .inv-toolbar { flex-wrap: wrap; }
  .inv-root > .inv-toolbar > .inv-search { flex-basis: 100%; }
  .inv-root > .inv-toolbar > .inv-source-seg { margin-right: auto; }
}
@media (max-width: 820px) {
  .inv-root > .inv-toolbar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .inv-root > .inv-toolbar > .inv-search,
  .inv-root > .inv-toolbar > .inv-source-seg { grid-column: 1 / -1; width: 100%; }
  .inv-root > .inv-toolbar > .inv-source-seg .seg-btn { flex: 1 1 0; min-width: 0; padding: 0 6px; }
  .inv-root > .inv-toolbar > .inv-filters-wrap { width: auto; }
  .inv-root > .inv-toolbar > .inv-columns-wrap { display: block; }
  .inv-root > .inv-toolbar .inv-columns-panel { position: static; width: 100%; min-width: 0; max-width: 100%; box-sizing: border-box; }
  .inv-root > .inv-toolbar .inv-columns-density { flex-wrap: wrap; }
  .inv-root > .inv-toolbar .inv-columns-list { max-height: none; overflow: visible; }
  .inv-root > .inv-toolbar .inv-columns-item { min-height: 44px; box-sizing: border-box; }
  .inv-root > .inv-toolbar .inv-columns-move .btn-mini { min-width: 44px; }
  .inv-root > .inv-toolbar > .inv-filters-wrap > .inv-filters-btn { width: 100%; justify-content: center; padding: 0 8px; }
  .inv-root > .inv-toolbar > .inv-tools-toggle { width: 100%; align-self: stretch; }
}