.workflow-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:20px 0 0;border:1px solid color-mix(in srgb,var(--border) 82%,transparent);border-radius:16px;background:rgba(255,255,255,.16);overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.34)}
.workflow-item{--flow:var(--accent);appearance:none;border:0;border-right:1px solid var(--border);background:linear-gradient(180deg,color-mix(in srgb,var(--flow) 5%,rgba(255,255,255,.14)),rgba(255,255,255,.08));color:var(--ink);min-width:0;padding:14px 16px 13px;display:grid;grid-template-columns:30px minmax(0,1fr);gap:11px;align-items:center;text-align:left;cursor:pointer;position:relative;transition:background .16s ease,color .16s ease,box-shadow .16s ease}
.workflow-item[data-go="used"]{--flow:#7d6c91}.workflow-item[data-go="countmode"]{--flow:#5c8399}.workflow-item[data-go="shopping"]{--flow:#9a7744}.workflow-item[data-go="receiving"]{--flow:#5d816d}.workflow-item:last-child{border-right:0}.workflow-item:before{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--flow);opacity:.22;transition:opacity .16s ease}.workflow-item:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--flow) 12%,rgba(255,255,255,.24)),rgba(255,255,255,.10));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--flow) 12%,transparent)}.workflow-item:hover:before{opacity:.7}.workflow-item:active{background:color-mix(in srgb,var(--flow) 17%,rgba(255,255,255,.16))}.workflow-item.primary{background:linear-gradient(180deg,color-mix(in srgb,var(--flow) 10%,rgba(255,255,255,.24)),rgba(255,255,255,.10))}.workflow-item b{display:block;font-size:15px;line-height:1.15;font-weight:680}.workflow-item small{display:block;color:var(--muted);font-size:10px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workflow-mark{width:28px;height:28px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--flow) 8%,rgba(255,255,255,.48));border:1px solid color-mix(in srgb,var(--flow) 18%,rgba(255,255,255,.45));color:color-mix(in srgb,var(--flow) 82%,var(--ink));font-family:Georgia,serif;font-size:17px;line-height:1;box-shadow:inset 0 1px rgba(255,255,255,.62)}.workflow-arrow{display:none}
.inventory-pulse{display:flex;gap:9px;align-items:center;margin:10px 2px 26px;color:var(--muted);font-size:11px}.pulse-label{text-transform:uppercase;letter-spacing:.13em;font-size:8px;font-weight:800;color:var(--ink)}
.inventory-browse-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-top:4px}.inventory-browse-head h2{margin:0 0 3px;font-size:21px}.inventory-browse-head p{margin:0}.inventory-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:12px;margin-top:14px;background:transparent}
.inventory-category{appearance:none;width:100%;border:1px solid color-mix(in srgb,var(--border) 86%,transparent);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(255,255,255,.16));color:var(--ink);padding:17px 18px;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;cursor:pointer;position:relative;overflow:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.38);transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}
.inventory-category:before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:2px;border-radius:999px;background:color-mix(in srgb,var(--accent) 55%,transparent);opacity:.38}.inventory-category:hover{background:linear-gradient(145deg,color-mix(in srgb,var(--accent-soft) 10%,rgba(255,255,255,.42)),rgba(255,255,255,.20));border-color:color-mix(in srgb,var(--accent) 18%,var(--border));transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.48),0 9px 24px color-mix(in srgb,var(--shadow) 44%,transparent)}.inventory-category:hover:before{opacity:.9}.category-copy{display:block;min-width:0}.category-copy .k{display:block;margin:0 0 8px;font-size:8px;letter-spacing:.13em}.category-copy b{display:block;font-size:18px;line-height:1.18;font-weight:670;letter-spacing:-.015em}.category-copy small{display:block;color:var(--muted);margin-top:7px;font-size:11px;white-space:normal}.category-end{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:150px}.category-end .state{font-size:9px;padding:4px 7px}.category-arrow{font-size:18px;color:var(--muted);margin-left:4px;opacity:.35;transform:translateX(-2px);transition:opacity .14s ease,transform .14s ease}.inventory-category:hover .category-arrow{opacity:1;transform:translateX(0)}
@media(max-width:1050px){.workflow-rail{grid-template-columns:repeat(2,1fr)}.workflow-item:nth-child(2){border-right:0}.workflow-item:nth-child(-n+2){border-bottom:1px solid var(--border)}}
@media(max-width:700px){.workflow-rail,.inventory-category-grid{grid-template-columns:1fr}.workflow-item{border-right:0;border-bottom:1px solid var(--border)}.workflow-item:last-child{border-bottom:0}.inventory-pulse{flex-wrap:wrap}.inventory-browse-head{align-items:flex-start;flex-direction:column}.category-end .state{display:none}.inventory-category{padding:15px 16px}}