/* Inventory (Magazyn) screen, 1:1 with Stock Pulse Magazyn.dc.html.
   Also holds the small pieces shared by the WP6a screens (finance lock, trend cell) because
   screens/inventory/shared.js renders them for the Dashboard and the Model card too. */

/* ---------- Shared WP6a pieces ---------- */
.fin-lock { display: inline-flex; align-items: center; gap: 7px; color: var(--text-tertiary); font-size: var(--fs-body); font-weight: 400; }
.trend { display: inline-flex; align-items: center; gap: 6px; font-family: var(--font-mono); font-size: var(--fs-meta); }
.trend__pct { font-size: var(--fs-caption); }

/* ---------- Header ---------- */
.inv .btn.inv-export { font-size: var(--fs-meta); }
.inv-lock { font-size: var(--fs-meta); }

/* ---------- Toolbar ---------- */
.inv-toolbar {
  position: relative; z-index: var(--z-toolbar); display: flex; align-items: center; gap: 12px;
  margin-top: 20px; flex-wrap: wrap;
}
.inv-toolbar .dd--view .dd__btn { font-weight: 450; }

/* ---------- Table ---------- */
.inv-table { margin-top: 16px; }
.inv-product { display: flex; align-items: center; gap: 12px; }
.inv-product__name { font-size: var(--fs-nav); font-weight: 450; white-space: nowrap; }
.inv .tbl th.inv-th-pad { padding-left: 16px; }
.inv .tbl td.inv-td-status { padding-left: 16px; }
.inv .tbl td.inv-td-supplier { padding-left: 16px; color: var(--text-secondary); font-size: var(--fs-meta); white-space: nowrap; }
.inv .tbl td .t-tertiary { color: var(--text-tertiary); }
.inv .tbl__empty .link-btn { margin-left: 2px; }

/* ---------- Footer ---------- */
.inv-foot { display: flex; align-items: center; gap: 24px; margin-top: 16px; flex-wrap: wrap; }
.inv-foot__note { color: var(--text-tertiary); font-size: var(--fs-small); }
.inv-foot .pager { margin-left: auto; }