/* Un mismo desplegable para navegación y secciones. */
body .app-view-menu,
body .app-section-menu,
body .tpv-section-menu {
  width: min(300px, calc(100vw - 28px));
  max-width: calc(100% - 12px);
  padding: 8px;
  border: 1px solid rgba(0, 0, 0, .09);
  border-radius: 20px;
  background: rgba(255, 254, 248, .98);
  box-shadow: 0 24px 60px rgba(18, 14, 12, .20);
  max-height: min(62vh, 520px);
  overflow-y: auto;
}
body.orders-page .app-section-menu .category-filter-list { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; }
body .app-view-menu a,
body .tpv-section-menu button,
body.orders-page .app-section-menu .category-filter,
body.orders-page .app-section-menu .category-filter.active {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 46px;
  padding: 12px 14px;
  gap: 12px;
  border: 0;
  border-radius: 13px;
  background: transparent;
  color: #242424;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.35;
  text-align: left;
  box-shadow: none;
}
body .app-view-menu a.active { background: transparent; color: #242424; }
body .app-view-menu a:hover,
body .tpv-section-menu button:hover,
body.orders-page .app-section-menu .category-filter:hover { background: rgba(0, 0, 0, .05); }
body .app-view-menu a:focus-visible,
body .tpv-section-menu button:focus-visible,
body.orders-page .app-section-menu .category-filter:focus-visible { outline: 2px solid #777; outline-offset: -2px; }