/* v822 – Desktop/Table/Quick Order menu card integrity.  Scope intentionally
   excludes payments, cart logic, KDS and public customer menu. All values
   for foreground, surfaces and buttons resolve through existing brand tokens.
   Cards respond to the ACTUAL remaining menu width after staff rail + cart. */
@media (min-width:768px) {
  html.staff-shell-v746 body.shop-page:is(.staff-table-order-v409,.staff-quick-order-v466) > main.shop-shell > .menu-column {
    min-width:0!important;
  }
  /* Override v816's 245px auto-fit, which gives four unreadably narrow cards. */
  html.staff-shell-v746 body.shop-page.staff-table-order-v409.staff-workspace-v816 > main.shop-shell > .menu-column .menu-grid,
  html.staff-shell-v746 body.shop-page.staff-quick-order-v466.staff-workspace-v816 > main.shop-shell > .menu-column .menu-grid {
    display:grid!important;
    grid-column:auto!important;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr))!important;
    gap:12px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    align-items:stretch!important;
  }
  html.staff-shell-v746 body.shop-page:is(.staff-table-order-v409,.staff-quick-order-v466).staff-workspace-v816 > main.shop-shell > .menu-column .menu-grid .premium-food-card:not([hidden]) {
    display:grid!important;
    grid-template-columns:100px minmax(0,1fr)!important;
    grid-auto-flow:row!important;
    grid-template-rows:auto!important;
    align-items:center!important;
    gap:12px!important;
    height:auto!important;
    min-height:130px!important;
    max-height:none!important;
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    padding:12px!important;
    margin:0!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
    transform:none!important;
    animation:none!important;
  }
  html.staff-shell-v746 body.shop-page:is(.staff-table-order-v409,.staff-quick-order-v466).staff-workspace-v816 > main.shop-shell > .menu-column .premium-food-card .food-media {
    display:block!important;
    grid-column:1!important;
    grid-row:1!important;
    position:relative!important;
    width:100px!important;
    height:100px!important;
    min-width:0!important;
    max-width:100px!important;
    min-height:0!important;
    max-height:100px!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:12px!important;
    box-sizing:border-box!important;
  }
  html.staff-shell-v746 body.shop-page:is(.staff-table-order-v409,.staff-quick-order-v466).staff-workspace-v816 > main.shop-shell > .menu-column .premium-food-card .food-media :is(img,.food-placeholder){
    display:block!important;
    width:100%!important;height:100%!important;
    max-width:100%!important;max-height:100%!important;
    object-fit:cover!important;
  }
  html.staff-shell-v746 body.shop-page:is(.staff-table-order-v409,.staff-quick-order-v466).staff-workspace-v816 > main.shop-shell > .menu-column .premium-food-card .food-info {
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    grid-column:2!important;
    grid-row:1!important;
    align-self:stretch!important;
    width:auto!important;
    min-width:0!important;max-width:100%!important;
    min-height:0!important;
    padding:0!important;margin:0!important;
    overflow:visible!important;
  }
  html.staff-shell-v746 body.shop-page:is(.staff-table-order-v409,.staff-quick-order-v466).staff-workspace-v816 > main.shop-shell > .menu-column .premium-food-card .food-title-row {
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    align-items:flex-start!important;
    margin:0!important;padding:0!important;
  }
  html.staff-shell-v746 body.shop-page:is(.staff-table-order-v409,.staff-quick-order-v466).staff-workspace-v816 > main.shop-shell > .menu-column .premium-food-card .food-title-row h3 {
    display:block!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:0!important;
    font-size:16px!important;
    line-height:1.35!important;
    font-weight:800!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:break-word!important;
    letter-spacing:normal!important;
    text-wrap:pretty;
  }
  html.staff-shell-v746 body.shop-page:is(.staff-table-order-v409,.staff-quick-order-v466).staff-workspace-v816 > main.shop-shell > .menu-column .premium-food-card .food-info>p {
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2;
    overflow:hidden!important;
    min-height:0!important;
    max-width:100%!important;
    margin:4px 0 0!important;
    font-size:12px!important;
    line-height:1.35!important;
  }
  html.staff-shell-v746 body.shop-page:is(.staff-table-order-v409,.staff-quick-order-v466).staff-workspace-v816 > main.shop-shell > .menu-column .premium-food-card .food-footer {
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    justify-content:space-between!important;
    align-items:center!important;
    gap:8px!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:8px 0 0!important;
    padding:0!important;
  }
  html.staff-shell-v746 body.shop-page:is(.staff-table-order-v409,.staff-quick-order-v466).staff-workspace-v816 > main.shop-shell > .menu-column .premium-food-card .food-footer strong {
    display:inline-block!important;
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    font-size:16px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    letter-spacing:normal!important;
  }
  html.staff-shell-v746 body.shop-page:is(.staff-table-order-v409,.staff-quick-order-v466).staff-workspace-v816 > main.shop-shell > .menu-column .premium-food-card .add-btn {
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;justify-content:center!important;
    width:auto!important;
    min-width:64px!important;
    max-width:none!important;
    min-height:42px!important;
    margin:0!important;
    padding:8px 12px!important;
    font-size:14px!important;
    line-height:1.2!important;
    border-radius:12px!important;
    background:var(--app-primary-v701)!important;
    color:var(--app-primary-text-v701)!important;
    box-shadow:none!important;
  }
  /* Search is an ordering workflow, not a second navigation hierarchy. */
  html.staff-shell-v746 body.shop-page:is(.staff-table-order-v409,.staff-quick-order-v466).tt-staff-search-results-v822 :is(#customer-category-first-v494,#customer-menu-nav-v494,#customer-category-context-v497,#customer-more-categories-v497,.category-strip){
    display:none!important;
  }
  html.staff-shell-v746 body.shop-page:is(.staff-table-order-v409,.staff-quick-order-v466).tt-staff-search-results-v822 .menu-column > .tt-search-summary-v820 {
    display:block!important;
    margin:0 0 12px!important;
    padding:10px 14px!important;
    border-radius:12px!important;
    background:var(--app-card-v701)!important;
    color:var(--app-card-text-v703,var(--app-text-v701))!important;
    border:1px solid var(--app-border-v701)!important;
    font-size:14px!important;
    font-weight:750!important;
  }
  /* The submenu chip/favourite can be selected after opening item details;
     hide their space-wasting desktop search presence, not the item actions. */
  html.staff-shell-v746 body.shop-page:is(.staff-table-order-v409,.staff-quick-order-v466).tt-staff-search-results-v822 .menu-grid .premium-food-card :is(.heart,.mini-options,.featured-badge) {display:none!important;}
}
/* 768px-1099px: cart and rail may consume most of the viewport.  A single
   full-width item row is preferable to two unreadable product columns. */
@media(min-width:768px) and (max-width:1099px){
 html.staff-shell-v746 body.shop-page.staff-table-order-v409.staff-workspace-v816 > main.shop-shell > .menu-column .menu-grid,
 html.staff-shell-v746 body.shop-page.staff-quick-order-v466.staff-workspace-v816 > main.shop-shell > .menu-column .menu-grid{
   grid-template-columns:minmax(0,1fr)!important;
 }
}