/* AgroLive v2 · Inventory explorer layout (components come from ui/kit.css). */
.inv .invTop { position: relative; }
.invTitle { margin-left: 4px; padding-left: 12px; border-left: 1px solid var(--line2); }
.invMain { max-width: 1280px; margin: 0 auto; padding: 0 12px 16px; padding-left: max(12px, env(safe-area-inset-left)); padding-right: max(12px, env(safe-area-inset-right)); display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.invSide { display: grid; gap: 12px; min-width: 0; align-content: start; }
.filterBar { position: sticky; top: 0; z-index: 20; display: grid; gap: 6px; margin: 0 -12px; padding: 10px 12px 6px; background: rgba(7, 11, 20, .88); -webkit-backdrop-filter: saturate(140%) blur(14px); backdrop-filter: saturate(140%) blur(14px); border-bottom: 1px solid var(--line); }
.totalsCard { padding: 14px; }
.totalsCard .cardHead { margin-bottom: 8px; align-items: flex-start; }
.totalsCard .hint { text-align: right; line-height: 1.35; }
.famBar { margin-top: -2px; }
.invList { min-width: 0; }
.codeTag { font: 700 14px var(--mono); color: var(--cyanText); }
@media (max-width: 1023px) {
  .invSide { display: contents; }
  .famBar { order: 0; }
}
@media (max-width: 519px) {
  .invTitle { font-size: 16px; }
  .k-totalMain b { font-size: 30px; }
}
@media (min-width: 1024px) {
  .invMain { grid-template-columns: 380px minmax(0, 1fr); gap: 20px; padding: 16px 24px 24px; align-items: start; }
  .invSide { position: sticky; top: 12px; max-height: calc(100vh - 24px); overflow-y: auto; scrollbar-width: thin; }
  .filterBar { position: static; margin: 0; padding: 0; background: none; border: 0; -webkit-backdrop-filter: none; backdrop-filter: none; }
  .filterBar .k-chipbar { flex-wrap: wrap; overflow: visible; }
  .famBar { flex-wrap: wrap; overflow: visible; }
  .invList .k-listHead { margin-top: 0; }
}