/* Product Category Buttons for new-order-tablet.html */
.category-bar {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 8px;
  flex-wrap: wrap;
}
.category-btn {
  background: #f3f4f6;
  color: #333;
  border: 1.5px solid #d1d5db;
  border-radius: 18px;
  padding: 6px 16px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.15s, color 0.15s, border 0.15s;
  height: 32px;
  line-height: 1;
  display: flex;
  align-items: center;
}
.category-btn.active, .category-btn:active {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: #fff;
  border-color: #667eea;
}

/* No special styling for the back button; it should match other category buttons */

/* Minimal green variant for the back control — only color/border, no layout changes */
.category-btn.category-back {
  background: #27ae60;
  color: #fff;
  border-color: #27ae60;
}