#mobile-nav{display:none}
.header-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.48rem}
#install-app{border-color:#8eb9a1;background:#dceee2;color:#123e32}
#install-app:hover{background:#eef8ef}
#install-help li{margin:.55rem 0}
@media(max-width:640px){#install-app{font-size:.78rem;padding:.42rem .54rem}}
.dialog-quantity{display:grid;grid-template-columns:45px minmax(0,1fr) 45px;align-items:end;gap:.55rem}
.dialog-quantity button{min-height:40px;font-size:1.15rem}
.dialog-quantity input{text-align:center}
@media (max-width:640px){
  .top{position:sticky;top:0;z-index:3;min-height:56px}
  #status{margin:.45rem .55rem 0;padding:.55rem .7rem}
  .workspace{display:block;padding:.55rem .55rem calc(78px + env(safe-area-inset-bottom,0px))}
  .workspace[data-mobile-view="places"]>.panel:not(.places),
  .workspace[data-mobile-view="catalog"]>.panel:not(.catalog),
  .workspace[data-mobile-view="bill"]>.panel:not(.bill){display:none}
  #mobile-nav{position:fixed;inset:auto 0 0;z-index:5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
    gap:.35rem;padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom,0px));background:#123e32;
    box-shadow:0 -3px 13px #123e3240}
  #mobile-nav button{min-height:49px;line-height:1.15;padding:.3rem;color:#f4faf4;border-color:#456d5c;background:#1a4b3b}
  #mobile-nav button[aria-pressed=true]{color:#183a31;background:#f5f8ed;border-color:#e7bd79}
  #mobile-total{display:block;margin-top:.16rem;letter-spacing:0;font-size:.7rem}
  .tabs{padding:.6rem;gap:.45rem}.tabs button{min-height:43px}
  #places{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;overflow:visible;gap:.45rem}
  .place,.new-package,.package-place{min-width:0}
  .place.table{min-height:90px}
  .catalog-body{display:block;padding:0 .6rem}
  .catalog .quantity{display:none}
  .categories{flex-wrap:nowrap;overflow-x:auto;padding:.62rem .6rem}
  .categories button{min-height:42px;white-space:nowrap}
  #products{grid-template-columns:repeat(2,minmax(0,1fr));max-height:none;overflow:visible}
  .product-card .product{min-height:107px;font-size:.96rem}
  .product-photo{height:62px}
  .order-scroll{max-height:none;min-height:120px}
  .actions button{min-height:47px}
  .qty-row button{min-width:32px;min-height:32px}
  th,td{padding:.54rem .32rem}
  .feature-choice{min-height:39px}
  #receipt-dialog,#editor{max-height:86dvh}
  .dialog-actions button{min-height:44px}
}