/* --- Tablet POS view (landscape split: catalog + persistent order panel) --- */
.tablet-app {
  height: 100%;
  overflow: hidden;
  border-radius: 0;
  background: var(--neutral-50);
}

.tablet-pos {
  display: flex;
  height: 100%;
}

.tablet-catalog {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
}

.tablet-catalog-head {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tablet-product-grid {
  grid-template-columns: repeat(auto-fill, minmax(152px, 1fr));
  align-content: start;
  overflow-y: auto;
  padding-right: 4px;
}

.tablet-order {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 340px;
  flex-shrink: 0;
  padding: 16px;
  background: var(--neutral-0);
  border-left: 1px solid var(--neutral-200);
}

.tablet-order-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.tablet-order-head h2 {
  margin: 2px 0 0;
  font-size: 18px;
}

.tablet-order-items {
  flex: 1;
  min-height: 80px;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.tablet-order-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 100%;
  text-align: center;
  color: var(--neutral-500);
}

.tablet-order-empty svg {
  width: 28px;
  height: 28px;
}

.tablet-checkout {
  width: 100%;
  min-height: 52px;
}

.tablet-receipt {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 20px;
  overflow-y: auto;
}

.tablet-receipt-card {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
  max-width: 380px;
}

.tablet-receipt-actions {
  display: flex;
  gap: 10px;
}

.tablet-receipt-actions button {
  flex: 1;
}