@layer components {
  .topbar--inventory { flex-wrap:wrap; gap:.75rem 1rem; }
  .topbar--inventory .topbar-title { flex:1 1 180px; min-width:0; overflow-wrap:anywhere; font-size:1.2rem; }
  .inventory-details .detail-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem 1.2rem; margin:0; padding:1rem 1.2rem; }
  .inventory-details dt { margin-bottom:.15rem; }
  .inventory-details dd { font-size:.9rem; overflow-wrap:anywhere; }
  .inventory-notes { grid-column:1/-1; }
  .inventory-notes dd { white-space:pre-wrap; }
  @media (max-width:900px) { .inventory-details .detail-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
  @media (max-width:500px) { .inventory-details .detail-grid { grid-template-columns:minmax(0,1fr); } }
  .inventory-filters { grid-template-columns:minmax(200px,2fr) repeat(3,minmax(130px,1fr)) auto; }
  .inventory-table { min-width:950px; }
  #inventory-search-hint { display:block; font-size:.72rem; margin-top:.3rem; }
  @media (max-width:1100px) { .inventory-filters { grid-template-columns:repeat(2,minmax(0,1fr)); } }
  @media (max-width:650px) { .inventory-filters { grid-template-columns:minmax(0,1fr); } }
}