/* Compact operational layout for tablets and phones */
body>main:not(.login-shell){display:block;width:100%;max-width:1400px;margin:0 auto}
.short-label{display:none}.header-nav{display:flex;flex:1;justify-content:center;align-items:center;gap:3px}.header-nav button,.header-nav a{display:flex;align-items:center;gap:4px;border:0;border-radius:9px;background:transparent;padding:7px 9px;color:#526b5c;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap}.header-nav .nav.active{background:#eef5ef;color:#174b34;box-shadow:inset 0 -2px #eabd2f}.header-nav .logout-link{margin:0!important;color:#954a3c!important}.compact-title{align-items:center}.compact-title h1{margin:0;font-size:25px}.compact-title input{padding:8px 10px}
.summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.summary-head h2{margin:4px 0 0}.summary-head .total{display:flex;flex-direction:column;align-items:flex-end}.summary-head .total span{font-size:9px;font-weight:800;color:#718679;text-transform:uppercase;letter-spacing:.08em}.summary-head .total b{font-size:25px}.summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:12px;overflow:hidden;border:1px solid #cfddd2;border-radius:12px;background:#cfddd2}.summary-stats>span{display:flex;flex-direction:column;gap:3px;background:#ffffff8c;padding:8px 10px}.summary-stats small{font-size:8px!important;letter-spacing:.05em!important;color:#74877b!important}.summary-stats b{font-size:14px}.summary>button{margin:11px 0 6px;padding:10px}.summary>#saveNote{font-size:8px!important}
.food{position:relative}.food.selected:after{content:'✓';position:absolute;top:5px;right:6px;display:grid;width:17px;height:17px;place-items:center;border-radius:50%;background:#174b34;color:#fff;font-size:10px;font-weight:900}.chips .food-chip{border-color:#e4c04f;background:#fff4c8;color:#72580d}
.products{max-height:161px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-right:3px}.products::-webkit-scrollbar{width:6px}.products::-webkit-scrollbar-thumb{background:#bfd2c4;border-radius:10px}
.compact-search{margin-bottom:10px}.compact-search label{width:100%;display:flex;align-items:center}.compact-search input{width:100%}
.report-customer{border:0;background:transparent;padding:4px 0;color:#174b34;font:inherit;font-weight:800;text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:#a8c7b2;text-underline-offset:3px}.report-customer:hover,.report-customer:focus{color:#0d7045;text-decoration-color:#0d7045}
#entry.saving .layout{position:relative;pointer-events:none;user-select:none;filter:saturate(.45);opacity:.62}#entry.saving .layout:after{content:'Saving… please wait';position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:20;padding:13px 20px;border-radius:30px;background:#174b34;color:#fff;font-weight:800;box-shadow:0 12px 35px #173f2e55;opacity:1}.summary>button:not(:disabled){transition:transform .15s,opacity .15s}.summary>button:not(:disabled):active{transform:scale(.985)}
.list-date{font-size:10px;font-weight:800;color:#647a6c}.list-date input{display:block;margin-top:4px}.list-form-card{padding:16px}.list-toolbar,.list-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.list-toolbar{margin-bottom:12px;color:#718378;font-size:12px}.list-toolbar button,.list-footer button{border:0;border-radius:10px;padding:9px 13px;background:#eaf3ec;color:#174b34;font-weight:800}.list-grid-head,.list-order-row{display:grid;grid-template-columns:42px 100px minmax(140px,1fr) minmax(130px,1fr) 60px 90px 34px;gap:8px;align-items:center}.list-grid-head{padding:8px 9px;background:#f2f6f3;border-radius:10px;color:#718378;font-size:9px;text-transform:uppercase}.list-order-row{padding:7px 9px;border-bottom:1px solid #e7eee8}.list-order-row input{min-width:0;width:100%;border:1px solid #d8e4da;border-radius:9px;padding:8px;background:#fff}.list-order-row .row-date{font-size:11px;color:#6b7e71}.list-order-row .remove-list-row{width:30px;height:30px;border:0;border-radius:8px;background:#fff0ed;color:#a44d3e}.list-footer{padding-top:14px}.list-footer strong{font-size:18px}.list-footer button{min-width:180px;background:#174b34;color:#fff}.list-footer button:disabled{opacity:.4}.list-form-card.saving{pointer-events:none;opacity:.6}.list-form-card.saving:after{content:'Saving…';position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 20px;border-radius:24px;background:#174b34;color:#fff;font-weight:800}
.customer>span{flex-direction:row;align-items:center;gap:7px}
.customer>span small{flex:0 1 auto;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:20px;background:#edf3ee;padding:3px 6px;color:#8a998f;font-size:8px;letter-spacing:.02em}
@media (min-width:1051px){
  header{height:64px;padding-inline:max(26px,calc((100vw - 1400px)/2));gap:22px}
  .brand{min-width:150px}.brand strong{font-size:19px}.brand small{font-size:8px}
  .header-nav{justify-content:flex-start;gap:5px}.header-nav button,.header-nav a{padding:8px 12px;font-size:11px}
  body>main:not(.login-shell){padding:18px 28px 30px}
  .compact-title{margin-bottom:13px}.compact-title h1{font-size:26px}.compact-title input{min-width:150px}
  .layout{grid-template-columns:minmax(0,1fr) 310px;gap:18px;align-items:start}
  article,.summary{border-radius:20px;padding:16px;margin-bottom:16px}
  article h2{margin-bottom:12px}
  .products{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}
  .food{min-height:76px;padding:9px;border-radius:14px}.food span{font-size:16px}.food b{margin-top:4px;font-size:11px}.food small{font-size:9px}
  .customers{max-height:310px;margin:0 -16px -16px;overflow-y:auto;overscroll-behavior:contain}
  .customer{min-height:44px;padding:5px 14px}.customer>span small{max-width:105px}
  .summary{top:82px;padding:16px;background:linear-gradient(145deg,#e6f3e8,#f7f8e9)}
  .summary-head h2{font-size:18px}.summary-head .total b{font-size:26px}.summary-stats{margin-top:11px}
  .summary .chips{margin-top:8px;max-height:82px;overflow-y:auto}
  #reports>.metrics{grid-template-columns:repeat(3,1fr)}
  #invoice .invoice-paper{max-width:1000px;margin-inline:auto}
}
@media (max-width:1050px){
  header{height:56px;padding-inline:16px;gap:8px}
  .brand strong{font-size:18px}.brand small{font-size:9px}
  main{padding:10px 20px;gap:10px}
  .header-nav{min-width:0;overflow:visible}.header-nav button,.header-nav a{padding:6px 7px;font-size:10px}
  .title-row{margin-bottom:9px}.title-row h1{font-size:22px;margin-bottom:0}.title-row p{font-size:12px}
  article,.summary{padding:14px;border-radius:19px;margin-bottom:14px}
  article h2{margin-bottom:11px}
  .products{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:row;gap:7px;max-height:131px;overflow-y:auto;padding:0 3px 0 0}
  .food{min-height:62px;padding:7px 8px;border-radius:12px}
  .food span{font-size:14px;line-height:1}.food b{margin-top:3px;font-size:11px}.food small{font-size:9px}
  .customers{max-height:202px;margin:0 -14px -14px;overflow-y:auto;overscroll-behavior:contain}.customer{min-height:40px;padding:4px 13px}
  .customer>span{flex-direction:row;align-items:center;gap:7px}
  .customer>span small{flex:0 1 auto;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:20px;background:#edf3ee;padding:3px 6px;color:#8a998f;font-size:8px;letter-spacing:.02em}
  .summary{padding:13px 14px}.summary .chips{margin-top:7px}.summary-stats{margin-top:9px}.summary-head h2{font-size:17px}.summary-head .total b{font-size:23px}
}
@media (max-width:650px){
  header{height:52px;padding-inline:10px;gap:5px}.brand strong{font-size:14px}.brand small{font-size:7px}
  .full-label{display:none}.short-label{display:inline}.header-nav{justify-content:space-between;gap:0}.header-nav button,.header-nav a{padding:5px 4px;font-size:8px;gap:2px}.status{width:16px;height:16px;padding:0;font-size:0}.status::first-letter{font-size:8px}
  main{padding:7px 14px}.title-row h1{font-size:18px}
  .products{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;max-height:186px}.food{min-height:58px}
  section#entry>div.title-row{display:flex;flex-direction:row;align-items:center;margin-bottom:7px}
  section#entry>div.title-row>input{width:auto;max-width:145px;margin:0;padding:6px 8px;font-size:10px}
  .list-grid-head{display:none}.list-order-row{grid-template-columns:32px 1fr 1fr 32px;gap:6px}.list-order-row .row-date{grid-column:2/4}.list-order-row .list-customer{grid-column:2}.list-order-row .list-product{grid-column:3}.list-order-row .list-qty{grid-column:2}.list-order-row .list-price{grid-column:3}.list-order-row .remove-list-row{grid-column:4;grid-row:1}.list-toolbar span{display:none}.list-footer{align-items:stretch;flex-direction:column}.list-footer button{width:100%}
}
@media (min-width:651px) and (max-width:1050px){
  .products{max-height:269px}
  .customers{max-height:402px}
}
@media (max-width:430px){
  .products{grid-template-columns:repeat(3,minmax(0,1fr));max-height:250px}
}