table.inventory-bom-list { table-layout: fixed; width: 100%; }
.inventory-procurement-nav { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; }
.inventory-purchase-tabs { display: inline-flex; align-items: center; gap: 4px; padding: 4px; border-radius: 10px; background: var(--muted); }
.inventory-purchase-tabs > button[data-state="active"] { background: var(--background); box-shadow: 0 1px 3px rgb(0 0 0 / .1); }
.inventory-filters, .inventory-procurement .procurement-filters { align-items: center; }
.inventory-filters { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 8px; }
.inventory-filters > * { flex: 0 1 168px; min-width: 0; }
.inventory-filters > :first-child { flex-basis: 240px; }
.inventory-filters > .inventory-toolbar-actions, .inventory-procurement .procurement-filters > .inventory-toolbar-actions { display: flex; align-items: center; flex: 0 0 auto; gap: 8px; margin-left: auto; white-space: nowrap; }
.inventory-purchase-views { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; }
.inventory-toolbar-actions > button, .inventory-toolbar-actions > label, .inventory-toolbar-actions > span { flex-shrink: 0; }
.inventory-procurement .procurement-filters { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 8px; margin: 8px 0 16px; }
.inventory-procurement .procurement-filters > * { flex: 0 1 180px; min-width: 0; }
.inventory-procurement .procurement-filters > :first-child { flex-basis: 260px; }
.inventory-batch-actions { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; white-space: nowrap; }
.inventory-batch-actions > button:last-child { margin-left: auto; }
.inventory-procurement table, .inventory-deliveries table { table-layout: fixed; width: 100%; }
.inventory-procurement th, .inventory-procurement td, .inventory-deliveries th, .inventory-deliveries td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inventory-procurement table:has(input[type="number"]) th:first-child { width: 44px; }
.inventory-procurement table:has(input[type="number"]) th:nth-child(2), .inventory-procurement table:has(input[type="number"]) th:nth-child(3) { width: 15%; }
.inventory-procurement table:has(input[type="number"]) th:nth-last-child(2) { width: 96px; }
.inventory-procurement table:has(input[type="number"]) th:last-child { width: 216px; }
.inventory-procurement .inventory-new-purchase table:has(input[type="number"]) th:first-child { width: 32%; }
.inventory-procurement .inventory-new-purchase table:has(input[type="number"]) th:nth-child(4) { width: 112px; }
.inventory-procurement .inventory-new-purchase table:has(input[type="number"]) th:nth-last-child(2) { width: auto; }
.inventory-procurement .inventory-new-purchase table:has(input[type="number"]) th:last-child { width: 80px; }
.inventory-procurement table input[type="number"] { width: 80px; max-width: 100%; }
.inventory-deliveries th:last-child { width: 180px; }
.inventory-procurement td:last-child > button { display: inline-flex; }
[data-slot="field-group"]:has(#delivery-search) { display: flex; flex-direction: row; flex-wrap: nowrap; gap: 8px; }
[data-slot="field-group"]:has(#delivery-search) > * { flex: 0 1 168px; min-width: 0; }
[data-slot="field-group"]:has(#delivery-search) > :first-child { flex-basis: 320px; }
[data-slot="field-group"]:has(#delivery-search) > button { flex: 0 0 auto; margin-left: auto; }
@media (max-width: 640px) {
  [data-slot="field-group"]:has(#delivery-search), .inventory-procurement .procurement-filters { flex-wrap: wrap; }
}