/* Back-office items and combos only; cashier and customer menus are unchanged. */
:is(.catalog-library-items, .catalog-library-combos) .catalog-library-layout {
  display: grid;
  grid-template-columns: 232px minmax(0, 1fr);
  align-items: start;
  gap: 16px;
}
.catalog-library-results { min-width: 0; }
:is(.catalog-library-items, .catalog-library-combos) .legacy-toolbar .catalog-category-filter { display: none; }
.catalog-category-rail {
  position: sticky;
  top: 16px;
  min-width: 0;
  padding: 16px 8px 8px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: var(--paper, #fff);
}
body.backoffice-mode #app-shell .catalog-category-rail h2 {
  margin: 0 12px 12px;
  font-size: 15px;
  font-weight: 700;
}
.catalog-category-rail nav {
  max-height: max(240px, calc(100dvh - 380px));
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-gutter: stable;
}
.catalog-category-rail button {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-height: 44px;
  padding: 11px 12px 11px calc(12px + var(--category-depth, 0) * 16px);
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: var(--ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.catalog-category-rail button > span:last-child { min-width: 0; overflow-wrap: anywhere; }
.catalog-category-rail button:hover { background: var(--cream, #f3faff); }
.catalog-category-rail button.active {
  background: var(--mint, #e0f2fc);
  color: var(--green-2, #0969b5);
  font-weight: 700;
  box-shadow: inset 3px 0 var(--green-2, #0969b5);
}
.catalog-category-rail button:focus-visible {
  outline: 2px solid var(--green-2, #0969b5);
  outline-offset: -2px;
}
.catalog-category-rail .catalog-category-dot { flex: 0 0 5px; width: 5px; height: 5px; border-radius: 50%; background: currentColor; }
.catalog-category-rail .catalog-category-uncategorised { margin-top: 8px; border-top: 1px solid var(--line); border-radius: 0 0 7px 7px; }
@media (max-width: 1000px) {
  :is(.catalog-library-items, .catalog-library-combos) .catalog-library-layout { grid-template-columns: 1fr; }
  :is(.catalog-library-items, .catalog-library-combos) .catalog-category-rail { display: none; }
  :is(.catalog-library-items, .catalog-library-combos) .legacy-toolbar .catalog-category-filter { display: block; }
}