/* Pedido do garçom — tela cheia responsiva (estilo cardápio do cliente). */

.sb-waiter-order-shell,
.sb-waiter-order-panel {
  width: 100%;
  max-width: 100vw;
}

.sb-waiter-order-panel {
  min-height: 100%;
}

.sb-waiter-menu-grid {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

/* Mesma proporção do cliente: 80x80 (w-20 h-20), reforço caso utilitário falhe. */
.sb-waiter-menu-thumb {
  width: 5rem !important;
  height: 5rem !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
}

.sb-waiter-menu-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.sb-waiter-order-cats {
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-x: contain;
}

.sb-waiter-promo-btn {
  background: #fff;
}

.sb-waiter-promo-modal {
  -webkit-overflow-scrolling: touch;
}

.sb-waiter-order-cart {
  padding-bottom: max(0.75rem, env(safe-area-inset-bottom, 0px));
}

.sb-waiter-order-header {
  padding-top: max(0.75rem, env(safe-area-inset-top, 0px));
}

@media (min-width: 640px) {
  .sb-waiter-order-panel {
    max-width: 32rem;
    margin-left: auto;
    margin-right: auto;
    border-left: 1px solid #e5e7eb;
    border-right: 1px solid #e5e7eb;
  }
}