/* One 390 × 740 coordinate system for preparation and serving. */
#app .man-hinh-quay-gon {
  --chieu-cao-ngan-keo-gon: 100%;
  --chieu-cao-ke-gon: 100%;
  --chieu-cao-ke-dong-bo: var(--chieu-cao-ke-gon);
}

/* Bottom panel fills the exact remaining height (~305px) below the 45px HUD and 390px 1:1 stage:
   Row 1 (86px): Bảng THÔNG BÁO Chính (50px) + [⭐ Shop | $ Tiền chỉ xem] (32px)
   Row 2 (1fr):  Khối quầy chính 1 khối hợp nhất ([Vật phẩm | Tiền & sổ] gắn liền thân quầy) */
#app .man-hinh-quay-gon > .vung-do-goi-hang {
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 86px minmax(0, 1fr);
  align-content: stretch;
  gap: 6px;
  flex: 1 1 0;
  height: auto;
  min-height: 280px;
  max-height: none;
  padding: 5px 5px 5px;
  border-top-width: 2px;
}

#app .man-hinh-quay-gon > .khung-nen-tap-hoa-xanh-vang {
  flex: 1 1 0;
  min-height: 0;
}

#app .man-hinh-quay-gon .vung-do-goi-hang > .thanh-nhom-hang,
#app .man-hinh-quay-gon .vung-do-goi-hang > .khung-noi-dung-goi-hang-do {
  margin: 0;
  min-width: 0;
}