/* POS viewport and collapsible workspace navigation for RestroMate 1.9.18. */
.menu-btn{display:grid;place-items:center;width:42px;height:42px;flex:none;border:0;border-radius:9px;background:#f1f4f2;color:#19372c;touch-action:manipulation}
#sidebar{transition:transform .22s ease}
body.nav-collapsed .app-shell{grid-template-columns:minmax(0,1fr)}
body.nav-collapsed main{grid-column:1}
body.nav-collapsed #sidebar{transform:translateX(-105%)}
body.nav-collapsed #sidebar.open{transform:translateX(0)}
body.pos-active #quickOrder{display:none!important}
#pos .pos-shell{grid-template-columns:minmax(0,1fr) minmax(320px,355px);width:100%;max-width:100%}
#pos .pos-catalog{min-width:0}
#pos .pos-cart{min-width:0}
#pos .pos-toolbar{min-width:0}
#pos .pos-toolbar>.search{min-width:120px}
#pos .pos-products{grid-template-columns:repeat(auto-fit,minmax(205px,1fr))}
@media(min-width:901px) and (max-width:1120px){
  #pos .pos-shell{grid-template-columns:minmax(0,1fr) minmax(300px,330px)}
  #pos .pos-products{grid-template-columns:repeat(2,minmax(0,1fr))}
  #pos .pos-toolbar{flex-wrap:wrap}
  #pos .order-type{max-width:100%}
}
@media(max-width:900px){
  body.nav-collapsed .app-shell{display:block}
  body.nav-collapsed main{grid-column:1}
  body.nav-collapsed #sidebar{transform:translateX(-105%)}
  body.nav-collapsed #sidebar.open{transform:translateX(0)}
  #pos .pos-shell{grid-template-columns:minmax(0,1fr)}
  #pos .pos-cart{min-height:360px}
  #pos .pos-products{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  #pos .pos-head>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  #pos .pos-head>div:last-child button{width:100%;min-width:0;min-height:42px}
  #pos .pos-toolbar{display:grid;grid-template-columns:minmax(0,1fr);width:100%}
  #pos .order-type{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  #pos .order-type button{min-height:40px;padding:0 5px}
  #pos .pos-products{grid-template-columns:minmax(0,1fr)}
  #pos .pos-catalog{padding:10px}
  #pos .pos-cart{min-height:340px}
  #pos .cart-items{max-height:260px}
}