/* Order Page - Responsive Styles */
@media (min-width: 768px) {
  .quick-add-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
  }
  
  .order-content {
    padding: 40px;
  }
  
  .api-integration-info {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
  
  .roadmap-steps {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px;
  }
  
  .order-modal-actions {
    flex-direction: row;
    justify-content: center;
  }
  
  .modal-btn {
    min-width: 150px;
  }
  
  .apps-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

@media (min-width: 1024px) {
  .quick-add-grid {
    grid-template-columns: repeat(4, 1fr);
  }
  
  .api-integration-info {
    grid-template-columns: repeat(3, 1fr);
  }
  
  .apps-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}